Question

我有一个弹出按钮，由于某种原因，我无法移除黑色网格周围的边框，白色。有什么建议吗？

输出图片

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>

Answer 1

你有选择。如果我们查看Flyout Style Template的内容，我们会注意到Padding和Border的一些设置主题资源，您可以使用这些资源来覆盖属性，或者只创建自己的{{1} } Style的模板，并随心所欲地制作它们。

例如，如果您将此类内容扔到资源字典中，则应覆盖该应用的Flyout。

ThemeResource

希望这有帮助，欢呼！

Button Flyout有一个我无法删除的边框

1 个答案: