`

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

阅读更多
原理很简单,就是利用了字体文件:
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">&#x3441;&#x3438;&#x343b;&#x343d;&#x343c;&#x343e;&#x343a;&#x3439;&#x343f;&#x3442;&#x3440;&#x3437;</string>


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

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




另外还有一个字体库Font-Awesome,下载后copy其中的fontawesome-webfont.ttf文件到assets文件夹,下载地址:
http://fortawesome.github.io/Font-Awesome/
还需要从github上下载一个字符串资源放到res目录下的values目录,网址见https://github.com/liltof/font-awsome-for-android
具体方法见:http://blog.csdn.net/sbsujjbcy/article/details/44900263

实现了在 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
  • timefont.rar (2.4 KB)
  • 描述: 字体文件,只对数字有效
  • 下载次数: 2
分享到:
评论

相关推荐

    Android TextView的图片和文字居中探索

    在Android开发中,TextView是用于显示文本的基本组件,但有时候我们不仅希望显示纯文本,还可能需要在文本中插入图片,比如图标或者表情。当文本和图片同时存在时,实现它们在TextView中的居中对齐是一项常见的需求...

    linearlayout+imageview+textview实现底部导航栏.zip

    在底部导航栏中,每个按钮通常会有一个小图标代表不同的功能。开发者需要设置适配不同屏幕密度的图片资源,并通过ImageView加载它们。 4. **TextView**:TextView用于显示文本,它可以用来展示按钮的文字标签。在...

    Android TextView和ImageView简单说明

    例如,一个带有图标的按钮可能由一个包含`TextView`和`ImageView`的`LinearLayout`或`RelativeLayout`组成。通过合理布局和属性设置,开发者可以轻松地定制这些组件,以满足应用的视觉风格和交互需求。 总结来说,`...

    安卓listview相关相关-精美的Listview每个item有图片文字和小图标.zip

    这个布局文件会包含ImageView(用于图片),TextView(用于文字)和可能的小图标(比如ImageView或者自定义View)。 4. **ImageView和TextView**: ImageView用于加载和显示图片,可以使用`setImageResource()`、`...

    仿微信底部菜单栏(ViewPager+ImagerView+TextView)

    本文将深入探讨如何使用ViewPager、ImageView和TextView来实现这样一个底部菜单栏。 首先,`ViewPager`是Android SDK中的一个视图容器,它允许用户通过水平滑动来浏览多个页面。在这个实现中,ViewPager将承载不同...

    常用控件:TextView EditText Button

    通过 `android:text` 属性设置按钮上的文本,还可以使用样式和图标来定制按钮的外观。 在实际项目中,`activity_03` 文件可能包含了这三个控件的使用示例。通常,`activity` 指的是Android应用中的一个屏幕或视图,...

    ImageText:ImageView和TextView水平整合的Layout,里面加了BadgeView,可以在ImageView上面显示数字或者其他的文本

    2. 在`ImageView`和`TextView`之间使用`Space`或`ViewStub`来控制它们之间的间距,确保它们水平居中对齐。 3. 对于`BadgeView`,可以通过自定义一个小型的`TextView`或者使用第三方库如`androidx.BadgeView`来实现...

    android 通知提示 右上角 小图标

    它通常被用在应用的主界面,例如消息中心,用来显示未读消息的数量,而这个数量或标记也可以以小图标的形式呈现。ViewBadger通过简单的API调用来实现这些功能,使得开发者无需过多关注UI细节,从而更专注于应用的...

    GridView (文字)(图标)演示

    5. **自定义视图**:在GridView的每个单元格中,我们可以自由地设计布局,比如一个ImageView用于显示图标,一个TextView用于显示文字。在Adapter的`getView()`方法中,找到这些子视图并填充数据。 6. **事件监听**...

    同时显示图像和文字的按钮Button

    `ImageView`用于显示图像,`TextView`用于显示文字。可以这样设置: ```xml android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity...

    iconify使用文本替换icon测试

    《使用Iconify实现Android图标文本替换的深度解析》 在Android开发中,UI设计往往需要大量的图标来增强用户体验。然而,传统的图标引入方式不仅占用大量资源,还可能导致编译过程变慢。为了解决这个问题,开发者们...

    TextView的展开与搜索

    通过分析这个应用的源代码,你可以更深入地理解`TextView`高度调整、展开收缩逻辑以及箭头图标的使用方法。这个示例可以帮助你快速掌握在实际开发中实现类似功能的技巧。 总之,`TextView`的展开与收缩功能依赖于...

    图片添加文字

    首先,ViewBadge是一个Android UI组件,常用于在图标或视图上显示一个小红点或者数字,以提示用户有未读消息或其他更新。然而,ViewBadge本身并不直接支持在图片上添加可拖动的文字。因此,我们需要对其进行扩展和...

    android demo,自定义view,该view显示正在加载的文字,动态转圈的图标

    在这个案例中,我们可能会创建一个新的类,比如`LoadingTextView`,它继承自`TextView`,因为我们需要同时显示文字和图标。 在`LoadingTextView`中,我们需要覆盖几个关键方法来实现自定义行为: 1. **构造函数**...

    文字转换成Drawable

    这通常用于自定义UI,比如将文字作为图片显示在ImageView或者背景中,或者为按钮、图标添加带有文字的自定义效果。在Android中,Drawable是图形对象,可以是位图、形状或者其他可视化元素。 这篇博客链接(已省略)...

    TextView EditText 插入图片 工具类 包装

    在Android中,插入图片通常有两种方式:一是通过设置ImageView来显示图片,二是通过使用SpannableString或SpannableStringBuilder来实现文本与图片的混合展示。 对于TextView,我们可以创建一个SpannableString对象...

    安卓popupwindow相关-thumb带文字popup文字放大跟随.rar

    5. **拇指图标与文字**:在描述中提到的“thumb带文字”,可能是指PopupWindow内有一个拇指图标的ImageView和与其关联的文字TextView。可以通过绑定点击事件监听拇指图标,触发文字放大效果。 6. **文字放大效果**...

    android点击文字收缩效果

    3. 添加下拉图标,根据TextView的状态控制其可见性,增强交互体验。 4. 通过监听触摸事件,切换TextView的显示行数。 以上就是关于"android点击文字收缩效果"的详细解析,这个功能的实现结合了Android的基础组件...

Global site tag (gtag.js) - Google Analytics