图标 Icon
图标是构成控件及页面的一个重要图形修饰元素。
在ArcUI中通过以下2种方式来支持图标的使用:
- SVG icons
- iconfont 图标字体
两种视觉风格:
描边图标:
建议边线1-1.5px
实色填充图标:
图标类型:
不同颜色的图标:
拾色使用Arc-Color色彩系统。默认情况下,一个图标会继承使用当前的文本颜色。 您也可以选择使用以下任何一个主题颜色属性来设置图标的颜色:例如primary,secondary,action,、error 、disabled。
不同大小的图标:
属性栏或预制样式中的样式配置:
图标的常见用途:
- 导航栏和工具栏图标
- 标签栏图标
- 主屏幕快速操作图标
- 业务图标
- 通用图标
基础组件内图标用途不多,可以使用svg。不使用iconfont!
tips:Font vs SVG。 使用哪个更好呢?
这两种方法都能很好地工作,但是其中有一些微妙的差异,特别是在性能和渲染质量方面。 在条件允许的情况下,首选使用 SVG 的方式,因为它允许代码分割,能支持更多的图标,并且渲染得更快更好。