图标（Icon）和图标按钮（IconButton）

图标组件（Icon）为展示图标的组件，该组件不可交互，要实现交互的图标，可以考虑使用IconButton组件。图标组件相关的组件有一下几个：

IconButton：可交互的Icon。

Icons：框架自带Icon集合。

IconTheme：Icon主题。

ImageIcon：通过AssetImages或者其他图片显示Icon。

图标组件常用属性如下:

属性名	类型	默认值	说明
color	Color	null	图标的颜色，例如Colors.green[500]
icon	IconData	null	展示的具体图标，可以使用Icons图标列表中的任意一个图标即可，如Icons.phone表示一个电话的图标
style	TextStyle	null	文本样式，可定义文本的字体大小、颜色、粗细等
size	Double	24	图标的大小，注意需要带上小数位
textDirection	TextDirection	TextDirection	Icon组件里也可以添加文本内容。有些文本书写的方向是从左到右，有些则是从右到左。从左到右使用TextDirection.ltr，从右到左使用TextDirection.rtl

图标按钮组件（IconButton）是基于Material Design风格的组件，它可以响应按下事件，并且按下时会带一个水波纹的效果。如果它的onPressed回调函数为null，那么这个按钮处于禁用状态，并且不可以按下。常用属性如下：

属性名	类型	默认值	说明
alignment	AlignmentGeometry	Alignment.center	定义IconButton的Icon对齐方式，默认为居中。Alignment是可以设置x，y的偏移量的
icon	Widget	null	展示的具体图标，可以使用Icons图标列表中的任意一个图标即可，如Icons.phone表示一个电话的图标
color	Color	null	图标组件的颜色
disabledColor	Color	ThemeData.disabledColor	图标组件禁用的颜色，默认为主题里的禁用颜色，也可以设置为其他颜色值
iconSize	double	24.0	图标的大小，注意需要带上小数位
onPressed	VoidCallback	null	当按钮按下时会触发此回调事件
tooltip	String	""	当按钮按下时的组件提示语句

图标（Icon）和图标按钮（IconButton）相关推荐

图标icon，图标icon资源
icon是一种图标格式,用于系统图标.软件图标等,这种图标扩展名为*.icon.*.ico.常见的软件或windows桌面上的那些图标一般都是ICON格式的.icon元素包括两个可选的子元素:smal ...
html 删除icon图标素材,精选Dribbble图标Icon素材集（2013年春季版50+）
精选Dribbble图标Icon素材集(2013年春季版50+) 4月 13, 2013 评论 (9) Sponsor 话说Dribbble可以说是设计师的灵感宝库,而且优秀设计素材也很多,设计达人网 ...
Unity_UIWidgets - 文字图标Icon
Unity_UIWidgets - 文字图标Icon 文字图标Icon 开篇不吐不快的废话正题主题Icon 获取Icon 第一步第二步第三步使用Icon 1.导入至Resources文件夹 ...
微信小程序的按钮怎么添加图标icon？
在微信小程序中,可以使用icon组件来添加图标.要添加一个带图标的按钮,可以按照以下步骤进行操作: 1. 在你需要添加按钮的页面的json文件中,引入icon组件的自定义组件库.可以在`"u ...
显示SAP里所有的ICON（图标）的程序
showicon这个程序很不错,可以显示SAP里所有的ICON(图标). 用事务码SE38直接运行程序:showicon 即可. 显示列表之后,双击任何一个图标可以显示出每一个图标的详细信息. 对于屏 ...
SAP UI5 应用开发教程之十六 - 图标 icon 的使用
本教程的前一个步骤,我们实现了一个对话框. 但是该对话框的关闭,只能通过按下键盘上的 ESC 键完成,很不方便. 本步骤将在该对话框上添加一个 OK 按钮用于关闭对话框,并在对话框里添加一个新的 ic ...
jQuery Mobile中图标icon样式大全ui-icon-*
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有class选项 jQuery Mobile中图标icon样式大全 //ui-icon-action 动作 (一般用于页面跳转切换) ...
MFC 图标 icon 如何制作?
通过MFC 制作软件的时候,需要图标这些图标如何制作呢? 怎么样才能随心所欲的制作这些图标呢? 而不是手忙脚乱的各处寻找 icon iconfont 图标库 https://www. ...
java后台icon font 图标替换
我们知道后台有些菜单图标,一般用的是iconf font,往往免费的一套icon font系统里的图标太少,满足不了我们一些需求,当然也有人说用重复的图标不就可以了,可是作为一个资深程序员,强烈病态的 ...
amazeui学习笔记--css（常用组件6）--图标Icon
amazeui学习笔记--css(常用组件6)--图标Icon 一.总结 1.关注用法即可:在 HTML 上添加添加 am-icon-{图标名称} class. <span class=&quo ...

图标（Icon）和图标按钮（IconButton）

图标（Icon）和图标按钮（IconButton）相关推荐

最新文章

热门文章