您可以使用用户控件为
继续并创建一个新的UserControl并在此处添加此xaml代码
<Grid >
<!--makes rounded control, delete OpacityMask and the BorderMask if you don't need that-->
<Grid.OpacityMask>
<VisualBrush Visual="{Binding ElementName=BorderMask}" />
</Grid.OpacityMask>
<Border Background="Black" x:Name="BorderMask" CornerRadius="10"/>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--First Button-->
<Button Background="Cyan" Grid.Row="0"/>
<!--Second Button-->
<Button Background="Gray" Grid.Row="1"/>
<!--YOUR CONTENT-->
<Ellipse Grid.RowSpan="2"
Fill="Red"
Margin="10"/>
</Grid>
</Grid>
如果您需要在循环中添加某些内容
<Grid >
<Grid.OpacityMask>
<VisualBrush Visual="{Binding ElementName=BorderMask}" />
</Grid.OpacityMask>
<Border Background="Black" x:Name="BorderMask" CornerRadius="10"/>
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--First Button-->
<Button Background="Cyan" Grid.Row="0"/>
<!--Second Button-->
<Button Background="Gray" Grid.Row="1"/>
<!--Content Grid-->
<Grid Grid.RowSpan="2" Margin="20">
<Grid.OpacityMask>
<VisualBrush Visual="{Binding ElementName=EllipseMask}" />
</Grid.OpacityMask>
<Ellipse Fill="Black" x:Name="EllipseMask" />
<!--this rectangle here is only an example ,
you should replace it with your content-->
<Rectangle Fill="AliceBlue"/>
</Grid>
</Grid>
</Grid>
如果您想要其他或其他内容,请评论或编辑您的问题:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句