在Android TextView中显示图片的4种方式详解

我们知道,TextView控件一般是用来显示文本的,而图片一般是用ImageView控件来显示。

那TextView能否显示图片呢?答案是肯定的!下面列出常见的4种方式。

1、XML文件中指定属性值

这种方式应该是最常用的了,在TextView的左上右下显示图片,可用 
android:drawableLeft 
android:drawableTop 
android:drawableRight 
android:drawableBottom

比如我们要在TextView的顶部设置图片,代码如下:

<TextView
  android:id="@+id/textview_01"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:drawableTop="@drawable/ic_launcher"
  android:text="hello_world" />

这种显示方式图片跟文本是居中对齐的,此种方式对应的方法是setCompoundDrawablesWithIntrinsicBounds:

mTextView01.setCompoundDrawablesWithIntrinsicBounds(null,
    getResources().getDrawable(R.drawable.ic_launcher, null), null, null);

效果图:

如果觉得图片离文字太近,也可以设置他们之间的间距,xml或者代码中都可以实现:

android:drawablePadding="10dp"

或者

mTextView01.setCompoundDrawablePadding(10);

2、通过解析HTML来显示图片

这种方式可以显示项目中的图片、本地SDCARD和网络的图片,当然网络的图片必须先下载到本地然后显示。

显示项目中图片

看代码

// 第二种方式:显示项目中的图片mTextView02 = (TextView) findViewById(R.id.textview_02);// 把图片生成的ID加入img标签中 <img src='123'>String htmlFor02 = "项目图片测试:" + "<img src='" + R.drawable.ic_launcher + "'>" + "<img src='"
    + R.drawable.apple + "'>";
mTextView02.setText(Html.fromHtml(htmlFor02, new Html.ImageGetter() {
  @Override  public Drawable getDrawable(String source) {    Log.d(TAG, "项目图片测试_source:" + source);
    int id = Integer.parseInt(source);
    Drawable drawable = getResources().getDrawable(id, null);
    drawable.setBounds(0, 0, drawable.getIntrinsicWidth() ,
        drawable.getIntrinsicHeight());    return drawable;
  }
}, null));

可以看到,ic_launcher和apple这两张图片的ID是加到了img标签中,然后通过实现html的ImageGetter接口中的getDrawable()方法取得图片。

效果图如下:

获取网络图片

为了简化代码,我们用到了google的volley网络框架去请求图片,然后保存到sdcard再显示,这种方式略显麻烦,看代码:

private static final String htmlFor03 = "网络图片测试:"
    + "<img src='http://img1.imgtn.bdimg.com/it/u=4190601239,967361436&fm=11&gp=0.jpg'>";private static final String NET_PIC_NAME = "NetPic.png";// 第二种方式:显示网络图片mTextView03 = (TextView) findViewById(R.id.textview_03);
mTextView03.setText(Html.fromHtml(htmlFor03, mNetWorkImageGetter, null));private NetWorkImageGetter mNetWorkImageGetter = new NetWorkImageGetter();
class NetWorkImageGetter implements Html.ImageGetter {  /*
   * (non-Javadoc)
   * @see android.text.Html.ImageGetter#getDrawable(java.lang.String)
   */
  @Override
  public Drawable getDrawable(String source) {
    Drawable drawable = null;
    File file = new File(Environment.getExternalStorageDirectory(), NET_PIC_NAME);    if (file.exists()) {
      drawable = Drawable.createFromPath(file.getAbsolutePath());
      drawable.setBounds(0, 0, drawable.getIntrinsicWidth() * 2,
          drawable.getIntrinsicHeight() * 2);
    } else {
      getNetworkImg(source);
    }    return drawable;
  }
}/**
 * 通过volley请求网络图片
 * @param url
 */private void getNetworkImg(String url) {
  Log.d(TAG, "url: " + url);
  RequestQueue queue = Volley.newRequestQueue(this);
  ImageRequest request = new ImageRequest(url, new Response.Listener<Bitmap>() {    @Override
    public void onResponse(Bitmap bitmap) {
      Log.d(TAG, "onResponse");
      saveMyBitmap(NET_PIC_NAME, bitmap);
      mTextView03.setText(Html.fromHtml(htmlFor03, mNetWorkImageGetter, null));
    }
  }, 0, 0, ScaleType.CENTER, Config.RGB_565, new ErrorListener() {    @Override
    public void onErrorResponse(VolleyError error) {
      Log.d(TAG, "onErrorResponse:" + error);
    }
  });
  queue.add(request);
}/**
 * 保存获取到的网络图片到sdcard
 * @param bitName
 * @param mBitmap
 */public void saveMyBitmap(String bitName, Bitmap mBitmap) {
  File f = new File("/sdcard/" + bitName);  try {
    f.createNewFile();
  } catch (IOException e) {
  }
  FileOutputStream fOut = null;  try {
    fOut = new FileOutputStream(f);
  } catch (FileNotFoundException e) {
    e.printStackTrace();
  }
  mBitmap.compress(Bitmap.CompressFormat.PNG, 100, fOut);  try {
    fOut.flush();
  } catch (IOException e) {
    e.printStackTrace();
  }  try {
    fOut.close();
  } catch (IOException e) {
    e.printStackTrace();
  }
}

