Evolve의 메뉴 항목에 아이콘 추가 Monotouch의 FlyoutNavigationController

Question

iOS 앱에서 Evolve Flyout Navigation Controller가 작동하지만이 코드에 아이콘을 추가하는 방법을 모르겠습니다. 각 메뉴 항목의 왼쪽에 아이콘을 표시하고 메뉴 항목에 고유 한 아이콘을 원합니다. 내 코드는 다음과 같습니다.

// Subclass the component to keep the configuration in one place 
using FlyoutNavigation; 

namespace Mobile.iOS7 
{ 
    public class EvolveFlyoutNavigationController : FlyoutNavigationController 
    { 
    string[] MenuTasks = { 
     "Menu Item One", 
     "Menu Item Two", 
     "Menu Item Three", 
     "Menu Item Four", 
    }; 

    UINavigationController notImplementedVC; 

    public EvolveFlyoutNavigationController() : base() 
    { 
     // Create the navigation menu 
     var menuSection = new Section(); 
     foreach(var page in MenuTasks) 
      menuSection.Add(new StyledStringElement (page) { BackgroundColor = MyColors.DarkGray, TextColor = UIColor.White, Font = UIFont.FromName("Lato-Black", 16f) }); 

     NavigationRoot = new RootElement ("Menu") { 
      menuSection 
     }; 

     List <UINavigationController> vcList = new List<UINavigationController>(); 

     var mainSB = UIStoryboard.FromName ("MainStoryboard", null); 
     vcList.Add(new UINavigationController (mainSB.InstantiateViewController ("DashboardViewController") as DashboardViewController)); 
     vcList.Add(new UINavigationController (mainSB.InstantiateViewController ("LocatorTabController") as LocatorTabController)); 


     ViewControllers = vcList.ToArray(); 

     NavigationTableView.BackgroundView = new UIImageView (new UIImage ("bg-nav.png")); 
     NavigationTableView.SeparatorColor = UIColor.LightGray; 
    } 
} 
} 

도움이 되었습니까?

Answer 1

StyledStringElement를 사용하여 MonoTouch.Dialog으로 메뉴를 그립니다. 이 요소는 표시 할 이미지를 지정하는 데 사용할 수있는 ImageUri 속성을 지원합니다.

menuSection.Add(new StyledStringElement (page) { 
    BackgroundColor = MyColors.DarkGray, 
    TextColor = UIColor.White, 
    Font = UIFont.FromName("Lato-Black", 16f), 
    ImageUri = new Uri(__path_to_your_image__) 
});