使用字体库和TextView代替ImageView展示图片
来源:互联网 发布:apache 2.0 开源协议 编辑:程序博客网 时间:2024/05/01 18:43
新来的同事介绍了一项之前没用过的技术,使用字体库和TextView代替ImageView展示图片,虽然在项目中尝试了一段时间后我又给去掉了,但是觉得这个技术还是不错的。现在记录一下最最基本的用法,如果想在项目中使用,建议先看下亓斌这篇博客。
一般情况下我们展示图片在xml布局中都是用ImageView设置src来展示,比如:
<ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@mipmap/share" /><ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@mipmap/back" />
效果图:
现在我们使用TextView实现这种功能(非设置background):
下载字体库:先把使用的图标加入到购物车,然后选择下载代码:
解压之后可以看到如下文件,我们只要iconfont.woff文件和demo_unicode就好了:
然后新建一个存放字体库的文件夹assert,把字体库文件放入里面:
- 打开demo_unicode文件,根据图表和编码对应关系,把编码写入text内容里面即可:
- 现在来看布局文件,通过textColor和textSize改变颜色和大小,注意text后面跟的内容,不要缺少东西了,否则展示不出来图片:
<TextView android:textColor="#ff00ff" android:id="@+id/tv_share" android:layout_width="100dp" android:layout_height="100dp" android:text="" android:textSize="34sp" /> <TextView android:textColor="#ff0000" android:id="@+id/tv_back" android:layout_width="100dp" android:layout_height="100dp" android:text="" android:textSize="48sp" />
你以为这样就可以了?那你就错了,还不能少了如下的代码:
TextView tv_share=(TextView) findViewById(R.id.tv_share);TextView tv_back=(TextView) findViewById(R.id.tv_back);tv_share.setTypeface(Typeface.createFromAsset(getAssets(),"iconfont.woff"));tv_back.setTypeface(Typeface.createFromAsset(getAssets(),"iconfont.woff"));
– 看效果:
阅读全文
0 0
- 使用字体库和TextView代替ImageView展示图片
- 使用HorizontalScrollView和ImageView编写简单的图片展示程序
- TextView实现图片和文字展示
- ImageView加TextView可以用setCompoundDrawables代替
- TextView左边或者右边显示图片,不在使用imageview
- ImageView 控制图片的展示
- android平台TextView使用ImageSpan展示GIF图片
- 1.在写TextView 和ImageView 使用Selector切换字体颜色和图片的时候遇到定义的selector无效?
- 使用TextView实现ImageView效果
- Android ImageView和TextView居中
- TextView和ImageView的倾斜
- 支持滚动展示图片的ImageView
- 支持滚动展示图片的ImageView
- 已知路径,将图片通过imageview展示
- iOS-使用imageView添加图片无法展示的三种解决方案
- 用ImageView展示数据,并使用handler每过3秒钟切换一张图片
- TextView展示Html内可点击图片
- ImageView 使用网络图片
- QT界面切换前做一系列逻辑判断问题
- Java 面试题目总结
- 基于Excel的QR二维码生成工具——原理及算法详解(之三)
- Node.js合并复用html模板
- python协程
- 使用字体库和TextView代替ImageView展示图片
- Linux 命令行命令及参数辨异
- 随笔 | Iterm2 配色方案
- 基于MCP2515的Linux CAN总线驱动程序设计(二)
- Hadoop Ha (High avilable)配置
- 文档总结2-Linux目录与正则表达式
- 20. Valid Parentheses
- 跨域资源共享 CORS
- [特斯拉组件]iOS 高性能 PageController