WPF学习笔记(窗体和常用容器的使用)

莲藕

WPF学习笔记(窗体和常用容器的使用)

新手学习之路；望大佬们指点迷津

目录

• WPF学习笔记(窗体和常用容器的使用)
  
  
  
  • 窗体(Window)
    
    
    
    • 常用属性：
      
    • 圆角无边框窗体设置及效果展示
      
    
    
  • Grid
    
    
    
    • 基本属性：
      
    • 附加属性：
      
    • 代码及效果展示
      
    
    
  • StackPanel
    
    
    
    • 基本属性:
      
    • 代码及效果展示
      
    
    
  • Border
    
  
  

窗体(Window)

常用属性：

• WindowStyle 窗口的边框样式
  
• WindowStartupLocation 第一次启动出现的位置 一般主窗体设置成“CenterSceen"   中心显示
  
• SizeToContent  设置根据内容调整大小
  
• AllowsTransparency  设置窗体是否透明
  

圆角无边框窗体设置及效果展示

1. //Window属性设置
2. Window AllowsTransparency="True" Background="Transparent">
3. //在window里面用Border容器包裹，属性设置如下
4.     <Border Margin="5" Background="#EEE" CornerRadius="5" MouseLeftButtonDown="Border_MouseLeftButtonDown">
5.         <Border.Effect>
6.             <DropShadowEffect ShadowDepth="0" Color="Gray" Direction="0" Opacity="0.3" BlurRadius="10"/>
7.         </Border.Effect>
8.     </Border>

复制代码

效果展示：

Grid

网格式布局模式

基本属性：

• ColumnDefinitions  列定义；该属性里面几个ColumnDefinition容器就被分几列
  
• RowDefinitions  行定义； 该属性里面有几个RowDefinition容器就被分割为几行
  

附加属性：

• Grid.Row   定义该控件在Grid容器具体在第几行(默认第0行)
  
• Grid.Column  定义该控件在Grid容器具体在第几列(默认第0列)
  

代码及效果展示

1. <Grid>
2.         <Grid.RowDefinitions>
3.             <RowDefinition/>
4.             <RowDefinition/>
5.             <RowDefinition/>
6.         </Grid.RowDefinitions>
7.         <Grid.ColumnDefinitions>
8.             <ColumnDefinition/>
9.             <ColumnDefinition/>
10.             <ColumnDefinition/>
11.         </Grid.ColumnDefinitions>
12.         <Button Content="默认第0行第0列"/>
13.         <Button Content="第3行第3列" Grid.Row="3" Grid.Column="3"/>
14.     </Grid>

复制代码

效果展示：

StackPanel

垂直或水平入栈方式排列

基本属性:

Orientation：设置排列方向；水平排列或者垂直排列
代码及效果展示

1. //设置成水平列   
2. <StackPanel Orientation="Horizontal">
3.         <Button Content="按钮1"/>
4.         <Button Content="按钮2"/>
5.         <Button Content="按钮3"/>
6.         <Button Content="按钮4"/>
7.     </StackPanel>

复制代码

效果展示：

1. //设置成垂直方向排列   
2. <StackPanel Orientation="Vertical" >
3.         <Button Content="按钮1"/>
4.         <Button Content="按钮2"/>
5.         <Button Content="按钮3"/>
6.         <Button Content="按钮4"/>
7.     </StackPanel>

复制代码

效果展示：

Border

装饰性控件

来源:https://www.cnblogs.com/LuckyWyu/archive/2023/02/12/17114790.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！