在视图模型中ToolbarItems计数为0

时间:2019-05-31 05:14:13

标签: c# mvvm xamarin.forms prism tabbedpage

我正在尝试将视图模型中的徽章计数绑定到我的视图模型中。

但是每次Toolbaritem在我的viewmodel中计数为0时,当我在后端c#中尝试相同的代码时,我的计数都为1。

Menupage.xml

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage  xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.Views.MenuPage"
             xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
             xmlns:b="clr-namespace:Prism.Behaviors;assembly=Prism.Forms"
             prism:ViewModelLocator.AutowireViewModel="True" 
             xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
             xmlns:views="clr-namespace:MyApp.Views"
             BarBackgroundColor="White"
             android:TabbedPage.ToolbarPlacement="Bottom"
             android:TabbedPage.BarSelectedItemColor=" #388e3c"
             android:TabbedPage.IsSwipePagingEnabled="False">
    <TabbedPage.ToolbarItems>
        <ToolbarItem Name="MenuItem1" Order="Primary" Icon="ic_notifications_active_white.png" Text="Item 1" Priority="0" Command="{Binding NotificationsNavigateCommand}" />
    </TabbedPage.ToolbarItems>

    <NavigationPage.TitleView>
        <StackLayout>
            <Image Source="dropdown.png" VerticalOptions="Center" HeightRequest="25"/>
        </StackLayout>
    </NavigationPage.TitleView>

    <views:A Title="A" Icon="outline_home_black_18dp.png" />

    <TabbedPage Title="status" Icon="icons8_bar_chart.png">
        <views:B Title="B"></views:B>
        <views:C Title="C"></views:C>
    </TabbedPage>
</TabbedPage>

menupageviewmodel.cs

public class MenuPageViewModel : ContentPage, INavigatedAware
{
    public MenuPageViewModel(INavigationService navigationService)
    {
        _navigationService = navigationService;

        LoadCount();
    }

    private async void LoadCount()
    {
        if (ToolbarItems.Count > 0)
            try
            {
                var toolbarservice = DependencyService.Get<IToolbarItemBadgeService>();


                toolbarservice.SetBadge(this, ToolbarItems.First(), "1", Color.Red, Color.White);
            }
            catch (Exception ex)
            {
                throw ex;
            }
    }

    public void OnNavigatedFrom(INavigationParameters parameters)
    {
        throw new NotImplementedException();
    }

    public void OnNavigatedTo(INavigationParameters parameters)
    {
        //if (ToolbarItems.Count > 0)
        //{
        //    try
        //    {
        //        //ToolbarItems =new MenuPage.ToolbarItems();

        //        var toolbarservice = DependencyService.Get<IToolbarItemBadgeService>();

        //        toolbarservice.SetBadge(this, ToolbarItems.First(), "1", Color.Red, Color.White);
        //    }
        //    catch (Exception ex)
        //    {
        //        throw ex;
        //    }
        //}
    }
}

我认为它的加载是我的视图在viewmodel之后加载的。我也试过了棱镜OnNavigatedFrom,但是结果是相同的。另一个与加载有关的问题是,我的应用需要花费更多的时间才能打开,因为每个页面的viewmodel都命中了。限制仅在应用打开时加载第一个标签详细信息页面

1 个答案:

答案 0 :(得分:1)

我想您的项目的架构必须是这样的:

await NavigationService.NavigateAsync("NavigationPage/MenuPage");

使根选项卡式页面由基本导航页面包裹。我不建议您使用此层次结构。它将使您的所有页面显示与在根选项卡式页面上创建的相同的ToolbarItems

但是如果您确实需要使用它,则可以让您的视图模型实现IPageLifecycleAware并在那里进行计数:

public class MenuPageViewModel : ViewModelBase, IPageLifecycleAware
{
    public MenuPageViewModel(INavigationService navigationService)
        : base(navigationService)
    {
        //LoadCount();
    }

    private async void LoadCount()
    {
        NavigationPage navigationPage = Application.Current.MainPage as NavigationPage;
        var tabbpedPage = navigationPage.Navigation.NavigationStack.FirstOrDefault();
        var count = tabbpedPage.ToolbarItems.Count;

        if (count > 0)
        try
        {
            var toolbarservice = DependencyService.Get<IToolbarItemBadgeService>();

            toolbarservice.SetBadge(tabbpedPage, tabbpedPage.ToolbarItems.FirstOrDefault(), "1", Color.Red, Color.White);
        }
        catch (Exception ex)
        {
            throw ex;
        }
    }

    public void OnAppearing()
    {
        LoadCount();
    }

    public void OnDisappearing()
    {

    }
}

但是,我仍然不建议您访问视图模型中与视图相关的内容。而且,不要使您的视图模型从ContentView继承,这没有任何意义。