如何让网格导航栏在xamarin表单应用程序的列表视图下方

Question

您好我正在使用xamarin表单中的应用程序，我的主屏幕UI如下所示：

如何让导航栏直接进入抽认卡？

这是我的xaml代码：

flink-connector

编辑这里是我的c＃代码：

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="AppName.AppNameHome">
  <Grid RowSpacing="0" ColumnSpacing="0">
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
    <ListView x:Name="listView" HasUnevenRows="true"  ItemSelected="OnItemSelected"> Grid.Row="0" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <ListView.ItemTemplate>
      <DataTemplate>
        <ViewCell>
          <Frame Padding="0,0,0,8" BackgroundColor="#d2d5d7">
            <Frame.Content>
              <Frame Padding="15,15,15,15"   OutlineColor="Gray" BackgroundColor="White">
                <Frame.Content>
                  <StackLayout Padding="20,0,0,0"  Orientation="Horizontal">

                    <Image
                            HorizontalOptions="Start"
                            Source="{Binding Image}"/>
                    <Label 
                           HorizontalOptions="CenterAndExpand"
                           Text="{Binding Name}"
                           FontFamily="OpenSans-Light"
                           FontSize="24"/>
                  </StackLayout>
                </Frame.Content>
              </Frame>
            </Frame.Content>
          </Frame>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>
  <Grid Grid.Row="1" BackgroundColor="#eff3f6" Padding="0,0,0,0">
          <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
          <StackLayout Orientation="Horizontal"  VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
              <Button  Grid.Row="0" Grid.Column="1" Image="books.png" HorizontalOptions="CenterAndExpand" BackgroundColor="Transparent" Clicked="OpenBooks" />
              <Button  Grid.Row="0" Grid.Column="2"  HorizontalOptions="EndAndExpand" BorderColor="Transparent" BackgroundColor="Transparent" Clicked="gotosettings" />
          </StackLayout>
        </Grid>
    </Grid>
</ContentPage>

任何帮助都会很棒！

提前致谢！

Answer 1

您是否尝试过ListView.Footer？

  

获取或设置将在其中显示的字符串，绑定或视图   列表视图的底部。

所以你会有类似的东西：

<ListView x:Name="listView" HasUnevenRows="true"  ItemSelected="OnItemSelected"> Grid.Row="0" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
<ListView.ItemTemplate>
  <DataTemplate>
    <ViewCell>
      <Frame Padding="0,0,0,8" BackgroundColor="#d2d5d7">
        <Frame.Content>
          <Frame Padding="15,15,15,15"   OutlineColor="Gray" BackgroundColor="White">
            <Frame.Content>
              <StackLayout Padding="20,0,0,0"  Orientation="Horizontal">

                <Image
                        HorizontalOptions="Start"
                        Source="{Binding Image}"/>
                <Label 
                       HorizontalOptions="CenterAndExpand"
                       Text="{Binding Name}"
                       FontFamily="OpenSans-Light"
                       FontSize="24"/>
              </StackLayout>
            </Frame.Content>
          </Frame>
        </Frame.Content>
      </Frame>
    </ViewCell>
  </DataTemplate>
</ListView.ItemTemplate>
<ListView.Footer>
   <Grid BackgroundColor="#eff3f6" Padding="0,0,0,0">
      <Grid.ColumnDefinitions>
         <ColumnDefinition Width="*"/>
         <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
      </Grid.ColumnDefinitions>
      <StackLayout Orientation="Horizontal"  VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
           <Button  Grid.Row="0" Grid.Column="1" Image="books.png" HorizontalOptions="CenterAndExpand" BackgroundColor="Transparent" Clicked="OpenBooks" />
           <Button  Grid.Row="0" Grid.Column="2"  HorizontalOptions="EndAndExpand" BorderColor="Transparent" BackgroundColor="Transparent" Clicked="gotosettings" />
       </StackLayout>
    </Grid>
</ListView.Footer>
</ListView>