flutter (一)View

下面内容的作用是大概认识一下Android和Flutter视图上的构建差异,有一个整体的认识。

一、Flutter视图

Android里面的(视图)View:View是屏幕上显示所有内容的基础,按钮,工具栏,输入框等都是View
Flutter视图:Widget 但是Widget不具有生命周期,他们是不可变的,他们会存在于状态被改变之前,每当Widget或者发生变化时,Flutter就会创建一个新的Widget实列树。Android/IOS视图被绘制一次,调用invalidate/setNeedsDisplay之前不会重置。
Widget:很轻巧,它本身并不是视图,并且不是直接绘制任何东西,而是对UI及其语言的描述。Flutter包含了Material组件库,这些widgets遵循了Material设计规范。

二、更新Widgets

在安卓和ios更新视图,我们可以直接通过对应的方法来操作更新。在Flutter中Widget是不可变的,不会直接更新。我们可以直接通过操做Widget的状态来更新他们。
这就是有状态和无状态概念的来源。
StatelessWidget:无状态信息的Widget,使用于当我们描述的用户界面不依赖于对象中的配置信息时
比如:在安卓中使用imageView来显示loge,loge在运行时不会改变,因此在Flutter中使用StatelessWidget最好。

StatefulWidget:有状态信息的Widget,如果要根据HTTP网络请求或用户交互收到的数据动态更改Ui,则必须使用StatefulWidget并告诉Flutter框架Widget状态的更新,以便更新Widget.

有无状态之间最重要的区别在于StatefulWidget具有一个State对象,该对象存储状态数据并将其传递到树重建中,因此状态不会丢失。

三、布局

Android:我们使用XML编写布局
Flutter:编写一个Widget树声明布局

四、在布局中删除或者添加组件

Android:可以调用父级空间的addChild或者removeChild的方法以动态添加或者删除View。
Flutter中:因为Widget是不可变的,所以没有类似的方法。我们可以通过函数或者表达式,该函数表或者表达式返回一个Widget给父项布局,并通过布尔值控制该Widget的创建。

五、动画

Android动画:可以通过XML创建动画或者调用view.animate()。
Flutter中:使用动画库来包裹widgets,而不是创建一个widget.

六、绘图(Canvas draw/paint)

Android中:可以使用Canvas与Drawable在屏幕上绘制除自定义形状和图片;
Flutter:也有类似的API,因为它基于相同的底层渲染引擎Skia。Flutter有两个类可以帮助我们绘制画布,CustomPaint和CustomPainter,他们实现算法以绘制到画布。可以用来自定义签名之类的。

七、构建自定义Widgets

Android中:可以通过继承View或者已经存在的某个控件,然后覆盖其绘制方法来实现自定义View。
Flutter中:推荐组合多个小的Widget来进行组合构建一个Widget。

八、widget设置透明度

Android中:View有setAlpa方法
Flutter:在Flutter中如果要想改变透明度,我们可以给widget包裹一个Opacity widget来做到这一点。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值