代码比较多,弄明白流程就行,先从本地找–>没找到的话通过网络下载并保存到本地–>显示本地图片。

效果图如下:

3、通过ImageSpan和SpannableString

这种方式很简单,通过新建ImageSpan对象得到图片,然后作为参数传入SpannableString的setSpan方法中即可。看代码:

// 第三种方式
mTextView04 = (TextView) findViewById(R.id.textview_04);ImageSpan imgSpan = new ImageSpan(this, R.drawable.apple);SpannableString spannableString = new SpannableString("012345");spannableString.setSpan(imgSpan, 1, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);mTextView04.setText(spannableString);

注意:setSpan(Object what, int start, int end, int flags)方法中的start和end值是用图片来取代的文本范围,flags是用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。

效果图:

4、通过继承TextView方式

这种方式的原理是通过继承TextView,并重写onDraw(),让图片直接画到文本上,这会导致图片跟文本重叠,它们之间的间距不好控制。

public class MyTextView extends TextView {
  private Bitmap mBitmap;  /**
   * @param context
   * @param attrs
   */
  public MyTextView(Context context, AttributeSet attrs) {    super(context, attrs);
    mBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.apple);
    setTextSize(40);
  }  @Override
  protected void onDraw(Canvas canvas) {
    canvas.drawBitmap(mBitmap, 0, 0, getPaint());    super.onDraw(canvas);
  }
}

然后在xml文件中引用自定义控件:

<com.example.imageintextview.MyTextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:text="@string/hello_world" />

效果图:

以上就是在Android TextView中显示图片的4种方式,每种方式都是自己的应用场景,大家根据自己的情况选择正确的方式

您可能感兴趣的文章:

  • Android自定义TextView实现文字图片居中显示的方法
  • Android DrawableTextView图片文字居中显示实例
  • Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)
  • Android中TextView显示插入的图片实现方法
  • Android实现TextView显示HTML加图片的方法
  • Android TextView显示Html类解析的网页和图片及自定义标签用法示例
  • android教程之textview解析带图片的html示例
(0)

