Xamarin.Forms動態更改母版頁內容

Question

我有一個具有Master-Detail頁面的簡單應用程序。

看起來類似：

我想動態更改母版頁內容。 例如，在“詳細信息”頁面上有一些“按鈕”，然后單擊它-消失了“母版”頁面中的某些項目。

我試圖找到一些項目屬性，例如item1.isVisible=False但一無所獲。

有什么辦法可以做到嗎？

MainPage代碼：

public partial class MainPage : MasterDetailPage
{
    public MainPage()
    {
        InitializeComponent();
        masterPage.listView.ItemSelected += OnItemSelected;
    }

    void OnItemSelected(object sender, SelectedItemChangedEventArgs e)
    {
        var item = e.SelectedItem as MasterPageItem;
        if (item != null)
        {
            Detail = new NavigationPage((Page)Activator.CreateInstance(item.TargetType));
            masterPage.listView.SelectedItem = null;
            IsPresented = false;
        }
    }
}

MainPage XAML：

<MasterDetailPage xmlns=....>
<MasterDetailPage.Master>
    <views:MasterPage x:Name="masterPage" />
</MasterDetailPage.Master>
<MasterDetailPage.Detail>
    <NavigationPage>
        <x:Arguments>
            <views:SomePage/>
        </x:Arguments>
    </NavigationPage>
</MasterDetailPage.Detail>

MasterPage XAML：

    <StackLayout>
    <ListView x:Name="listView" x:FieldModifier="public" Margin="10,50,0,0">
        <ListView.ItemsSource>
            <x:Array Type="{x:Type local:MasterPageItem}">
                <local:MasterPageItem Title="Home" TargetType="{x:Type views:HomePage}" IconSource="nav_icon_home"/>
                <local:MasterPageItem Title="Settings" TargetType="{x:Type views:HomePage}" IconSource="nav_icon_settings" />
                <local:MasterPageItem Title="My Profile" TargetType="{x:Type views:HomePage}" IconSource="nav_icon_profile" />
                <local:MasterPageItem Title="Help" TargetType="{x:Type views:HomePage}" IconSource="nav_icon_help" />
                <local:MasterPageItem Title="About" TargetType="{x:Type views:AboutPage}" IconSource="nav_icon_about"/>
            </x:Array>
        </ListView.ItemsSource>
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <Grid Padding="10,10,10,10" ColumnSpacing="10">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="30"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Image Source="{Binding IconSource}"/>
                        <Label Grid.Column="1" Text="{Binding Title}" TextColor="White" VerticalOptions="Center"/>
                    </Grid>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</StackLayout>

MasterPage項目：

public class MasterPageItem
{
    public string Title { get; set; }

    public string IconSource { get; set; }

    public Type TargetType { get; set; }
}

所以我已經在MasterPageItem內部實現了INotifyPropertyChanged ：

public class MasterPageItem : INotifyPropertyChanged
{
    public string Title { get; set; }

    public string IconSource { get; set; }

    public Type TargetType { get; set; }

    public event PropertyChangedEventHandler PropertyChanged = delegate { };

    private bool isVisible;

    public bool IsVisible
    {
        get { return isVisible; }
        set
        {
            isVisible = value;
            PropertyChanged(this, new PropertyChangedEventArgs("IsVisible"));
        }
    }

}

但是，如何將其綁定到我的MasterPage ？

Answer 1

最后，我實現了2個不同的MasterPages ，因此可以在需要時在它們之間進行切換。

所以我有2個MainPages ，第一個是MasterPage1 ：

<MasterDetailPage.Master>
    <views:MasterPage1 x:Name="masterPage1" />
</MasterDetailPage.Master>

<MasterDetailPage.Detail>
<NavigationPage>
    <x:Arguments>
        <views:SomePage1/>
    </x:Arguments>
</NavigationPage>
</MasterDetailPage.Detail>

第二個MainPage2到MasterPage2 ：

<MasterDetailPage.Master>
    <views:MasterPage2 x:Name="masterPage2" />
</MasterDetailPage.Master>

<MasterDetailPage.Detail>
<NavigationPage>
    <x:Arguments>
        <views:SomePage2/>
    </x:Arguments>
</NavigationPage>
</MasterDetailPage.Detail>

我知道這不是最好的解決方案，但對我而言就足夠了。

Answer 2

首先，學習如何提問； https://stackoverflow.com/help/how-to-ask

您希望我們能理解您如何構建視圖並對其進行修改，而無需顯示任何代碼。

一般來說，可以通過更改Xamarin.Forms.MasterDetailPage的Master Xamarin.Forms.MasterDetailPage來更改母版頁的Xamarin.Forms.MasterDetailPage 。 如果您將Xamarin.Forms.ContentPage分配給Master Xamarin.Forms.ContentPage ，則可以通過((ContentPage)YourMasterDetailPage.Master).Content 。

我確定這個問題已經回答了100次，並且遵循了xamarin形式的基本結構。

在此處從零開始學習MasterDetailPage： https ：//docs.microsoft.com/zh-CN/xamarin/xamarin-forms/app-fundamentals/navigation/master-detail-page

由於您現在提供了一些代碼，因此下面是一個小示例：

void OnItemSelected(object sender, SelectedItemChangedEventArgs e)
    {
        var item = e.SelectedItem as MasterPageItem;
        if (item != null)
        {
            Detail = new NavigationPage((Page)Activator.CreateInstance(item.TargetType));
            item.IsVisible = false; //this would make the clicked item invisible
            masterPage.listView.SelectedItem = null;
            IsPresented = false;
        }
    }