2017-07-11 94 views
1

我有一个弹出按钮,出于某种原因,我无法删除黑色网格周围的白色边框。有什么建议么?按钮弹出有边框,我无法删除

输出

enter image description here

XAML中实现

<Button Foreground="Transparent" HorizontalAlignment="Right" Width="30" Height="30" Margin="0,0,15,5"> 
     <Button.Background> 
      <ImageBrush ImageSource="ms-appx:///Assets/ButtonImage.png" /> 
     </Button.Background> 
     <Button.Flyout> 
      <Flyout Placement="Top" > 
       <Grid Width="300" Height="auto" Margin="0,0,0,0" Background="Black" BorderThickness="3" BorderBrush="blue" > 

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

        <Grid Height="50" Grid.Row="0" Background="Black" BorderBrush="Black"> 
          <TextBlock x:Name="SSMenuAppVersionText" Text="123" FontSize="15" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
         </Grid> 
        <Grid x:Name="AppSuggestionGrid" Grid.Row="1" Background="Black" BorderBrush="Black"> 
          <Button x:Name="AppSuggestionButton" Click="FeedBackButtonClicked" Background="Transparent" Height="50" HorizontalAlignment="Stretch"> 
           <TextBlock x:Name="SSMenuAppSuggesstionText" Text="App Suggestions" Foreground="#007AFF" FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
          </Button> 
         </Grid> 
        <Grid Grid.Row="2" BorderBrush="Black" Background="Black"> 
         <Button x:Name="ReferButton" Click="ReferButtonClicked" Background="Black" Height="50" HorizontalAlignment="Stretch"> 
           <TextBlock x:Name="SSMenuReferText" Text="Refer " Foreground="#007AFF" FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
          </Button> 
         </Grid> 
        <Grid Grid.Row="3" BorderBrush="Black" Background="Black"> 
         <Button x:Name="VisitButton" Click="VisitButtonClicked" Background="Black" Height="50" HorizontalAlignment="Stretch"> 
          <TextBlock x:Name="SSMenuVisitText" Text="Visit " Foreground="#007AFF" FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
         </Button> 
        </Grid> 

       </Grid> 
      </Flyout> 
     </Button.Flyout> 
    </Button> 

回答

1

你有选择的图片。如果我们看看Flyout Style Template的胆量,我们注意到一些设置为PaddingBorder的主题资源,您可以使用它们覆盖这些属性,或者仅为Flyout创建自己的Style模板,然后让它们成为您喜欢的任何内容。

因此,例如,如果您将类似这样的东西扔到您的资源字典中,则应该覆盖该应用程序的ThemeResource

<Thickness x:Key="FlyoutContentThemePadding">0,0,0,0</Thickness> 
<Thickness x:Key="FlyoutBorderThemeThickness">0</Thickness> 

希望这会有所帮助,欢呼!