带圆形边框的面板

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了带圆形边框的面板相关的知识,希望对你有一定的参考价值。

我正在开发Windows Phone 8应用,并且我具有以下带有BorderStackPanel,但StackPanel未被裁剪到Border

            <Border Grid.Column="1" BorderThickness="3" BorderBrush="Black" CornerRadius="50">
            <StackPanel Width="425">
                <StackPanel.Background>
                    <SolidColorBrush Color="#FFFBEAEA" Opacity="0.25"/>
                </StackPanel.Background>
                <TextBlock Text="{Binding Name}" Style="{StaticResource PhoneTextLargeStyle}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" TextWrapping="Wrap" Margin="12,0,12,6" Foreground="Black"/>
                <TextBlock Text="{Binding Type}" Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap" FontFamily="{StaticResource PhoneFontFamilySemiBold}" Foreground="Black"/>
                <TextBlock Text="{Binding Text}" Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap" FontFamily="{StaticResource PhoneFontFamilySemiLight}" Foreground="Black"/>
            </StackPanel>
            </Border>

我不知道为什么我在网上做了一些挖掘工作,但是sample无效。

有人可以帮助我吗?谢谢。

答案

您能否通过将背景设置为border而不是stackpanel来尝试。几乎所有内容都相同。

另一答案

不幸的是,没有剪切内容,它就如您所见。

另一答案

而不是使用ClipToBoundsOpacityMask,请尝试使用径向渐变作为附加Border元素的背景。

另一答案

我从this article得到了一个很好的答案。

以上是关于带圆形边框的面板的主要内容,如果未能解决你的问题,请参考以下文章

带边框和阴影的圆形按钮

Swift Left Side只有带边框的圆形按钮

如何将带边框的文本放在导航菜单文本下方?

WPF - 带OpacityMask / VisualBrush的边框:内存泄漏

Android:我的图像周围可以有圆形边框吗[重复]

如何避免模态面板的圆角和厚黑边?