周末充电之WPF（二） .窗口的布局

登录窗口布局：[ Grid 布局 -Grid.RowDefinitions / Grid.ColumnDefinitions]

代码如下：

 1 <Window x:Class="login.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="MainWindow" Height="200" Width="400">
 5     <Grid>
 6         <Grid.RowDefinitions>
 7             <RowDefinition></RowDefinition>
 8             <RowDefinition></RowDefinition>
 9             <RowDefinition></RowDefinition>
10         </Grid.RowDefinitions>
11         <Grid.ColumnDefinitions>
12             <ColumnDefinition></ColumnDefinition>
13             <ColumnDefinition></ColumnDefinition>
14         </Grid.ColumnDefinitions>
15         <!--默认在第0行0列-->
16         <!--HorizontalAlignment:水平方向对齐   VerticalAlignment：垂直方向对齐-->
17         <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="username:"></TextBlock>
18         <TextBox Grid.Column="1" Name="uid" Margin="5"></TextBox>
19         <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="password:" Grid.Row="1"></TextBlock>
20         <PasswordBox Grid.Column="1" Name="pwd"   Margin="5" Grid.Row="1"></PasswordBox>
21         <Button Content="login" Grid.Row="2" Margin="10" Click="Button_Click_1"></Button>
22         <Button Content="cancer" Grid.Row="2" Margin="10" Grid.Column="1"></Button>
23     </Grid>
24 </Window>

Menu / ToolBar 布局：

 1 <Window x:Class="toolbar.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="MainWindow" Height="350" Width="525">
 5     <Grid>
 6         <DockPanel>
 7             <Menu DockPanel.Dock="Top">
 8                 <MenuItem Header="打开">
 9                     <MenuItem Header="删除"></MenuItem>
10                 </MenuItem>
11                 <MenuItem Header="编辑"></MenuItem>
12             </Menu>
13             <ToolBar DockPanel.Dock="Top">
14                 <Button>
15                     <Button.Content>
16                         <Image Source="s.png" Width="16"></Image>
17                     </Button.Content>
18                 </Button>
19 
20                 <Button>
21                     <Button.Content>
22                         <Image Source="c.png" Width="16"></Image>
23                     </Button.Content>
24                 </Button>
25                 <CheckBox>
26                     <Image Source="cc.png"  Width="16"></Image>
27                 </CheckBox>
28             </ToolBar>
29             <TextBox DockPanel.Dock="Bottom"></TextBox>
30         </DockPanel>
31     </Grid>
32 </Window>

如上代码你会发现在为控件设置图标按钮时，会有两种写法 xx.Content 或者直接去除写 <Image...></Image> ，其实这两个是相同的。

相关阅读:
Delphi中SQL语句配置参数代码示例
 Delphi中treeview的使用部分
 Delphi listview使用部分总结代码
 如何用Delphi编写自己的可视化控件
 关于treeview节点图标的帖子
 Delphi调用存储过程
 DELPHI的开源控件集（转自http://xieyunc.blog.163.com/）
雨巷(A Lane in the Rain)
五一过去了，新的开始
 好好的学习，做个有本事的人：），好好的玩，做个快乐的人！
原文地址：https://www.cnblogs.com/byvar/p/4541746.html

周末充电之WPF（二 ） .窗口的布局

周末充电之WPF（二） .窗口的布局