創建可從左側滑動的菜單Xamarin形式pcl

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）的導航菜單。