UWPハンバーガーメニューが開きません。

Question

ハンバーガーメニューのハンバーガーメニューを使用してUWPアプリを作成しています。いくつかのボタンとアイコンを持つスタックパネルです。とにかくメインページはインターネットからアイテムを読み込み、それ以上のアイテムを表示するためにスクロールします。問題は、Windows 10のモバイルでアプリケーションを起動すると、メニューが開かないということです。私が水平にスワイプするたびに、メニューは決して表示されません。私はPC上でマウスでスワイプしてメニューを表示しようとしましたが、電話ではスワイプはスクロールに変換されるため、何も起こりません：/任意のアイデアですか？

 <StackPanel x:Name="stckpnlMenuTop" Padding="0,40,0,0" HorizontalAlignment="Left" Background="{ThemeResource ComboBoxPopupBorderThemeBrush}" RenderTransformOrigin="0,0" Width="300"> 
     <StackPanel.RenderTransform> 
      <TranslateTransform x:Name="trnslttrnsfrmMenuTop"/> 
     </StackPanel.RenderTransform> 

     <Grid x:Name="top" VerticalAlignment="Top" Margin="0,49,0,0" Height="491"> 
      <Grid x:Name="frontslider" Margin="0,-109,0,519" RenderTransformOrigin="0.5,0.5" Background="{StaticResource BoxBackground}"/> 
      <Grid x:Name="top_back" HorizontalAlignment="Left" Height="81" Margin="0,-109,0,0" VerticalAlignment="Top" Width="300" PointerEntered="top_back_PointerEntered" PointerExited="top_back_PointerExited" Tapped="top_back_Tapped"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="3*"/> 
        <ColumnDefinition Width="2*"/> 
       </Grid.ColumnDefinitions> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Button x:Name="slider_botton" FontFamily="Segoe MDL2 Assets" Content="&#xE700;" HorizontalAlignment="left" Margin="0,-76,0,0" VerticalAlignment="Top" Width="48" Height="48" Foreground="White" Tapped="slider_btn_Tapped" BorderBrush="{x:Null}" RenderTransformOrigin="0.458,-0.833" Background="{x:Null}"/> 
      <Grid x:Name="android_back" HorizontalAlignment="Left" Height="48" Margin="0,125,0,0" VerticalAlignment="Top" Width="300" PointerEntered="android_back_PointerEntered" PointerExited="android_back_PointerExited" Tapped="android_tab"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Grid x:Name="home_back" HorizontalAlignment="Left" Height="57" Margin="0,-28,0,0" VerticalAlignment="Top" Width="300" Tapped="home_tapped" PointerExited="home_back_PointerExited" PointerEntered="home_back_PointerEntered"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="3*"/> 
        <ColumnDefinition Width="2*"/> 
       </Grid.ColumnDefinitions> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Grid x:Name="windows10_back" HorizontalAlignment="Left" Height="48" Margin="0,29,0,0" VerticalAlignment="Top" Width="300" PointerEntered="windows10_back_PointerEntered" PointerExited="windows10_back_PointerExited" Tapped="windows10_tap"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Grid x:Name="windowspho_back" HorizontalAlignment="Left" Height="48" Margin="0,77,0,0" VerticalAlignment="Top" Width="300" Tapped="winphon_tab" PointerEntered="windowspho_back_PointerEntered" PointerExited="windowspho_back_PointerExited"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Grid x:Name="nokia_back" HorizontalAlignment="Left" Height="48" Margin="0,173,0,0" VerticalAlignment="Top" Width="300" PointerEntered="nokia_back_PointerEntered" PointerExited="nokia_back_PointerExited" Tapped="nokia_tab"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Grid x:Name="games_back" HorizontalAlignment="Left" Height="48" Margin="0,221,0,0" VerticalAlignment="Top" Width="300" Tapped="games_tab" PointerExited="games_back_PointerExited" PointerEntered="games_back_PointerEntered"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <TextBlock x:Name="Windows10_text" Foreground="White" HorizontalAlignment="Left" Margin="60,42,0,0" TextWrapping="Wrap" Text="ويندوز 10" VerticalAlignment="Top" PointerEntered="windows10_back_PointerEntered" Tapped="windows10_tap" PointerExited="windows10_back_PointerExited"/> 
      <TextBlock x:Name="windowspho_text" Foreground="White" HorizontalAlignment="Left" Margin="60,94,0,0" TextWrapping="Wrap" Text="ويندوز 10 موبايل" VerticalAlignment="Top" PointerEntered="windowspho_back_PointerEntered" PointerExited="windowspho_back_PointerExited" Tapped="winphon_tab"/> 
      <TextBlock x:Name="android_text" Foreground="White" HorizontalAlignment="Left" Margin="60,142,0,0" TextWrapping="Wrap" Text="أندرويد" VerticalAlignment="Top" PointerEntered="android_back_PointerEntered" PointerExited="android_back_PointerExited" Tapped="android_tab"/> 
      <TextBlock x:Name="nokia_text" Foreground="White" HorizontalAlignment="Left" Margin="60,191,0,0" TextWrapping="Wrap" Text="نوكيا" VerticalAlignment="Top" PointerEntered="nokia_back_PointerEntered" PointerExited="nokia_back_PointerExited" Tapped="nokia_tab"/> 
      <TextBlock x:Name="home_btn" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE12A;" HorizontalAlignment="Left" Margin="14,-11,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="home_tapped" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="home_back_PointerEntered" PointerExited="home_back_PointerExited"/> 
      <TextBlock x:Name="home_btn_text" Foreground="White" HorizontalAlignment="Left" Margin="60,-11,0,0" TextWrapping="Wrap" Text="الرئيسية" VerticalAlignment="Top" PointerEntered="home_back_PointerEntered" PointerExited="home_back_PointerExited" Tapped="home_tapped"/> 
      <TextBlock x:Name="windows10_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE211;" HorizontalAlignment="Left" Margin="14,43,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="windows10_tap" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="windows10_back_PointerEntered" PointerExited="windows10_back_PointerExited"/> 
      <TextBlock x:Name="windowspho_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE25A;" HorizontalAlignment="Left" Margin="14,91,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="winphon_tab" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="windowspho_back_PointerEntered" PointerExited="windowspho_back_PointerExited"/> 
      <TextBlock x:Name="android_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE97E;" HorizontalAlignment="Left" Margin="14,139,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="android_tab" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="android_back_PointerEntered" PointerExited="android_back_PointerExited"/> 
      <TextBlock x:Name="nokia_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE1B7;" HorizontalAlignment="Left" Margin="14,189,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="nokia_tab" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="nokia_back_PointerEntered" PointerExited="nokia_back_PointerExited"/> 
      <TextBlock x:Name="games_text" Foreground="White" HorizontalAlignment="Left" Margin="60,236,0,0" TextWrapping="Wrap" Text="ألعاب" VerticalAlignment="Top" PointerEntered="games_back_PointerEntered" PointerExited="games_back_PointerExited" Tapped="games_tab"/> 
      <TextBlock x:Name="games_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE7FC;" HorizontalAlignment="Left" Margin="14,234,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="games_tab" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="games_back_PointerEntered" PointerExited="games_back_PointerExited"/> 
     </Grid> 
    </StackPanel> 
    <StackPanel x:Name="stckpnlMenuBottom" HorizontalAlignment="Left" VerticalAlignment="Bottom" Background="{ThemeResource ComboBoxPopupBorderThemeBrush}" RenderTransformOrigin="0,0" Padding="0,0,0,10" Height="238"> 
     <StackPanel.RenderTransform> 
      <TranslateTransform x:Name="trnslttrnsfrmMenuBottom"/> 
     </StackPanel.RenderTransform> 
     <Grid x:Name="bottom" VerticalAlignment="Bottom" Height="232"> 
      <Grid x:Name="contact_back" HorizontalAlignment="Left" Height="48" Margin="0,133,0,0" VerticalAlignment="Top" Width="300" Tapped="contact_tab" PointerEntered="contact_back_PointerEntered" PointerExited="contact_back_PointerExited"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Grid x:Name="settings_back" HorizontalAlignment="Left" Height="48" Margin="0,181,0,-7" VerticalAlignment="Top" Width="300" PointerEntered="settings_back_PointerEntered" PointerExited="settings_back_PointerExited" Tapped="setting_tab"> 
       <Grid.Background> 
        <SolidColorBrush Color="#FF3A3A3A" Opacity="0.30000001192092896"/> 
       </Grid.Background> 
      </Grid> 
      <Rectangle x:Name="flowitems" FlowDirection="RightToLeft" 
         Tapped="contact_tab" Margin="0,133,20,55"> 
       <FlyoutBase.AttachedFlyout> 
        <MenuFlyout x:Name = "option_menu"> 
         <MenuFlyoutItem x:Name="FeedBack" FlowDirection="RightToLeft" Text="إرسال مشكلة" Width="241" PointerEntered="FeedBack_PointerEntered" Click="FeedBack_Click" > 
          <MenuFlyoutItem.Template> 
           <ControlTemplate TargetType="MenuFlyoutItem"> 
            <StackPanel Margin="12,10,0,10" Orientation="Horizontal"> 
             <FontIcon Margin="0,0,12,0" FontFamily="Segoe MDL2 Assets" Glyph="&#xE206;" /> 
             <TextBlock Text="{TemplateBinding Text}" /> 
            </StackPanel> 
           </ControlTemplate> 
          </MenuFlyoutItem.Template> 
         </MenuFlyoutItem> 
         <MenuFlyoutItem x:Name="StoreRate" FlowDirection="RightToLeft" Text="تقييم التطبيق في المتجر" Width="241" Background="Gray" Click="StoreRate_Click" > 
          <MenuFlyoutItem.Template> 
           <ControlTemplate TargetType="MenuFlyoutItem"> 
            <StackPanel Margin="12,10,0,10" Orientation="Horizontal"> 
             <FontIcon Margin="0,0,12,0" FontFamily="Segoe MDL2 Assets" Glyph="&#xE1CE;" /> 
             <TextBlock Text="{TemplateBinding Text}" /> 
            </StackPanel> 
           </ControlTemplate> 
          </MenuFlyoutItem.Template> 
         </MenuFlyoutItem> 
         <MenuFlyoutItem x:Name="TextMe" FlowDirection="RightToLeft" Text="مراسلة المصمم" Width="241" Background="Gray" Click="TextMe_Click"> 
          <MenuFlyoutItem.Template> 
           <ControlTemplate TargetType="MenuFlyoutItem"> 
            <StackPanel Margin="12,10,0,10" Orientation="Horizontal"> 
             <FontIcon Margin="0,0,12,0" FontFamily="Segoe MDL2 Assets" Glyph="&#xE13D;" Width="22" /> 
             <TextBlock Text="{TemplateBinding Text}" /> 
            </StackPanel> 
           </ControlTemplate> 
          </MenuFlyoutItem.Template> 
         </MenuFlyoutItem> 
        </MenuFlyout> 
       </FlyoutBase.AttachedFlyout> 
      </Rectangle> 
      <TextBlock x:Name="contact_text" Foreground="White" HorizontalAlignment="Left" Margin="60,147,0,0" TextWrapping="Wrap" Text="تواصل معنا" VerticalAlignment="Top" PointerEntered="contact_back_PointerEntered" PointerExited="contact_back_PointerExited" Tapped="contact_tab" Height="36" Width="86"/> 
      <TextBlock x:Name="settings_text" Foreground="White" HorizontalAlignment="Left" Margin="60,194,0,0" TextWrapping="Wrap" Text="الإعدادات" VerticalAlignment="Top" PointerEntered="settings_back_PointerEntered" PointerExited="settings_back_PointerExited" Tapped="setting_tab" Height="27"/> 
      <TextBlock x:Name="contact_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE119;" HorizontalAlignment="Left" Margin="14,148,0,0" VerticalAlignment="Top" Width="38" Height="24" Tapped="contact_tab" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="contact_back_PointerEntered" PointerExited="contact_back_PointerExited"/> 
      <TextBlock x:Name="settings_icon" Foreground="White" FontFamily="Segoe MDL2 Assets" Text="&#xE115;" HorizontalAlignment="Left" Margin="14,194,0,1" Width="38" Tapped="setting_tab" FontSize="20" RenderTransformOrigin="0.52,0.967" PointerEntered="settings_back_PointerEntered" PointerExited="settings_back_PointerExited"/> 
     </Grid> 
    </StackPanel> 

