网站首页 > 资源文章 正文
TextButton文本按钮是前端界面设计中经常要用到的UI小组件,您可以写一个简单的文本按钮并帮它设置一些最简单的参数(如Color颜色、Style文本形式等等)。
例一:
文本按钮组件运作正常,如期展示在屏幕上,等等,您可能会发现,要设置很多参数,如颜色、字体大小、图标颜色、背景颜色、边框等等。但是您初衷是可能只是想把一个简单的文本字符串转成文本按钮,又或者您有很多类似的文本字符串需求。有没有更简单的方法可以做到这一点?您可能会想到设置一个新类,甚至重构...但为了一个小方法而重构代码,似乎又太重了点。有没有更好的思路呢?
有一种思路叫做Extension methods,顾名思义,就是扩展方法,Objectivie C 和 Kotlin都有类似的功能。咱们可以通过extension methods对一些常用类的方法进行扩展,例如时间格式、Text字符串处理等等,相对于为TextButton重新设置一个新类,它显得更轻巧更优雅。
首先,让咱们对TextButton类进行扩展,增加一个toTextButton的方法。
例二:
通过extension 扩展,咱们设置了一个ToTextButton的新方法,新方法只针对VoidCallback回调类型有效,而VoidCallback类型通常见于按下按钮后回调这种常见应用情景。ToTextButton返回的其实是一个TextButton,只是没有太多的参数需要设置,只需要提供一个title字符串参数,因为这种特定的扩展,通常都用于特定的用途,本例中,用途也很简单:提供一个把文本转化成按钮的方法(函数)。
例三:
Extension在特定情形下是很强大的功能,有的大神做了一些很有用的 example包,比如 时间扩展(Time Extension) ,国际化扩展包 (i18n extension) ,大家可以拿来使用,提高自己团队的开发效率。
优美的应用体验,来源于程序员对细节的处理。这就是今天学习Dart的内容,如果您感兴趣,或者能对您有所启发,别忘了帮忙点赞支持。
猜你喜欢
- 2024-09-23 AV1视频硬解码支持来了!怎么用以及对各类人群影响
- 2024-09-23 Flutter学习之Dart-扩展方法(Extension methods)
- 2024-09-23 让 Dreamweaver 支持 Emmet ,带你zb带你飞
- 2024-09-23 爆火的ChatGPT霸榜Github,太实用了
- 2024-09-23 为什么需要计算湿模态(在实验中为什么要进行湿度校正)
- 2024-09-23 如何成为床上永动机?第三式!(床上永动机是哪个星座)
- 2024-09-23 泰国移民局推出“e-Extension”仅3分钟便可在线申请临时签证
- 2024-09-23 「图」Raw Image Extension上线:Windows 10用户轻松访问RAW格式
- 2024-09-23 马赛克一键变无码高清!这黑科技软件太神奇了
- 2024-09-23 Waifu2x Extension GUI 图片 GIF 视频文件无极限放大工具软件
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 电脑显示器花屏 (79)
- 403 forbidden (65)
- linux怎么查看系统版本 (54)
- 补码运算 (63)
- 缓存服务器 (61)
- 定时重启 (59)
- plsql developer (73)
- 对话框打开时命令无法执行 (61)
- excel数据透视表 (72)
- oracle认证 (56)
- 网页不能复制 (84)
- photoshop外挂滤镜 (58)
- 网页无法复制粘贴 (55)
- vmware workstation 7 1 3 (78)
- jdk 64位下载 (65)
- phpstudy 2013 (66)
- 卡通形象生成 (55)
- psd模板免费下载 (67)
- shift (58)
- localhost打不开 (58)
- 检测代理服务器设置 (55)
- frequency (66)
- indesign教程 (55)
- 运行命令大全 (61)
- ping exe (64)
本文暂时没有评论,来添加一个吧(●'◡'●)