flutter的ui学习
·
布局属性
align
align是contain中的一种布局方式,其中align中的属性有alignment,后面可以跟上下左右的所有组合值,以及center,然后也可以用alignment(1.0,1.0)这种形式去编写。
Container(
width: 300,
height: 300,
color: Colors.green[100],
child: Align(
alignment: Alignment.centerRight,
child: FlutterLogo(size: 60)
)
)
aspectRatio
这个属性是用于宽高比的。
return Container(
width: 100,//父组件设置宽度
child: AspectRatio(
aspectRatio: 0.5,
child: Container(
color: Colors.red,
),
),
);
clipRect
cliprect是通过限制widget的绘制区域到裁剪的效果的,通过custom clipper,clipper(自定义裁剪的大小跟布局)ImageFilter.blur()指的是模糊的含义,imagefilter其中也有其他的函数详细见官网。
Edgelnsets类
这是一个在四个基本方向中的每一个方向上的一组不可变的偏移量,用于边框的设置。
这个类中有很多方法可以用于使用,来让元素在上下左右四个方向有个合理的距离。
Banner
目前感觉就是能让服务员斜杠的欢迎光临。
baseline
是用于对齐的基线,让文字根据基线排。
baseline:数值,从顶部算。(父元素的顶部开始算)
baselinetype:textBaseline必要参数,目前有两种一种是alphabetic对齐字符底部水平线,ideographic对齐表意字符的水平线。
stack
stack和position结合在一起能实现绝对定位,
更多推荐



所有评论(0)