摘要:
瀑布流布局的组件。 看官方的使用说明 在Scoffold脚手架下直接用组件。 创建一个通用的方法来返回我们的类。 接收这么几个参数 名字修改为_TravelItem 这两个参数不需要 删除掉。 使用这个TabPage 运行测试 没有效果 double不能转换成int类型。 debug调试 勾选所有的 阅读全文
摘要:
实现瀑布流的布局 定义请求数据的url和每页显示的数据量 定义两个变量。 这是一个构造方法:super这种方式是可以直接调用父类的构造方法, 等价于后面加个大括号的这种形式。会有个提示 这个方法体为空的 建议移除。构造方法前面的修饰符去掉 方法体移除后就成这样了。 如果我们的方法体不是空的话。比如里 阅读全文
摘要:
实现tab,可以点击切换 首先来实现一个tab框架。首先创建travel_page 定义成员变量,用到TabView,所以需要先定义TabController。然后定义本页的数据TravelModel 默认为空数组 还有TravelTabModel 在initState内请求接口数据 这个this我 阅读全文
摘要:
根据这些接口,实现dao层 旅拍类的接口 首先创建travel_tab的model 接口返回这样的字段 根据json用工具来生成 生成的名字需要改一下 Tab页接口 根据json生成代码 只保留需要的字段 改成叫做TravelItem 这里这个字段不需要,这里删除掉 删除 旅拍类别dao 创建 旅拍 阅读全文
摘要:
这是最终要实现的效果 顶部的tab可以滑动 旅拍模块的接口细分 接口返回的字段 通过模型转换工具进行转换。 结束 阅读全文
摘要:
回顾 阅读全文
摘要:
现在只欠调用我们的plugin完成语音识别。以及跳转到搜索页面,把识别的结果带过去。完成一个语音搜索的功能 定义语音识别的结果的变量 判断识别的结果如果不为空那么就设置识别结果的变量。 彩蛋 页面跳转,并把识别的结果带过去,首先要关闭当前页面。 彩蛋:一定要关闭当前页面,才能进行跳转。不然你会看到无 阅读全文
摘要:
如何实现了一个循环执行的动画呢? 调用reverse()方法,反向执行。 重写dispose的声明周期。controller调用dispose释放资源。 下面这里就可以用anmiation 右边删除按钮 使用绝对定位。点击按钮的时候关闭页面。 设置Icon 上方布局实现 外层用一个Container 阅读全文
摘要:
调用语音识别,首先打开我们的首页 这里我们提供了_jumpToSpeak的方法 创建语音识别页面 复制一个my_page.dart 取名叫做speak_page 首先先来实现这个界面。中间有一段话,下面有三行文字。 下面是一个动画的按钮。点击就会变小。右边还有一个关闭的按钮 这里就用到了之前讲到的动 阅读全文
摘要:
重点实现AsrPlugin, 需要打印log。就需要一个TAG,这里定义了一个TAG 然后来添加一个方法 在里面实例化MethodChannel和我们的Dart端进行关联,参数接收一个BinaryMessager 用register.messager()获取到Message 然后来实例化Plugin 阅读全文
摘要:
建议先学 已经实现好了这几个类。 首先以安卓模式来打开我们的项目 在asr这个目录下,导入几个类 这几个类其实是下载的百度AI语音demo里面所提供的,里面已经提供了对百度AI的使用 首先复制这个IRecogListener IRecogListener复制过来改个名字叫做OnasrListener 阅读全文
摘要:
开发flutter的插件,首先来定义Dart端的接口。 创建plugin目录 创建类 这里需要用到dart端和native端通讯的channel。首先需要导入services的包 指定channe的名字要和native端统一,否则找不到 提供几个接口。 首先是start方法,参数params为可选的 阅读全文
摘要:
点击话筒的图标 点击,提示识别中。进行说话 说一个上海。这样就自动搜索了上海 说一个长城,自动识别为长城 引入安卓SDK 以百度AI只能语音为例 首先下载安卓的SDK 下载的文件,进行解压 这里有个扎包,导入到我们的项目里面去。 安卓的模拟器只支持X86的结构。所以这里引入x86的架构。主要是为了我 阅读全文
摘要:
https://pub.dev/ 比如说我们需要一个图片选择插件。我们输入image进行搜索 随便点击一个进去,首先观察文档是否健全 看他的ChangeLog。发布的越多表示越活跃 再看他的github的仓库 看github的start的数量。 找一个第三方的插件 看他的issues 官方提供的用例 阅读全文
摘要:
插件的地址:https://github.com/crazycodeboy/flutter_color_plugin 编写代码 推到dart的官方仓库上去 以上一节课常见的这个插件项目为例 传递字符串,插件将字符串解析成flutter的Color类型的颜色 实现dart部分的代码 直接过来了这段代码 阅读全文
摘要:
创建插件 点击完成后,就会创建一个flutter的插件 这样插件包,就创建好了 lib目录是flutter插件的dart代码。这里用到了MethodChannel 声明依赖和说明 两个比较重要的目录安卓和ios的目录 安卓目录存放的是这个插件安卓的代码 ios目录存放的是这个插件ios的代码 这个就 阅读全文
摘要:
本节实现了searchBar 默认样式,滚动条下滑的样式,还有点击的样式 搜索页面没有返回按钮 富文本的展示 结束 阅读全文
摘要:
实现左侧item的动态图片。item的类型不同,它的图片是不一样的。再就是实现富文本的展现。 首先把静态图片导入到我们的项目里面去 把图片放到我们的项目根目录下 配置文件内声明图片 搜索的结果item内加上图片。由于图片是动态的 封装一个_typeItem来加载图片 如果为空,返回一个默认的图片 图 阅读全文
摘要:
来实现搜索的item,以及item的跳转 ,还有索索详情页的实现。 跳转的详情页 首先我们的item需要点击事件,就用GestureDetector包裹一下。点击的事件通过webView打开item的url的地址 item具体显示的内容。底部是实线,用border 左边图片,右边是标题。标题下面是计 阅读全文