私はメインページのスクロールバーを持つ私の問題だと思うが、あなたは自動でスクロールし得るのStackPanelそれにはScrollViewerのはありませんことを知っている必要がありとなしのコードがありません：

はここに私のメインページのコードです私は水平スクロールを無効にすることはできません。

Answer 1

私はsplitviewを使用していますが、スワイプタッチが非常に悪いので、これを使用しています。左側に32pxのグリッドを追加して問題を解決しました。はい、私は手作りを掲示しないのは残念です！私のC＃コードが非常に大きいので、ここに投稿することはできません これは誰でもそれを検索するのに役立ちますように！

Answer 2

UWPでハンバーガーメニューを作成する場合は、SplitViewコントロールで簡単に行うことができます。私はあなたがこのコントロールを知っているならば、Shubham Sahuが言ったように私はそれを言いました。 SplitViewコントロールを使用してハンバーガーを作ることに興味がある場合は、このブログWindows 10 SplitView – Build Your First Hamburger Menuを読むことができます。

上記のxamlコードのように自分でやりたいが、あなたの現在の問題を解決できなかった場合。再現可能なコードサンプルをすべて提供してください。あなたはxamlコードを投稿するだけなので、あなたは非常に多くのイベントハンドラを登録しています。あなたはC＃コードを投稿していないので、コードビハインドで何をしたのか分かりませんでした。