我有4个按钮在网格内对齐。有没有什么方法可以自动对齐,如果一个按钮的可见性设置为false,其余的按钮会明智地使用该空间[其他按钮移动以适应新的空间]?按钮自动对齐
Q
按钮自动对齐
3
A
回答
2
而不是一个网格,将按钮放在一个方向=“水平”的StackPanel。另外,请确保将按钮可见性设置为“折叠”而不是“隐藏”。
1
取决于布局以及您希望空间分布的复杂程度,如果均匀分布足够您可以使用UniformGrid
,在正常的Grid
中,由于需要调整列和行会有点棘手。
2
尝试以下操作:
<Grid VerticalAlignment="Center" HorizontalAlignment="Center">
<StackPanel Orientation="Horizontal">
<Button Content="1" Width="50" Height="23" Visibility="Collapsed"/>
<Button Content="2" Width="50" Height="23"/>
<Button Content="3" Width="50" Height="23" Visibility="Collapsed"/>
<Button Content="4" Width="50" Height="23"/>
</StackPanel>
</Grid>
或者这样:
<Grid VerticalAlignment="Center" HorizontalAlignment="Center">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Button Grid.Column="1" Content="1" Width="50" Height="23" Visibility="Collapsed"/>
<Button Grid.Column="2" Content="2" Width="50" Height="23"/>
<Button Grid.Column="3" Content="3" Width="50" Height="23" Visibility="Collapsed"/>
<Button Grid.Column="4" Content="4" Width="50" Height="23"/>
</Grid>
你应该看到的按钮为中心,但只显示了第二个和第四个按钮
相关问题
- 1. ionic2:menuToggle按钮对齐到右自动
- 2. 对齐按钮
- 3. Python按钮对齐
- 4. 对齐按钮DIV
- 5. Wpf对齐按钮
- 6. ExtJS按钮对齐
- 7. Android按钮对齐
- 8. 自举输入组按钮右对齐
- 9. 中心对齐自举导航按钮
- 10. 自定义按钮内容对齐
- 11. 右对齐按钮垂直未对齐
- 12. jQuery移动按钮对齐问题
- 13. 在浮动上对齐提交按钮?
- 14. 为什么按钮标签会自动垂直对齐文字
- 15. 如何自动对齐按钮以适应屏幕中心
- 16. 对齐导航按钮
- 17. CSS按钮对齐底部
- 18. 对齐按钮问题
- 19. Twitter和Facebook按钮对齐
- 20. 无法对齐按钮
- 21. 对齐按钮到底部
- 22. CSS输入对齐按钮
- 23. 对齐TextView,按钮,EditText
- 24. 中心对齐表+按钮
- 25. 离子按钮对齐
- 26. 对齐按钮内容
- 27. 对齐按钮HTML邮件
- 28. 单选按钮对齐
- 29. 使用按钮对齐EditText
- 30. Android对齐两个按钮