首页 > 其他分享 >用文字替换小图标(TextView替换ImageView)

用文字替换小图标(TextView替换ImageView)

时间:2023-04-06 22:08:16浏览次数:50  
标签:文件 iconfont ttf html ImageView com 替换 TextView 图标


原理很简单,就是利用了字体文件:

Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont/iconfont.ttf");
TextView textview = (TextView)findViewById(R.id.like);
textview.setTypeface(iconfont);
textview.setTextSize(40);




问题是字体文件哪里来?


从这里来

http://www.iconfont.cn/



打开上面的网页,鼠标往下滚,挑一些你需要的图标导出来就得到了ttf文件,将其中的ttf文件copy到assets文件夹下即可。



我这里使用的是“淘宝图标库”里的图标。(PS:最好不要选择“阿里妈妈图标库”里的图标,生成出来后,程序运行直接出错,可能跟NDK的bug有关)



<TextView
    	android:id="@+id/like"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/icons"
		android:textColor="@android:color/holo_blue_light"
        />




<string name="icons">㑁㐸㐻㐽㐼㐾㐺㐹㐿㑂㑀㐷</string>




上面类似&#x3441;的表示一个小图标,这个可以在刚才导出来的文件夹中有一个html文件,打开这个html文件即可看到对应的文本和图标,copy到string.xml中即可。



我使用后的效果见图,是12星座喔。



用文字替换小图标(TextView替换ImageView)_github




另外还有一个字体库Font-Awesome,下载后copy其中的fontawesome-webfont.ttf文件到assets文件夹,下载地址:


http://fortawesome.github.io/Font-Awesome/


还需要从github上下载一个字符串资源放到res目录下的values目录,网址见

https://github.com/liltof/font-awsome-for-android



实现了在 Android 上集成 FontAwesome 图标字体:Iconify


http://www.open-open.com/lib/view/open1439900695989.html



Iconify库重大更新,更好更强大


http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0817/3312.html


https://github.com/JoanZapata/android-iconify

  • 大小: 109.3 KB
  • IconFontDemo.rar (1.4 MB)
  • 下载次数: 3
  • timefont.rar (2.4 KB)
  • 描述: 字体文件,只对数字有效
  • 下载次数: 2
  • 查看图片附件

标签:文件,iconfont,ttf,html,ImageView,com,替换,TextView,图标
From: https://blog.51cto.com/u_5454003/6174210

相关文章

  • 带标记的ImageView,图片可以设置成圆角
    先看图这个功能可以很方便的为一张图片设置一个标记,这在促销的时候很是有效<com.mb.bgfitting.view.SimpleTagImageViewxmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/item_0"android:layout_width="80dp......
  • ImageView翻转效果
    点击图中的星星开始翻转源码:importandroid.content.Context;importandroid.content.res.TypedArray;importandroid.graphics.Bitmap;importandroid.graphics.Camera;importandroid.graphics.Matrix;importandroid.graphics.drawable.BitmapDrawab......
  • 自定义竖直旋转显示文字的TextView
    先看效果(最右边的Buttons):原理很简单,就是使用了drawTextOnPath()沿着一条垂直的直线绘制文字,该直线可以从上往下或者从下往上,通过direction属性控制文字显示的方向。该类是本人要处理垂直显示英文字的时候逼出来的,呵呵;如果是中文字就简单了,直接加个换行符就满......
  • python 复制幻灯片并替换相应文字作为新的幻灯片_循环替换
    #encoding=utf8#-*-coding:utf-8-*-#pipinstallpython-pptx-ihttps://pypi.tuna.tsinghua.edu.cn/simple#pipinstallpython-docx-ihttps://pypi.tuna.tsinghua.edu.cn/simple#pipinstallpandas-ihttps://pypi.tuna.tsinghua.edu.cn/simplefrompptximp......
  • LRU缓存替换策略及C#实现
    目录LRU缓存替换策略核心思想不适用场景算法基本实现算法优化进一步优化BenchmarkLRU缓存替换策略缓存是一种非常常见的设计,通过将数据缓存到访问速度更快的存储设备中,来提高数据的访问速度,如内存、CPU缓存、硬盘缓存等。但与缓存的高速相对的是,缓存的成本较高,因此容量往往是有......
  • linux-命令替换
    命令替换是指将命令的标准输出作为值赋给某个变量,bashshell定义了两种语法进行命令替换。一种是使用反引号,另一种是利用啊$(),两种等价格式如下:`linux命令`$(linux命令)例一:echocurrentpathis`pwd`echocurrentpathis$(pwd)例二:#创建类似这样的文件file-2023-04-0......
  • linux 中sed命令中的列的精确替换
     001、将ab替换为QQ(base)[b20223040323@admin2test2]$lsa.txt(base)[b20223040323@admin2test2]$cata.txt##测试数据snp1ab10720snp4abde3920snp5ab4010snp6eabx12230snp7cxab12600......
  • Android ImageView 详述
    结构继承关系publicclassView.OnClickListnerextendsView java.lang.Objectandroid.view.Viewandroid.widget.ImageView类概述显示任意图像,例如图标。ImageView类可以加载各种来源的图片(如资源或图片库),需要计算图像的尺寸,比便它可以在其他布局中使用,并提供例如缩放和着色(渲染)各......
  • Fiddler 替换资源
    资料https://www.bilibili.com/video/av205290948/?p=5&vd_source=046ea4f5c29b8099c725f82685b9c821https://www.cnblogs.com/fenglovellx/p/8137551.htmlhttps://www.shuzhiduo.com/A/RnJWrmmEzq/https://blog.csdn.net/scut_yfli/article/details/106034952一修改返回的......
  • day8| 344.反转字符串;541.反转字符串II;剑指offer 05.替换空格;151.翻转字符串里的单词
    344.反转字符串 题目简述:编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组s的形式给出。不要给另外的数组分配额外的空间,你必须原地修改输入数组,使用O(1)的额外空间解决这一问题。 解题思路:没什么好说的,直接双指针 代码如下:classSolution:de......