• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >Android > Android多分辨率适配实践【1】使用字体图标(内含两枚神器),android两枚

Android多分辨率适配实践【1】使用字体图标(内含两枚神器),android两枚

作者:网友 字体:[增加 减小] 来源:互联网 时间:2017-05-26

网友通过本文主要向大家介绍了Android多分辨率适配实践【1】使用字体图标(内含两枚神器),android两枚等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

Android多分辨率适配实践【1】使用字体图标(内含两枚神器),android两枚


目录

Android多分辨率适配实践【0】基础适配篇(撰写中)
Android多分辨率适配实践【1】使用字体图标,精准控制不同分辨率的图标样式(内含两枚神器)
Android多分辨率适配实践【2】Iconify中文使用说明
Android多分辨率适配实践【3】Iconify扩展,自制或导入SVG字体图标库(撰写中)
...
大约每周一篇的频率更新,算是学习实践笔记,喜欢请关注哦。


为什么要使用字体图标,字体图标的好处

一个优秀的开发者应该会很讨厌浪费时间在琐碎的事情上,比如为APP中的每个图标都制作并拷贝5种 (ldpi, mdpi, hdpi, xhdpi, xxhdpi) 尺寸的图片, 并把它们正确地放到5个不同的drawable目录,并且在想要改变颜色或者大小的时候重新重复这烦人的一切。而且在需要他们缩放的时候,一不留神图像就糊掉。
实际上在网页前端这个行当里面早就面临过类似的问题并且头疼过很久,考虑过不少方法(大图CSS缩小显示、类Android思路的多套图标适配、SVG矢量等)。经过他们实践出来了一种比较好的解决方案——图标字体化。在Android开发里面,也是完全适合采用这种方案的!
甚至除了减少文件体积和可轻易缩放外,字体图标还带来了额外的优点——

  • 轻易改变颜色
  • 轻易产生阴影
  • 动画支持

如何使用字体图标

字体图标是以字体的形式存在的,所以使用字体图标的第一步是先要找到这些字体,在后面我会提到去哪找甚至怎么自己制作。这里先关注如何使用。在Android上使用字体图标本来是不如网页方便的,但我们有神器——

神器1:越来越赞的Iconify

Iconify是一个让你在文本、ActionBar, 以及 EditTexts中轻易使用图标字体的开源库,并自带了海量字体图标合集(前端常用的FontAwesome, Entypo, Typicons等图标全都集成进去了)。上个月刚发布v2版,作者给v2版写的更新介绍Iconify just got a lot better本身就是最好的使用教程。或者看这篇可能是最好的中文说明(撰写中,喜欢请关注)。
它允许这样的编程:

<IconTextView       android:text="Welcome {fa-smile-o} {fa-hand-peace-o} !"     android:shadowColor="#22000000"     android:shadowDx="0"     android:shadowDy="5"     android:shadowRadius="1"     android:textSize="30sp"     android:textColor="#2A9BDA"     ... />

IconTextView会将所有的{..}替换为对应的图标。这些图标的特性跟字体/Text是一模一样的,你可以控制它的颜色,大小,阴影。而且无论多大,都不会糊掉!上面的代码{fa-smile-o}等是来自FontAwesome的图标,你还可以把它用在TextView, Button,甚至ToolBar菜单中(使用IconDrawable)。

效果

 

它看起来是这样的,很棒对吧,不需要处理任何图片哦!

对了,它本身就集成了多个图标库,连MaterialDesign图标都提供了!

噢,对了,它还支持旋转!
现在你还有什么理由不使用它么?快来10分钟入门(撰写中,喜欢请关注)。

所以它的原理是什么?

图标并不是真正的图片,而是特殊的字体,有一个特殊的编码, Iconify 为所有的IconTextView准备好这些字体,并且将{...}的部分映射到对应的字体。
uf039 <- fa_align_justify
uf036 <- fa_align_left
uf038 <- fa_align_right
uf270 <- fa_amazon
uf0f9 <- fa_ambulance
....

神器2:阿里巴巴图标库

在Iconify中没找到合适的图标怎么办?Iconify是支持导入自己的字体的。详细方法可以参照Android多分辨率适配实践【3】Iconify扩展,自制或导入SVG字体图标库(撰写中,喜欢请关注)。然后去哪里找字体呢?网上搜一下字体图标库会找到很多,这里强推阿里巴巴图标库,是中国第一个最大且功能最全的矢量图标库。

至此,万标俱备,快去得瑟吧!

问啊-定制化IT教育平台,牛人一对一服务,有问必答,开发编程社交头条 官方网站:www.wenaaa.com

QQ群290551701 聚集很多互联网精英,技术总监,架构师,项目经理!开源技术研究,欢迎业内人士,大牛及新手有志于从事IT行业人员进入!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Android多分辨率适配实践【1】使用字体图标(内含两枚神器),android两枚

相关文章

  • 2017-05-26Android 手机卫士--9patch图,
  • 2017-05-26Android 一个改善的okHttp封装库,androidokhttp
  • 2017-05-26zabbix 应用系列之nginx tcp stream监控
  • 2017-05-26硅谷社交6--添加联系人--发送添加好友邀请,硅谷6--
  • 2017-11-15Dialog 用代码来实现全屏
  • 2017-05-227.6.2 基于TCP协议的Socket通信(1)
  • 2017-05-26错误提示”void is an invalid type for the variable“,invalidvariable
  • 2017-05-26android开发零基础入门教程,android入门教程
  • 2017-05-26Android--数据库数据显示至屏幕
  • 2017-05-26Android Activity的生命周期简单总结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • DataPicker以及TimePicker显示时间和日期(屏幕上显示),datepicker日期格式
    • Handler消息传递机制(二)Handler,Loop,Message,MessageQueue的工作原理
    • Android-BroadcastReceiver详解
    • Android的基本世界观——系统简介,组件逻辑及其他
    • Android--播放Gif的取巧办法,android--gif取巧
    • Linux I/O多路复用
    • Android学习笔记(27):日历视图Calendar浅析
    • Android Studio NDK开发
    • 使用flume+kafka+storm构建实时日志分析系统
    • Android 中的mvvm,Androidmvvm

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有