189 8069 5689

flutter按钮抖动,flutter滚动条

Flutter性能优化

1.圆角对性能的影响

滑县ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

尽量避免用Clipxxx组件,建议用BoxDecoration的image属性实现,如果用Clipxxx组件,圆角取整后性能会提升。

2.减少重绘

根据场景合理使用RePaintBoundary,使绘制独立于父布局,避免重绘,提升性能,但过度使用增加的图层会带来Raster合成的耗时。例如scrollview是滑动过程会导致所有的节点都重绘,可以在scrollview下一层使用RePaintBoundary。

3.滚动步长插值器优化(了解)

官方的滚动差值器在出现小卡顿时,滚动步长会出现大的跳跃,导致体感上出现很明显的抖动,优化步长偏移量算法与原生效果对齐。

4.开启SurfaceView

官方推荐Flutter用SurfaceView ,因为SurfaceView与应用窗口内容分隔开,在专有硬件中合成,产生的中间副本少于TextureView,所以性能高,占用内存少,但是在混合栈遇到的问题需要突破

5.使用RepaintBoundary 提升频繁重绘控件的性能。使用RelayoutBoundary提升频繁修改大小,增删的布局中也可以提升性能。

6.build中不要去写大量的耗时逻辑,因为数据更新会触发build的多次调用,在里面做耗时逻辑会降低性能。

7.尽量使用statelessWidget代替statefulWidget,因为statefulWidget的销毁重建会引起子widget的销毁与重建。

8.解析json可以放到子线程线程中,开Isolate去解析,这样,当返回数据特别大的时候也不会阻塞界面。

9.使用不变的组件的时候可以添加const,const组件不会进行build更新

10.由于flutter通过widget.runtimeType和key来判断是否需要跟新组建,所以我们写组件的时候尽量保持key不变,或者不写key。对于一些需要频繁改变,例如新增、删除、排序的最好加上key。如果type一直,如果不写key容易导致,element无法区分新旧widget,导致无法更新。

什么叫抖晃率

Flutter(抖动)、Wow(晃动)、Drift(漂移)、Scrape Flutter(刮颤)是以移动介质为记录材料做模拟录制和回放的系统所需要面对的几种失真。这些失真是在录制、复制、回放过程中,由于记录介质的不规则的运动而导致的令人不快的频率调制所引入信号中的。抖晃率用于定量描述这种由于介质的运动速度不稳定所造成的频率晃动对人耳的主观影响。比如回放一个精准3150Hz的正弦信号,在理想的无抖晃的情况下,播放出来的信号就是3150Hz,然而在实际有抖晃的情况下,播放出来的信号的瞬时频率将围绕某个均值(不一定正好等于3150Hz)不断变动,就是说相对于那个均值有往复变化的频偏。

Drift(漂移)指的是信号中的频偏低于大约0.5Hz的频率调制。它给人的感觉是平均音调的缓慢变化。

Wow(晃动)指的是信号中的频偏范围为大约0.5Hz~6Hz的频率调制。它给人的感觉是音调的波动。

Flutter(抖动)指的是信号中的频偏范围为大约6Hz~100Hz的频率调制。它给人的感觉是声音品质的粗糙化。

Scrape Flutter(刮颤)指的是信号中的频偏高于大约100Hz的频率调制。它由磁带的粘连-滑动(粘滞)运动造成。它给人的感觉是声音中有噪音,而这种噪音在没有信号时是不存在的。这种噪音也称为摩擦噪音或粘滞噪音。

目前有多种抖晃率测试标准,例如:CCIR,DIN, NAB, JIS等,这里介绍的是基于AES(Audio Engineering Society)的AES6-2008(r2012)标准(就是2012年的最新修订版),它与IEC 60386、IEEE Std-193、CCIR 409-2和DIN 45507标准兼容。标准测试信号的频率定为3150Hz。当然用3000Hz的测试频率或其他的频率,这里介绍的方法也适用。

《摘自Multi-Instrument软件说明书》

Flutter基础Widget之按钮(RaisedButton、FlatButton、OutlineButton,IconButton)

Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下

我们先来看看MaterialButton中的属性,可以看到能设置的属性还是很多的。

下面我们来看看常用属性

而在Android中如果我们要修改按钮样式的话,需要通过selector和Shape等方式进行修改,相比较Flutter来说是要麻烦不少的

RaisedButton的构造方法如下,由于继承自MaterialButton,所以MaterialButton中的大多数属性这边都能用,且效果一致,这里就不在赘述了

下面我们来看一下属性

接收一个方法,点击按钮时回调该方法。如果传null,则表示按钮禁用

如下图所示

按钮文本控件,一般都是传一个Text Widget

按钮颜色

按钮的文本颜色

点击按钮时水波纹颜色

高亮颜色,点击(长按)按钮后的颜色

阴影范围,一般不会设置太大

内边距,使用

或者

shape用来设置按钮的形状,其接收值是ShapeBorder类型,ShapeBorder是一个抽象类,我们来看看有哪些实现类

可以看到,实现类还是很多的,我们主要来看看常用的即可。

borderRadius 接收一个BorderRadius类型的值,常用方法如下

我们可以把borderRadius分为上下左右四个方向,下面的方法都是对这四个方向进行设置,

带斜角的长方形边框

圆形边框

圆角矩形

两端是半圆的边框

FlatButton跟RaisedButton用法基本一致,下面我们就直接用一下

注意,OutlineButton是一个有默认边线且背景透明的按钮,也就是说我们设置其边线和颜色是无效的,其他属性跟MaterialButton中属性基本一致

下面我们直接来使用

效果如下:

IconButton是直接继承自StatelessWidget的,默认没有背景

我们来看一下他的构造方法

可以看到,icon是必填参数

icon接收一个Widget,但是一般我们都是传入一个Icon Widget

其他属性跟MaterialButton中的属性用法基本一致

我们来用一下

效果如下:

我们也可以传一个Text或其他Widget,这个大家自行尝试吧

如果我们需要设置按钮的最小宽度以及高度,button属性中并没有提供对应的设置方法

使用如下:

Flutter中Button内容大概就是这些

【Flutter】按钮与文本(三)

此控件比较简单,按钮的功能可划分为UI样式与事件回调

这里将几种不同的按钮一起运行,做下对比动图如下:

这里对五种按钮进行column居中排列如下

Text用于显示简单样式文本,它包含一些控制文本显示样式的一些属性。

TextStyle用于指定文本显示的样式如颜色、字体、粗细、背景等。

TextStyle更多属性设置如下:

如果我们需要对一个Text内容的不同部分按照不同的样式显示,即富文本,这时就可以使用TextSpan,它代表文本的一个“片段”。

如上述,我们当然也可以在上述链接上添加手势事件,后续会提到。

在widget树中,文本的样式默认是可以被继承的,因此,如果在widget树的某一个节点处设置一个默认的文本样式,那么该节点的子树中所有文本都会默认使用这个样式,而DefaultTextStyle正是用于设置默认文本样式的。

举例如下:


文章名称:flutter按钮抖动,flutter滚动条
URL分享:http://jkwzsj.com/article/dsscpho.html

其他资讯