wpf - 带网格的同心矩形
问题描述
我对WPF完全陌生,所以请温柔。:) 我有一个 4x4 网格。在每个单元格中,我希望有同心矩形框住单元格,然后在其中放置小部件。外部矩形用于填充单元格。然后内部矩形将位于外部矩形的边界内,等等。我能够成功放置第一个矩形。但是,我在放置内部矩形时遇到了麻烦。我的直觉说这应该在没有代码隐藏的情况下是可行的。
我已经尝试过画布中的画布,更不用说各种排列和组合了。
<Grid Grid.Row="0" Grid.Column="0" >
<Canvas>
<Rectangle Canvas.Left="0" Stroke="Gray" Canvas.Top="0" RadiusX="10" RadiusY="10" StrokeThickness="20" x:Name="r0c0"
Stretch="Fill" Width="{Binding ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Grid}}}"
Height="{Binding ActualHeight, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Grid}}}"/>
<Rectangle Canvas.Left="15" Stroke="Blue" Canvas.Top="15" RadiusX="5" RadiusY="5" StrokeThickness="10"
Stretch="Fill" Width="{Binding ActualWidth, ElementName=r0c0}"
Height="{Binding ActualHeight, ElementName=r0c0}"/>
</Canvas>
</Grid>
解决方案
弄清楚了。画布和矩形做得过火了。边界是要走的路。
<Grid Grid.Row="0" Grid.Column="1">
<Border BorderThickness="20" BorderBrush="Gray" CornerRadius="10"
Margin="0,0,0,0"/>
<Border BorderThickness="10" BorderBrush="Blue" CornerRadius="10"
Margin="15,15,15,15"/>
</Grid>
推荐阅读
- cookies - 本地主机跨子域 cookie
- javascript - Laravel & Ajax, Jquery - 选择下拉菜单的输入值到文本框
- python - 统计 Google 新闻搜索结果
- regex - 匹配没有以正则表达式为前缀的特定单词的数字
- php - 如何更改 php 文件以将图像作为多部分而不是字符串上传?
- python - 确定 Pandas df 列是否为数组
- c++ - 泛型类型的 C++ 泛型类型
- tensorflow - 如何将张量 dtype float32_ref 转换为 dtype float32?
- azure-cosmosdb - CosmosDB C# sql 不返回结果
- django - 如何为我的所有模块使用相同的 base.html 模板文件?