将ContentView嵌套到ContentPage中作为Xamarin架构的最佳实践

时间:2018-04-25 00:03:45

标签: mvvm xamarin.forms

我有一个应用程序基本上将一堆ContentViews加载到主页ContentPage中。我认为这里存在一个问题,因为每次加载主页时都需要初始化所有视图模型。我想知道是否值得花时间抛弃下面的代码并将视图从ContentView转换为ContentPage&只需要做Navigation.PushAsync(new View1());代替。对不起,我知道这有很多示例代码,但我真的希望得到最佳实践的清晰图片。

My Home.xaml

    <Grid x:Name="ContentBody" VerticalOptions="FillAndExpand">
    <local:View1 Grid.Row="0" x:Name="View1" IsVisible="{Binding View1IsVisible}" BindingContext="{Binding View1ViewModel}" />
    <local:View2 Grid.Row="0" x:Name="View2" IsVisible="{Binding View2IsVisible}" BindingContext="{Binding View2ViewModel}" />
    <local:View3 Grid.Row="0" x:Name="View3" IsVisible="{Binding View3IsVisible}" BindingContext="{Binding View3ViewModel}" />
    <local:View4 Grid.Row="0" x:Name="View4" IsVisible="{Binding View4IsVisible}" BindingContext="{Binding View4ViewModel}" />
    <local:View5 Grid.Row="0" x:Name="View5" IsVisible="{Binding View5IsVisible}" BindingContext="{Binding View5ViewModel}" />
    <local:View6 Grid.Row="0" x:Name="View6" IsVisible="{Binding View6IsVisible}" BindingContext="{Binding View6ViewModel}" />
    <local:DrawerView Grid.Row="0" x:Name="DrawerView" IsVisible="{Binding DrawerViewIsVisible}" />

</Grid>

Then In my HomeViewModel...

    private readonly View1ViewModel _view1ViewModel = new View1ViewModel();
    public View1ViewModel View1ViewModel { get { return _view1ViewModel; } }
    private readonly View2ViewModel _view2ViewModel = new View2ViewModel();
    public View2ViewModel View2ViewModel { get { return _view2ViewModel; } }
    private readonly View3ViewModel _view3ViewModel = new View3ViewModel();
    public View3ViewModel View3ViewModel { get { return _view3ViewModel; } }
    private readonly View4ViewModel _view4ViewModel = new View4ViewModel();
    public View4ViewModel View4ViewModel { get { return _view4ViewModel; } }
    private readonly View5ViewModel _view5ViewModel = new View5ViewModel();
    public View5ViewModel View5ViewModel { get { return _view5ViewModel; } }
    private readonly View6ViewModel _view6ViewModel = new View6ViewModel();
    public View6ViewModel View6ViewModel { get { return _view6ViewModel; } }
///////////////////Some Visibility Properties...//////////////////////

&#13;
&#13;
///////////////////Some Visibility Properties...//////////////////////
private bool _view1IsVisible;
public bool View1IsVisible
{
    get { return _view1IsVisible; }
    set { _view1IsVisible = value; OnPropertyChanged("View1IsVisible"); }
}

private bool _view2IsVisible;
public bool View2IsVisible
{
    get { return _view2IsVisible; }
    set { _view2IsVisible = value; OnPropertyChanged("View2IsVisible"); }
}

private bool _view3IsVisible;
public bool View3IsVisible
{
    get { return _view3IsVisible; }
    set { _view3IsVisible = value; OnPropertyChanged("View3IsVisible"); }
}

private bool _view4IsVisible;
public bool View4IsVisible
{
    get { return _view4IsVisible; }
    set { _view4IsVisible = value; OnPropertyChanged("View4IsVisible"); }
}

private bool _view5IsVisible;
public bool View5IsVisible
{
    get { return _view5IsVisible; }
    set { _view5IsVisible = value; OnPropertyChanged("View5IsVisible"); }
}

private bool _view6IsVisible;
public bool View6IsVisible
{
    get { return _view6IsVisible; }
    set { _view6IsVisible = value; OnPropertyChanged("View6IsVisible"); }
}

/////And then this is more or less a method to show the view/////////////

private void ShowView(ViewChangedEventArgs e)
{
    HideAllViews();
    switch(e.SelectedView){
	    case ViewType.View1:
	    	View1IsVisible = true
	    	break;
	    case ViewType.View2:
	    	View2IsVisible = true
	    	break;
	    case ViewType.View3:
	    	View3IsVisible = true
	    	break;
	    case ViewType.View4:
	    	View4IsVisible = true
	    	break;
	    case ViewType.View5:
	    	View5IsVisible = true
	    	break;
	    case ViewType.View6:
	    	View6IsVisible = true
	    	break;
    }
}
&#13;
&#13;
&#13;

有人能告诉我这种方法是否合适?每当我添加一个新页面时使用这种方法我将需要添加一个视图到Homepage视图和viewModel&amp;主页ViewModel的IsVisible属性..

我非常感谢任何指导。我认为更好的方法是从HomePage中分离ContentViews,当我导航到其中一个视图时,我只是PushAsync。我在网上看过一些人正在采用上述方法的支持文档,我只是想问专家他们看到这段代码时的想法。

1 个答案:

答案 0 :(得分:0)

在与Xamarin团队成员交谈后,我被告知要删除此主页视图中的所有视图,将透视视图模型绑定在他们自己的代码后面,然后我可以使用Navigation.PushAsync进行导航(新的View1());

教程: https://github.com/XamarinUniversity/XAM290

载文: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/enterprise-application-patterns/

相关问题