2017-07-11 62 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> 

希望這會有所幫助,歡呼!