swancloud:阿里云国际产品线,弹性云服务器等,便宜、无须实名、无障碍
|
![]() |
![]() |
![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
1、什么是 IconFont?
IconFont 顾名思义是字体图标,它的图标藏 xxx.ttf 字体文件里面,看着是个图标,其实却是个文字,这就是所谓的 IconFont。
IconFont 是矢量图标。
2、IconFont 的优缺点
(1)优点:
由于 IconFont 是矢量图标,所以可以轻松解决图标适配问题。
因为其本质是个字体图标,所以可以通过代码修改其字体图标大小、颜色等。
图标以字体文件的形式存在项目中(.ttf 文件一般放在 assets 文件夹下),体积小可以减小 APK 的体积。
一套图标资源可以在不同平台使用(android、ios、web)。
资源维护方便。
(2)缺点:
需要自定义 svg 图片,并将其转换为 .ttf 文件,图标制作成本比较高(这块的工作量主要在 UI 同学)。
添加图标是需要重新制作 .ttf 文件。
只能支持单色,不支持渐变色图标。
3、引入 Android-Iconics
为什么选择 Android-Iconics?
调研市面上各种关于 IconFont 的实现方案,通过对比功能支持、Star 数量、是否一直在维护中等等,Android-Iconics 脱颖而出。
github 地址:https://github.com/mikepenz/Android-Iconics
dependencies {
// AndroidX Appcompat 支持
implementation “androidx.appcompat:appcompat:1.3.1”
// 核心库 iconics
implementation “com.mikepenz:iconics-core:5.3.3”
// 添加自定义视图依赖(可选项)
implementation “com.mikepenz:iconics-views:5.3.3”
// 选择你想要的字体(可选项)
implementation ‘com.mikepenz:google-material-typeface:4.0.0.2-kotlin@aar’
implementation ‘com.mikepenz:google-material-typeface-{outlined|rounded|sharp}:4.0.0.1-kotlin@aar’
implementation ‘com.mikepenz:material-design-iconic-typeface:2.2.0.8-kotlin@aar’
implementation ‘com.mikepenz:fontawesome-typeface:5.9.0.2-kotlin@aar’
implementation ‘com.mikepenz:octicons-typeface:11.1.0.0-kotlin@aar’
implementation ‘com.mikepenz:meteocons-typeface:1.1.0.7-kotlin@aar’
implementation ‘com.mikepenz:community-material-typeface:6.4.95.0-kotlin@aar’
implementation ‘com.mikepenz:weather-icons-typeface:2.0.10.7-kotlin@aar’
implementation ‘com.mikepenz:typeicons-typeface:2.0.7.7-kotlin@aar’
implementation ‘com.mikepenz:entypo-typeface:1.0.0.7-kotlin@aar’
implementation ‘com.mikepenz:devicon-typeface:2.0.0.7-kotlin@aar’
implementation ‘com.mikepenz:foundation-icons-typeface:3.0.0.7-kotlin@aar’
implementation ‘com.mikepenz:ionicons-typeface:2.0.1.7-kotlin@aar’
implementation ‘com.mikepenz:pixeden-7-stroke-typeface:1.2.0.5-kotlin@aar’
implementation ‘com.mikepenz:material-design-icons-dx-typeface:5.0.1.2-kotlin@aar’
implementation ‘com.mikepenz:phosphor-typeface:1.0.0.0-kotlin@aar’
}
注意:通过 gradle 引入最新版本,compileSdk、buildTools 需要 31+,targetSdk 30+,其次其 XML 属性支持需要 API 24+ ,且各种 AndroidX 相关库需要较新版本,所以不适应咱们项目,故通过源码+修改方式引入上述开源库,且消除上述所有限制。
4、xml 属性解析
(1)Iconics
(2)IconicsAnimateChanges
(3)IconicsImageButton、IconicsImageView
(4)IconicsButton、IconicsTextView
(5)IconicsCompoundButton
(6)IconicsCheckableTextView
5、如何使用
(1)注册方式一,通过 Application
class CustomApplication : Application() {
override fun onCreate() {
super.onCreate()
// 注册自定义字体
Iconics.registerFont(ChangbaFont())
}
}
(2)注册方式二,通过 AndroidX 的 startup-runtime
官方介绍:The App Startup library provides a straightforward, performant way to initialize components at application startup. Both library developers and app developers can use App Startup to streamline startup sequences and explicitly set the order of initialization.Instead of defining separate content providers for each component you need to initialize, App Startup allows you to define component initializers that share a single content provider. This can significantly improve app startup time.
介绍翻译:应用程序启动库提供了一种在应用程序启动时初始化组件的简单、高效的方法。库开发人员和应用程序开发人员都可以使用应用程序启动来简化启动顺序,并显式设置初始化顺序。应用程序启动允许您定义共享单个内容提供程序的组件初始值设定项,而不是为需要初始化的每个组件定义单独的内容提供程序。这可以显著缩短应用程序启动时间。
特性1:可以共享单个Contentprovider。
特性2:可以明确地设置初始化顺序。
探究:App Startup真的能减少启动耗时吗?
// 添加库支持
implementation “androidx.startup:startup-runtime:1.1.0”
// 使用
<provider android:name="androidx.startup.InitializationProvider" android:authorities="${applicationId}.androidx-startup" android:exported="false" tools:node="merge"> <!-- 注册字体库 --> <meta-data android:name="com.open.iconics.iconfont.Initializer" android:value="androidx.startup" /> <!-- 注册旋转动画 --> <meta-data android:name="com.open.iconics.animation.SpinProcessor" android:value="androidx.startup" /> <!-- 注册透明度动画 --> <meta-data android:name="com.open.iconics.animation.BlinkAlphaProcessor" android:value="androidx.startup" /> <!-- 注册缩放动画 --> <meta-data android:name="com.open.iconics.animation.BlinkScaleProcessor" android:value="androidx.startup" /></provider>...
(3)Iconics 使用
// 限定原生的 TextView、Button
Iconics.Builder()
.style(BackgroundColorSpan(ContextCompat.getColor(this, R.color.transparent)))
.style(RelativeSizeSpan(1f))
.style(ForegroundColorSpan(ContextCompat.getColor(this, R.color.red)))
.styleFor(
DevIcon.Icon.dev_ssh_plain,//”font_danmu_off”,
BackgroundColorSpan(Color.RED),
ForegroundColorSpan(Color.parseColor(“#ee000000”)),
RelativeSizeSpan(2f)
)
.font(DevIcon)
.on(btn)
.build()
(4)IconicsDrawable 使用
val drawable = IconicsDrawable(this@IconicsButtonActivity, DevIcon.Icon.dev_ssh_plain)
.apply {
sizeDp = 20
sizeX = IconicsSize.dp(48)
sizeY = IconicsSize.dp(32)
paddingPx = 4
paddingDp = 4
roundedCornersDp = 8
colorString = “#deFF0000”
}
.toBitmap()
iv_btn_iconics.icon = drawable
iv_btn_iconics.setImageBitmap(drawable)
(5)automirror 属性
// app:iiv_automirror=”true” 属性需要配合
// android:layoutDirection=”rtl” 使用
<com.open.iconics.view.IconicsImageView android:layout_width="72dp" android:layout_height="72dp" android:padding="24dp" app:iiv_automirror="true" app:iiv_color="?android:textColorPrimary" app:iiv_icon="font_singasong" /><com.open.iconics.view.IconicsImageView android:layout_width="72dp" android:layout_height="72dp" android:padding="24dp" app:iiv_automirror="false" app:iiv_color="?android:textColorPrimary" app:iiv_icon="font_singasong" />
6、注意事项
(1)原则上禁止使用
// 当你使用 Iconics* 相关控件的时候,例如: IconicsImageButton
// 你使用了 iconics* 相关 xml 属性,你又使用了 src 属性,这样会导致 src 属性无效
// 代码中设置 xxx.setImageResource(R.drawable.xxx) 同样无效
iv_btn_iconics.setImageResource(R.drawable.common_favorite)
(2)兼容Appcompat v1.4.x:Appcompat v1.4.x 在所有AppCompat视图中引入了默认启用的表情符号支持,这会导致 IconicsView 视图的正常使用。
// 禁止表情符号支持
app:emojiCompatEnabled=”false”
[主机测评]历史优惠活动内容
猜你可能想看的VPS
- 阳帝云:香港CN2 GIA云服务器,高配CPU/八折促销/稳定/可跑满 香港VPS[主机]
- 购买香港服务器需要做哪些准备 香港VPS[主机]
- 40火伞高压电爬坡更让企业用电于民 全球[VPS测评]
- 游戏服务器是什么意思?游戏服务器可以用云服务器吗? 全球[VPS测评]
- 文物、沉船、村落!干旱导致大量遗迹重见天日 2022年干旱还要持续多久? 全球[VPS测评]
- 外贸无界烟台市有多少跨境电商?烟台跨境电商开发平台,烟台跨境电商选品 全球[VPS测评]
- 亚当云怎么样?香港安畅cn2vps带宽10M月付28元 香港VPS[主机]
- 极客主机,优惠8折充值返25%,香港CN2VPS,日本软银VPS,新加坡 日本VPS[主机]
- 香港vps免费:青云互联,1核1G/50G硬盘/500GB流量/2M带宽 香港VPS[主机]
- 二三互联,香港cn2云服务器5折+85折双重优惠,稳定不限流量,1核1G 香港VPS[主机]
- GreenCloudVPS:5折、6折优惠,日本、新加坡、香港等KVM 日本VPS[主机]
- 影速科技怎么样?影速科技海外云服务器价格多少钱? 全球[VPS测评]
- edgeNAT:2021元旦vps促销_全场韩国/美国/香港VPS低至7 韩国VPS[主机]
- 恒创科技:香港/美国云服务器2折起,年度特价低至13元/月,新购送京东E 美国VPS[主机]
- 阿里云香港服务器价格优惠:老用户香港2核4G3M云服务器仅1181.5元 香港VPS[主机]
- GigsGigsCloud:2核/4GB/50G空间/1TB流量/10M 虚拟空间(主机)
- 米上云:免备案香港云服务器,全场75折优惠码,香港高防vps月付23元起 香港VPS[主机]
- 易科云:香港cn2 vps,洛杉矶 cn2云主机;全场月付9折/季付8折 香港VPS[主机]
- HostKvm:香港国际/美国洛杉矶七折优惠,其它业务全场八折,适合做站 美国VPS[主机]
- tudcloud:香港不限流量VPS,2核2G仅218元/年,支持Win WINDOWS
- 麻花云:香港CN2云服务器首月9元起;安徽移动BGP云主机月付29元起 香港VPS[主机]
- 易梦云:香港/美国vps优惠活动,2核1G3M云主机仅16元/月 美国VPS[主机]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来! 全球[VPS测评]
- 如何更改WHMCS默认后台路径让WHMCS系统更安全 全球[VPS测评]
- 好朋友51WORLD启动“地球克隆计划5”,我要去元宇宙参加了 全球[VPS测评]
- 跨境贸易和跨境电商的三大区别简单分析 全球[VPS测评]
- 深圳市城市交通规划设计研究中心股份有限公司关于与腾讯云计算(北京)有限责 全球[VPS测评]
- 港口雄开万里流丨不出国门海淘全球青岛跨境电商未来可期 全球[VPS测评]
- 邢志宏:加快推动高质量建设跨境电商综试区起势成势 全球[VPS测评]
- 厘米云,江苏移动100G高防云服务器,4核4G内存20M带宽79元/月 全球[VPS测评]
转载请注明原文地址: http://140.238.13.167:12355/read-244980.html











