WPF入门1:XAML布局

WPF入门1:XAML布局

WPF中,布局由使用的容器来确定。遵循以下原则:

  • 不应显示设定元素的尺寸
  • 不应使用屏幕坐标制定的元素的位置

布局包括两个阶段:

测量和排列
测量阶段,容器遍历所有的子元素,并询问子元素的所有期望尺寸。在排列阶段容器在核实的位放置子元素。

什么是布局?

         布局在WPF中是最基础也是最重要的一环,它直接决定你界面的样子。掌握熟练度决定它的美观度和可交互性。

本章内容:
1.布局控件:可以理解为一个容器,容器内可以嵌套容器。可以嵌套N层。
2.有哪些布局控件:Gird ,StackPanel,WrapPanel,Canvas(不常用)
3.实战环节

  • Gird :可以理解为一个表格,类似于HTML中的Table标签。它是由行和列组成。
<Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Width="100" Height="25">1</Button>
        <Button Grid.Column="1" Width="100" Height="25">2</Button>
        <Button Grid.Row="1" Width="100" Height="25">3</Button>
        <Button Grid.Row="1" Grid.Column="1" Width="100" Height="25">4</Button>
    </Grid>

在这里插入图片描述

  • StackPanel:是一个可以将自身内容横向或纵向排列的容器。
    在这里插入图片描述
  • WrapPanel:控件自动的在一行里,如果需要换行则规定好WrapPanel的布局控件的宽度,
    如果布局内容超出了这个宽度则会自动换行。
    在这里插入图片描述
  • Canvas:它比较特殊。它属于“任意布局”的一种概念,就是你拖控件到UI上的时候你把它放在哪里它就在那里了。
    在这里插入图片描述
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是刘彦宏吖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值