Xamarin表单UWP上的主细节页面的选项卡导航子项

时间:2016-09-01 13:54:12

标签: c# xamarin xamarin.forms uwp freshmvvm

我正在使用Xamarin Forms(v2.3.1.114)和FreshMVVM实现Master Detail导航,其中第一页是标签式导航。为了实施,我使用FreshMVVM custom Navigation Sample

导航在Android和iOS上运行良好,但在UWP上,主导航按钮无法显示。

Android vs UWP enter image description here

以下是导航代码的一部分

FreshTabbedNavigationContainer _mainTabs;
void Setup()
    {
        _mainTabs = new FreshTabbedNavigationContainer();
        _mainTabs.AddTab<MyRewardsPageModel>("My Rewards", null);
        _mainTabs.AddTab<MapPageModel>("Map", null);
        _mainTabs.AddTab<NearbyPageModel>("Near You", null);
        _contactusPage = FreshPageModelResolver.ResolvePageModel<ContactUsPageModel>();
        _aboutUsPage = FreshPageModelResolver.ResolvePageModel<AboutUsPageModel>();
    }

void CreateMenuPage(string menu)
    {
        var menuPage = new ContentPage { Title = menu };
        var listView = new ListView { ItemsSource = new string[] { "Home", "Contact Us", "About Us" } };
        listView.ItemSelected += (sender, args) =>
        {
            switch ((string)args.SelectedItem)
            {
                case "Home":
                    Detail = _mainTabs;
                    break;
                case "Contact Us":
                    Detail = new NavigationPage(_contactusPage);
                    break;
                case "About Us":
                    Detail = new NavigationPage(_contactusPage);
                    break;
                default:
                    break;
            }
            IsPresented = false;
        };
        IsPresented = true;
        menuPage.Content = listView;
        Detail = _mainTabs;
        Master = new NavigationPage(menuPage)
        {
            Title = menu,
            BarBackgroundColor = Color.Green,
            BarTextColor = Color.Black
        };
    }

这是一个Xamarin Forms错误还是我的实现?任何建议都受到高度赞赏

1 个答案:

答案 0 :(得分:2)

  

这是一个Xamarin Forms错误还是我的实现

它不是Xamarin错误,实际上, UWP项目中缺少图标图像

图片资源包含在Android项目中:

enter image description here

将这些图像添加到UWP项目:

enter image description here

屏幕截图:

enter image description here