12-10【收货果实】Futter AI只能语音界面开发-2

如何实现了一个循环执行的动画呢?
调用reverse()方法,反向执行。
12-10【收货果实】Futter AI只能语音界面开发-2_第1张图片
12-10【收货果实】Futter AI只能语音界面开发-2_第2张图片
重写dispose的声明周期。controller调用dispose释放资源。
12-10【收货果实】Futter AI只能语音界面开发-2_第3张图片
下面这里就可以用anmiation
12-10【收货果实】Futter AI只能语音界面开发-2_第4张图片

右边删除按钮

使用绝对定位。点击按钮的时候关闭页面。
12-10【收货果实】Futter AI只能语音界面开发-2_第5张图片
设置Icon
12-10【收货果实】Futter AI只能语音界面开发-2_第6张图片

上方布局实现

外层用一个Container,让他居上和居下都是30
12-10【收货果实】Futter AI只能语音界面开发-2_第7张图片
Column布局,并设置布局方式是spaceBetween
12-10【收货果实】Futter AI只能语音界面开发-2_第8张图片
上部和下部,分别封装一个方法
12-10【收货果实】Futter AI只能语音界面开发-2_第9张图片

12-10【收货果实】Futter AI只能语音界面开发-2_第10张图片
通过反斜杠进行换行
12-10【收货果实】Futter AI只能语音界面开发-2_第11张图片
最下面放一个padding存放语音识别的结果。最上方定义变量,显示结果。
12-10【收货果实】Futter AI只能语音界面开发-2_第12张图片
这显示最终识别的结果。
12-10【收货果实】Futter AI只能语音界面开发-2_第13张图片
然后再设置文字的颜色
12-10【收货果实】Futter AI只能语音界面开发-2_第14张图片

跳转链接

12-10【收货果实】Futter AI只能语音界面开发-2_第15张图片

搜索页

12-10【收货果实】Futter AI只能语音界面开发-2_第16张图片

12-10【收货果实】Futter AI只能语音界面开发-2_第17张图片
 

运行测试

点击
12-10【收货果实】Futter AI只能语音界面开发-2_第18张图片

然后就跳转到了语音的页面
12-10【收货果实】Futter AI只能语音界面开发-2_第19张图片

点击按钮,并没有放大和缩小的效果。
12-10【收货果实】Futter AI只能语音界面开发-2_第20张图片
点击差号,关闭当前页面。回到主页面,我们再点击搜索页面。
12-10【收货果实】Futter AI只能语音界面开发-2_第21张图片
点击话筒的图标
12-10【收货果实】Futter AI只能语音界面开发-2_第22张图片

调整录音按钮没有动画

12-10【收货果实】Futter AI只能语音界面开发-2_第23张图片
12-10【收货果实】Futter AI只能语音界面开发-2_第24张图片
reset恢复原位,然后stop停止
12-10【收货果实】Futter AI只能语音界面开发-2_第25张图片
现在点上去有效果了
12-10【收货果实】Futter AI只能语音界面开发-2_第26张图片


 

结束

 

你可能感兴趣的:(12-10【收货果实】Futter AI只能语音界面开发-2)