WPF中使用StackPanel,Border进行简单布局
在WPF中布局的时候有几条原则:1.不要设置面板容器的宽和高,这样便于面板容器能自适应窗口大小,如下图:2.可以通过设置面板容器的Margin属性,来设置面板距离主界面边界的距离,如下图:使用StackPanel:1.新建WPF工程,删除容器,然后拖动一个StackPanel容器到Mainwindow,xaml文件做如下更改:<Window x:Class="testStack...
·
在WPF中布局的时候有几条原则:
1.不要设置面板容器的宽和高,这样便于面板容器能自适应窗口大小,如下图设置了宽度之后,Grid面板就不灵活了:
2.可以通过设置面板容器的Margin属性,来设置面板距离主界面边界的距离,如下图:
使用StackPanel:
1.新建WPF工程,删除容器,然后xaml文件做如下更改:
<Window x:Class="testStackPanel.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:testStackPanel"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Border Background="Silver" BorderBrush="Gray" BorderThickness="10" CornerRadius="15" Name="Border1">
<StackPanel Margin="20,20,20,20" VerticalAlignment="Center" >
<Label Name="label" Content="Label-lalalalala"/>
<Button Name="button1" Content="Button1" />
<Button Name="button2" Content="Button2" Margin =" 0,10,0,10" />
<Button Name="button3" Content="Button3" />
<Button Name="button4" Content="Button4" />
</StackPanel>
</Border>
</Window>
效果如下:
如果要隐藏标题栏,并使界面背景透明化,可在里面添加Background=“Transparent” AllowsTransparency=“True” WindowStyle=“None”
效果如下图所示:
这个效果可用于登录界面的设计
更多推荐
已为社区贡献2条内容
所有评论(0)