重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
ListTile 通常用于在 Flutter 中填充 ListView。在这篇文章中,我将用可视化的例子来说明所有的参数。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、成都做网站、加格达奇网络推广、微信小程序开发、加格达奇网络营销、加格达奇企业策划、加格达奇品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供加格达奇建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
title 参数可以接受任何小部件,但通常是文本小部件
副标题是标题下面较小的文本
使文本更小,并将所有内容打包在一起
将图像或图标添加到列表的开头。这通常是一个图标。
设置拖尾将在列表的末尾放置一个图像。这对于指示主-细节布局特别有用。
设置内容边距,默认是 16,但我们在这里设置为 0
如果选中列表的 item 项,那么文本和图标的颜色将成为主题的主颜色。
ListTile 可以检测用户的点击和长按事件,onTap 为单击,onLongPress 为长按。对于波纹效果是内置的
通过将 enable 设置为 false,来禁止点击事件
静态方法 divideTiles 可以在 titles 之间添加分隔符,这个颜色有点淡,需要看仔细点才能看出来,哈哈哈哈
Flutter项目中遇到在安卓端,输入框不能长按粘贴,其它像iOS端、浏览器功能都是正常的。查询各种资料,部分说是官方为了避免手势冲突禁用了长按粘贴功能。各种查资料、各种尝试都开启不了这一功能,而项目紧急那只能曲线救国了。
第一个方案:
因为h5复制文本内容到剪贴板这块是没问题的,那么h5是否可以直接获取剪贴板中的内容直接填写到输入框中,然而...,居然获取不到,说啥子只有在IE浏览器中才管用。
第二个方案(最终方案):
h5获取不到,但原生端不是可以的吗。最终流程,h5端输入框开始编辑,去调用原生端方法,告知需要获取剪贴板内容,原生端获取剪贴板内容调用h5端方法同时传值给h5端,最后输入框中不就有值了吗。
在Android中,每一个 View 都可以通过 onTouch 方法重写其触摸事件,也可以通过 setOnClickListener 方法来给 View 设置点击事件。但是Flutter中除了少部分组件,如 Button 相关的组件可以直接通过 onPressed 实现点击事件。其余组件想实现点击、长按等事件,都需要借助 GestureDetector 来实现手势监听
下面介绍比较常用的手势如 onTap (点击)、 onDoubleTap (双击)、 onLongPress (长按)
小球跟随手指移动的实现应该是属于各种移动端框架作为了解拖动手势的的典型案例,下面我们来看看用flutter如何实现小球跟随手指移动
拖动手势主要由 onPanDown (手指按下)、 onPanUpdate (手指滑动)、 onPanEnd (滑动结束)构成
缩放手势需要用到 onScaleUpdate 方法,下面是一个简单的图片缩放的实现
开发过程工我们会用webview显示一些活动或是变动比较频繁的页面,若是webview中包含图片,一般会有保存图片的需求,我们可以采用js交互的形式获取图片的url,话不多说直接看操作
获取点击位置的element,中的src值,即可
补充问题
1、在安卓设备上发现长按手势并没有调用,翻看 webview_flutter 发现需要设置安卓的类型,展示webview之前设置
2、获取到的url也就是开始返回的value值,安卓会带有”“,需要自行去掉
描述了屏幕上指针(触摸、鼠标、触控笔)的位置和移动。
Flutter中可以使用Listener(功能性组件)来监听原始触摸事件
例1
例2
例3
忽略PointerEvent
手势: 描述由一个或多个指针移动组成的语义动作,如拖动、缩放、双击等。
Material大多数widget已经对tap或手势做出了响应。 例如 IconButton和 FlatButton 响应单击,ListView响应滑动事件触发滚动。
用于手势识别的功能性组件,通过它可以来识别各种手势。
例(单击)
例(添加Material触摸水波效果 InkWell组件)
例(滑动关闭 Dismissable组件)
例(单击、双击、长按)
例(滑动)
例(扫动---单一方向)
例(缩放)
GestureRecognizer是一个抽象类。
一种手势的识别器对应一个GestureRecognizer的子类。
例
由于手势竞争最终只有一个胜出者,所以,当有多个手势识别器时,可能会产生冲突。
例
例
在APP中经常会需要一个广播机制,用以跨页面通知。比如一个需要登录的APP中,页面会关注用户登录或注销事件,来进行一些状态更新。
这时候,一个事件总线便会非常有用,事件总线通常实现了订阅者模式,订阅者模式包含发布者和订阅者两种角色,可以通过事件总线来触发事件和监听事件。
对于一些简单的应用,事件总线是足以满足业务需求的,如果决定使用状态管理包的话,一定要想清楚APP是否真的有必要使用它,防止“化简为繁”、过度设计。
例
在widget树中,每一个节点都可以分发通知,通知会沿着当前节点向上传递,所有父节点都可以通过NotificationListener来监听通知。
Flutter中将这种由子向父的传递通知的机制称为通知冒泡(Notification Bubbling)。
通知冒泡和用户触摸事件冒泡是相似的,但有一点不同:通知冒泡可以中止,但用户触摸事件不行。
通知冒泡和Web开发中浏览器事件冒泡原理是相似的,都是事件从出发源逐层向上传递,可以在上层节点任意位置来监听通知/事件,也可以终止冒泡过程,终止冒泡后,通知将不会再向上传递。
Flutter的UI框架实现中,除了在可滚动组件在滚动过程中会发出ScrollNotification之外,还有一些其它的通知,如SizeChangedLayoutNotification、KeepAliveNotification 、LayoutChangedNotification等,Flutter正是通过这种通知机制来使父元素可以在一些特定时机来做一些事情。
例
例
例
阻止冒泡
通知冒泡原理
文字默认是英文,需要设置 Flutter 国际化来处理
在 pubspec.yaml 中集成 flutter_localizations
然后在 main.dart --- MaterialApp 中设置本地化代理和支持的语言类型
我最开始的时候没加,在iOS上长按会报错,需要加上这一行
如果 pubspec.yaml 集成插件因为版本问题报错,自己又不知道使用哪个版本,可以使用any集成,它会自己寻找合适的版本