Question

您在下面看到的是主页面，稍后我会包含其他视图。我想制作一个从左侧滑动并打开三分之二屏幕的菜单。我来自WPF编程，在这里，我注意到有z-index。我在网上搜索但找不到很好的结果。任何人都可以向我推荐一个重叠网格的解决方案，以便能够通过菜单项显示菜单的需要。

<?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="Fimap.WebPart.MainWeb">
 <ContentPage.Content>
  <Grid>      
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="1*"></RowDefinition>
      <RowDefinition Height="9*"></RowDefinition>
    </Grid.RowDefinitions>    
      <Grid Grid.Row="0" BackgroundColor="#0084CA">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="1.3*"></ColumnDefinition>
          <ColumnDefinition Width="2*"></ColumnDefinition>
          <ColumnDefinition Width="2*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
          <RowDefinition Height="30"></RowDefinition>
        </Grid.RowDefinitions>
        <Image Aspect="AspectFit" x:Name="menuImageButton" Grid.Column="0" Grid.Row="0" Source="Images/menu.png"></Image>
      </Grid>

      <Grid Grid.Row="1" BackgroundColor="#fff">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <ScrollView>                   
          <StackLayout VerticalOptions="FillAndExpand" x:Name="downContent" HorizontalOptions="FillAndExpand" Orientation="Vertical" Spacing="15">
             <!--RELOAD VIEW HERE--> 
          </StackLayout>
        </ScrollView>
      </Grid>
  </Grid>    
 </ContentPage.Content>
</ContentPage>

Answer 1

根据您的需要，您可以按照skar的建议查看主详细信息页面，或者另一种方法是查看此插件：

这个插件并不总是免费的，但现在却是。

http://xam-consulting.com/slideoverkit-xamarin-forms/

我目前使用两者，左侧是导航菜单（主 - 细节），右侧是过滤菜单（slideoverkit）。

创建从左侧Xamarin窗体pcl滑动的菜单

1 个答案: