如何进行组件对齐


我们在上一章回中介绍了布局约束类Widget相关的内容,,本章回中将介绍对齐和边距类Widget.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在上一章回中介绍了布局约束类Widget,主要用来控制Widget的长度和宽度,布局的长宽确定后还一些细节需要调整,这些细节就是对齐和边距。长宽,对齐和边
距一起作用于widget后就可以准确地描述一个Widget在布局中的位置。在Flutter中对齐使用Align类表示,边距使用Padding类表示,这类提供了相关的属性来控制
自己,接下来将详细介绍它们的使用方法。

2. 使用方法

Align类提供alignment和child属性,给alignment属性赋值可以约束child属性中的widget.给alignment属性赋值可以使用常量,比如center,这种对齐是
模糊对齐。或者使用FractionalOffset类的对象赋值,这种对齐是精准对齐,该类表示比率,它的构造方法接收两个参数,分别表示x和y方向的比率,而具体的值为
child中组件的长度或者宽度乘以这个比率。比如FractionalOffset(0.5,0.5)与center的对齐效果相同。此外,Container组件也提供了alignment属性,我
建议不要混合使用Container和Align的alignment属性,它们两个中选择一个使用就可以达到对齐效果。
Padding类提供padding和child属性,给panding属性赋值可以约束child属性中的widget.给padding属性赋值需要使用EdgeInsets.all()/only()方法。
其中all()表示在start,top,right,bottom四个方向上都添加边距。only()表示只在四个方向中的某一个方向上添加边距。此外,给margin属性赋值时也可以使用
这些方法。不过margin属性是Container组件的属性,它控制的是组件外部的边距,而padding属性是Padding组件的属性,它控制的是组件内部的边距。

3. 示例代码

return Scaffold(
    appBar: AppBar(
      title: const Text("Example of Align and Padding"),
      backgroundColor: Colors
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

talk_8

真诚赞赏,手有余香

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

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

打赏作者

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

抵扣说明:

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

余额充值