我正在尝试将视图模型中的徽章计数绑定到我的视图模型中。
但是每次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都命中了。限制仅在应用打开时加载第一个标签详细信息页面
答案 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继承,这没有任何意义。