WPF--->布局,Grid,StackPanel,ViewBox


在这里插入图片描述

Grid

Grid是WPF中功能最强大的布局容器。
Grid面板将元素分隔到不可见的行列表格中。

属性作用类型详解
ShowGridLines行列表格是否可见bool
UseLayoutRounding是否将布局容器中的对其到最近的像素边界bool解决所有模糊问题

基本使用

<Grid>
    	<Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
       <!--Grid被分为2行2列
       控件内容在此处添加,如下在Grid网格(1,1)添加textBox-->
       <TextBox Grid.Column="1" Grid.Row="1">
</Grid>

调整行和列

  • 绝对尺寸设计方式
    使用设备无关单位准确的设计尺寸。
    <ColumnDefinition Width="100"/>	
    
  • 自动设计尺寸方式
    每行每列的需求刚好满足尺寸。
    <ColumnDefinition Width="Auto"/>
    
  • 按比例设计尺寸方式
    按比例将空间分割刀一组行和列中。扩展Grid面板时Width="*"也将按照比例增加尺寸
    <ColumnDefinition Width="*"/>
    <!--如果希望不均匀的分配剩余空间,可按n*方式分配,如下分配倍上面网格的大小-->
    <CloumnDefinition Width="2*"/>
    

StackPanel

  • StackPanel默认垂直排序元素
属性作用使用解释
Orientation修改布局方式Orientation=“Horizontal”修改排序方式为水平排序
HorizontalAlignment子元素水平对齐方式<Button HorizontalAlignment=“left”/>按钮靠左
Margin边距< Button Margin=“3”>按钮与周围边框距离为3

WrapPanel

与StackPanel一样使用,只是增加了自动换行的功能。

Canvas

使用Canvas使我们可以在程序运行时动态的设置与调整元素的位置

ViewBox

ViewBox这个控件通常和其他控件结合起来使用,是WPF中非常有用的控件。定义一个内容容器。
ViewBox组件的作用是拉伸或延展位于其中的组件,以填满可用空间,使之有更好的布局及视觉效果。

边距限制

Margin

  • Margin (边缘)是约束控件与容器控件的边距,设置值分别代表左上右下,使用 Margin=“20” 同时指定四个值。

Padding

  • Padding (衬垫)是约束控件内部输入边距的,只有部分控件有此属性。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值