Xamarin MasterDetailPage с несколькими разделами и разными стилями

Question

Я успешно создал Xamarin.Forms MasterDetailPage, но мне нужно что-то вроде этого,

Я думал, что иметь таких двух ListView детей

<ContentPage ...
             xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             Title="Master Main">
    <Grid VerticalOptions="Fill">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ListView x:Name="MenuItemsListView"
                  SeparatorVisibility="None"
                  HasUnevenRows="False">
            <ListView.ItemTemplate>
            ...
            </ListView.ItemTemplate>
        </ListView>
        <ListView x:Name="otherItemsListView">
        ...
        </ListView>
    </Grid>
</ContentPage>

но это делит высоту сетки одинаково независимо от того, какую RowDefinitions я установил. У меня нет идей. Пожалуйста, помогите.

Answer 1

Если вы используете два списка, они будут иметь отдельные свитки.Я думаю, ты не хочешь этого?Что вы можете сделать, это использовать разные шаблоны элементов для разных типов элементов в вашем источнике элементов списков.Посмотрите на https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/templates/data-templates/selector, если вам нравится то, что вы хотите.

Answer 2

Если вы хотите, чтобы что-то в сетке занимало процент экрана, используйте размер звезды.Чтобы получить желаемый эффект, это может быть что-то вроде:

<Grid.RowDefinitions>
     <RowDefinition Height="8*" />
     <RowDefinition Height="2*" />
</Grid.RowDefinitions>

В этом примере первая строка занимает 80% сетки, а вторая строка занимает 20%.Обратите внимание, что я мог бы также использовать .8 и .2 или 80 и 20 и все же получить тот же эффект.Взгляните на Xamarin документы на сетках для получения дополнительной информации.