在TextView中显示图像

时间:2011-11-18 15:11:01

标签: android textview

我希望在TextView中显示图像。我的图像保存在res / raw目录中。我尝试使用HTML.ImageGetter,但找不到相同的完整参考。

3 个答案:

答案 0 :(得分:14)

import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.text.Html;
import android.text.Html.ImageGetter;
import android.widget.TextView;

public class TextImageActivity extends Activity {
    int imageNumber = 1; //int to check which image is displayed
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    TextView tvText = (TextView) findViewById(R.id.text);
    final String testContent = "<html><body><b>Test</b><i>Italic</i><br/>"
            + "<img src=\"icon.png\"/>This is like testing if this thing works" + "<img src=\"a.png\"/>" +
                    " in a more elaborate</body></html>";
    tvText.setText(Html.fromHtml(testContent, imgGetter, null));
}

  private ImageGetter imgGetter = new ImageGetter() {

    public Drawable getDrawable(String source) {
            Drawable drawable = null;
            if(imageNumber == 1) {
            drawable = getResources().getDrawable(R.raw.icon);
            ++imageNumber;
            } else drawable = getResources().getDrawable(R.raw.a);
            drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable
                                    .getIntrinsicHeight());

            return drawable;
    }
 };

 }

答案 1 :(得分:3)

试试这个,这样你就不必破坏你对TextView的使用。这将允许您考虑源字符串中标记的任意数量的图像。它还允许相邻的图像,并允许空的前导或尾随文本字符串。

LinearLayout parent = //get parent layout
String input = //get input
LayoutInflater inflater = this.getLayoutInflater();
int imageIndex = input.indexOf("<image tag begin");
int endIndex = -1; //find index one past the end of the image tag
while (imageIndex > -1){
    TextView tv = inflater.inflate(R.layout.my_textview, null);
    tv.setText(input.substring(0, imageIndex));

    ImageView iv = inflater.inflate(R.layout.my_imageview, null);
    String imgTag = input.substring(imageIndex,endIndex);
    iv.setImageResource(-1); //or however you set your image from the tag

    parent.addView(tv); parent.addView(iv);

    input = input.substring(endIndex);
    }

这应该动态创建您需要的所有图像视图,并相应地解析您的输入。如果你想将源字符串存储在数据库中,那可能就好了。

如果您必须在所涉及的任何内容上设置样式/修改属性,那么在图像视图中保留文本视图和图像中的文本将使您的生活变得更加轻松。一般来说,同级视图优于将错误类型的信息/过多信息黑客攻击到一个布局元素中。

BTW,我为imageview和textview夸大了自定义XML布局,以防万一你想在它们的所有实例中提供一些自定义样式设置。您可以生成正常的Android文本视图和图像视图(如果这些足够的话)。

这是我的初始解决方案,仅适用于单个图像最大值。

String input = //whatever
boolean hasImage = //find image tag
int imageBegin = //find index where image tag begins
int imageEnd = //find index one past where image tag ends
String leadingText = input.substring(0,imageBegin);
String imageTag = input.substring(imageBegin, imageEnd);
String trailingText = input.substring(imageEnd, input.length());

((TextView)findViewById(R.id.leading_textview)).setText(leadingText);
if (hasImage){
    //use imageTag to set content of Image View)
    findViewById(R.id.image_view_id).setVisibility(View.VISIBLE);
    ((TextView)findViewById(R.id.trailing_textview)).setText(trailingText);
}
     

如果您可以嵌入多个图像,则必须这样做   动态创建ImageViews和尾随TextViews,并将它们添加到   有问题的布局的父级。

答案 2 :(得分:0)

你可以使用这个:setCompoundDrawablesWithIntrinsicBounds(int left,int top,int right,int bottom)

follow this example 你可以为textview做同样的事情