相关推荐

  • Android中TextView显示插入的图片实现方法

    本文实例讲述了Android中TextView显示插入的图片实现方法.分享给大家供大家参考,具体如下: Android系统默认给TextView插入图片提供了三种方式: 1.ImageSpan 2.Html.ImageGetter 3.TextView.setCompoundDrawables(left, top, right, bottom) 1.TextView使用ImageSpan显示图片 ImageSpan span = new ImageSpan(this, R.drawable.ic

  • Android TextView显示Html类解析的网页和图片及自定义标签用法示例

    本文实例讲述了Android TextView显示Html类解析的网页和图片及自定义标签.分享给大家供大家参考,具体如下: Android系统显示HTML网页的最佳控件为WebView,有时候为了满足特定需求,需要在TextView中显示HTML网页.图片及解析自定义标签. 1.TextView显示Html类解析的网页 CharSequence richText = Html.fromHtml("<strong>萝卜白菜的博客</strong>--<a href='

  • Android自定义TextView实现文字图片居中显示的方法

    最近有个需求是这样的,人民币的符号"¥"因为安卓手机系统的不一致导致符号不是完全一样,所以用美工的给的图片代替,考虑到用的地方比较多,所以想着写一个继承于线性布局的组合控件,后来一想,安卓中不是有TextView吗,这个自带图片的控件,后来写了个demo,因为我是用的MatchParent,导致问题出现,人民币符号不是和文字一样的居中,因此才有了这篇博文,让我们来自定义TextView吧,这个场景用的比较多. 分析下TextView的源码 我们先来分析下TextView的源码,因为Te

  • Android DrawableTextView图片文字居中显示实例

    在我们开发中,TextView设置Android:drawableLeft一定使用的非常多,但Drawable和Text同时居中显示可能不好控制,有没有好的办法解决呢? 小编的方案是通过自定义TextView实现. 实现的效果图: 注:第一行为原生TextView添加android:drawableLeft 第二行为自定义TextView实现的效果. 实现思路: 继承TextView,覆盖onDraw(Canvas canvas),在onDraw中先将canvas进行translate平移,再调

  • Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)

    一.需求: 标题可能写的不够全部,下面来看下图片,大家就明白是什么意思了.视频与票的图标跟在标题后面显示,当标题过长时icon显示到省略号-后(textview省略号显示,图标自动靠后). 二.问题解决 TextView可以通过 android:ellipsize="end" android:singleLine="true"实现单行省略, 但是当我们要是图标跟着文字后面,第一时间想到用LinearLayout的layout_weight 来做,但是做出来效果不一样

  • android教程之textview解析带图片的html示例

    复制代码 代码如下: public class MainActivity extends Activity { private Handler handler; private String html; private TextView tv; private ProgressBar bar; @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  s

  • Android实现TextView显示HTML加图片的方法

    本文实例讲述了Android实现TextView显示HTML加图片的方法.分享给大家供大家参考,具体如下: TextView显示网络图片,我用android2.3的系统,可以显示图片出来,并且如果图片比较大,应用会卡的现象,肯定是因为使用主线程去获取网络图片造成的,但如果我用android4.0以上的系统运行,则不能显示图片,只显示小方框. 究其原因,是在4.0的系统上执行的时候报错了,异常是:Android.os.NetworkOnMainThreadException 经过查文档,原来是4.

  • 在Android TextView中显示图片的4种方式详解

    我们知道,TextView控件一般是用来显示文本的,而图片一般是用ImageView控件来显示. 那TextView能否显示图片呢?答案是肯定的!下面列出常见的4种方式. 1.XML文件中指定属性值 这种方式应该是最常用的了,在TextView的左上右下显示图片,可用  android:drawableLeft  android:drawableTop  android:drawableRight  android:drawableBottom 比如我们要在TextView的顶部设置图片,代码如

  • Java中遍历ConcurrentHashMap的四种方式详解

    这篇文章主要介绍了Java中遍历ConcurrentHashMap的四种方式详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 方式一:在for-each循环中使用entries来遍历 System.out.println("方式一:在for-each循环中使用entries来遍历");for (Map.Entry<String, String> entry: map.entrySet()) { System.out.pr

  • Flutter控制组件显示和隐藏三种方式详解

    目录 方式一:if语句控制 方式二:Offstage组件 方式三: Visibility Offstage和Visibility的区别: 方式一:if语句控制 // 例如: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ if(a=="显示") Text("显示"), Offstage( offstage: false, child: Text("显示"), ),

  • 关于react中组件通信的几种方式详解

    前言 刚入门React可能会因为React的单向数据流的特性而遇到组件间沟通的麻烦,下面这篇文章就来给大家详细介绍下,在开始之前先来看一张图: react组件通信 需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1. 父组件向子组件通信 React数据流动是单向的,父组件向子组件通信也是最常见的;父组件通过props向子组件传递需要的信息 Child.jsx import React from 'react'; import Pro

  • CodeIgniter中使用cookie的三种方式详解

    cookie在php程序设计中应用十分广泛,本文所述CodeIgniter中使用cookie主要有以下三种方式,读者可以根据自身项目需求酌情采用. 第一种方式:采用php原生态的方法设置的cookie的值 setcookie("user_id",$user_info['user_id'],86500); setcookie("username",$user_info['username'],86500); setcookie("password"

  • Spring中实例化bean的四种方式详解

    前言 在介绍Bean的实例化的方式之前,我们首先需要介绍一下什么是Bean,以及Bean的配置方式. 如果把Spring看作一个大型工厂,那么Spring容器中的Bean就是该工厂的产品.要想使用Spring工厂生产和管理Bean,就需要在配置文件中指明需要哪些Bean,以及需要使用何种方式将这些Bean装配到一起. Spring容器支持两种格式的配置文件,分别为Properties文件格式和xml文件格式,而在实际的开发当中,最常使用的额是xml文件格式,因此在如下的讲解中,我们以xml文件格

  • Spring在代码中获取bean的几种方式详解

    方法如下 方法一:通过读取XML文件反射生成对象 方法二:通过Spring提供的utils类获取ApplicationContext对象 方法三:继承自抽象类ApplicationObjectSupport 方法四:继承自抽象类WebApplicationObjectSupport 方法五:实现接口ApplicationContextAware 方法六:通过Spring提供的ContextLoader 获取spring中bean的方式总结: 方法一:通过读取XML文件反射生成对象 Applica

  • Android ViewPager中显示图片与播放视频的填坑记录

    ViewPager介绍 ViewPager的功能就是可以使视图滑动,就像Lanucher左右滑动那样. ViewPager用于实现多页面的切换效果,该类存在于Google的兼容包android-support-v4.jar里面. ViewPager: 1)ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类. 2)ViewPager类需要一个PagerAdapter适配器类给它提供数据. 3)ViewPager经常和Fragment一起使用,并且

  • react 项目中引入图片的几种方式

    img标签引入图片 因为react其实是通过js的reader函数渲染的页面,所以直接写src="路径"是无法引入图片 我们可以像引入模块一样引入图片 import img from './../../../../asset/img/user.png' 需要用下面的方式引入 <img src={require('../images/picture.png')} alt="标签"/> 背景图片引入 1 第一种就是常规的 新建一个css文件,然后就可以直接写

  • Android 虚拟机中的内存分配与OOM问题详解

    目录 背景知识 一.Android VM的内存空间 1.查看内存的API 二.Android VM内存分配流程 小结 三.出现OOM的建议解决方案 背景知识 Android中每个App默认情况下是运行在一个独立进程中的, 而这个独立进程正是从Zygote孵化出来的VM进程, 也就是说, 也就是说每个Android APP在运行时会启动一个Java虚拟机. 并且系统会给它分配固定的内存空间(手机厂商会根据手机的配置情况来对其进行调整). 一.Android VM的内存空间 Android是一个多任

随机推荐