Grid之 好玩的GridSplitter
这样子的一个Grid,画好了行列:
<Grid Background="LightGreen" Width="300" Height="150" HorizontalAlignment="Center">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="30*" />
<ColumnDefinition Width="70*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="80"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Rectangle Fill="LightCoral" Margin="10" Grid.Column="0"/>
<Rectangle Fill="LightGoldenrodYellow" Margin="10" Grid.Column="1"/>
<Rectangle Fill="LightSteelBlue" Grid.Row="1" Margin="10" Grid.Column="0"/>
<Rectangle Fill="LightSalmon" Grid.Row="1" Margin="10" Grid.Column="1"/>
</Grid>
行列尺寸也许不能修改了,忽然发现有个GridSplitter,可以动态修改列宽或者行高,赶紧加进来,如下
<!--调整行高-->
<GridSplitter Background="LightSteelBlue" Grid.ColumnSpan="2" Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="2"/>
<!--调整列宽-->
<GridSplitter Background="LightGoldenrodYellow" Grid.RowSpan="2" Width="2" />
运行起来后,鼠标滑过下图中的黄线,出现左右箭头,可以拖住箭头调正行高或者列宽了。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步