我们在上一章回中介绍了布局约束类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