Auto和*效果
Auto 表示自动适应显示内容的宽度, 控件有多大,就显示多大。
* 则表示按比例来分配宽度。
话不多说,直接上例子理解
例子1
代码:
<Grid ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--控件-->
<Button Grid.Row="0" Content="Auto按钮"/>
<Button Grid.Row="1" Content="*按钮"/>
<Button Grid.Row="2" Content="Auto按钮"/>
<Button Grid.Row="3" Content="*按钮"/>
</Grid>
可以看出,Auto表示自动适应控件的宽度,按钮默认多大就显示多大,而剩余的区域则由*去分配,由此可能导致出现一个问题,看下面这个例子。
例子2
代码:
//XAML部分代码:
<Grid ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<!--控件-->
<Button Grid.Row="0" Content="Auto按钮"/>
<Button Grid.Row="1" Content="Auto按钮"/>
<Image Grid.Row="2" Name="Imagebox"></Image>
<Button Grid.Row="3" Content="Auto按钮"/>
</Grid>
//后台部分
public MainWindow()
{
InitializeComponent();
var image1 = new System.Windows.Media.Imaging.BitmapImage();
image1.BeginInit();
image1.UriSource = new Uri(@"F:\测试图片\test\IMG10201.jpg", UriKind.Absolute);
image1.EndInit();
Imagebox.Source = image1;
}
可以看出,全部用Auto的话,从上往下渲染,Image的尺寸过大,程序已经显示不下了,把后面的按钮也抵消掉了,这里我们就需要换一种思路,改成下面这种:
代码:
//XAML代码
<Grid ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<!--控件-->
<Button Grid.Row="0" Content="Auto按钮"/>
<Button Grid.Row="1" Content="Auto按钮"/>
<Image Grid.Row="2" Name="Imagebox"></Image>
<Button Grid.Row="3" Content="Auto按钮"/>
</Grid>
//后台代码和上面一样不变,这里就不写了
GIF效果图:
我们会发现在三个使用了Auto的Grid中,会先自动按照控件的大小进行分配高度,分配完成之后剩下的部分就由使用了*的部分去分配高度。
当然,具体问题具体分析,项目有不同的需求的话也需要尝试各种布局规则。
总而言之,先分配Auto,最后分配*,Auto有多大就显示多大,也不会管存在显示不下的问题,需要自行解决
转自:https://www.cnblogs.com/lizhenghao126/p/11053595.html