次のような HTML タグと画像を含む JSON 文字列があります。
<center>denn.. <span class="uicon" style="background-image:url(http://static.allmystery.de/images/lachen.gif);width:15px;height:14px;" title=":)">:)</span>
ich habe immer versucht ein <small>perfektionist</small> zu sein ohne das es mir klar war.<br><br>
スマイリーを img src= "" タグに置き換えようとしましたが、ImageGetter でそれらをロードするのは面倒です。Picasso と ImageSpans で成功しました。私の質問は、HTML.fromHtml(String) を使用した後に Imagespans を追加することは可能ですか?
問題がある場合は、すべてを EditText に表示したいと思います。
編集：
誰かが EditText または TextViews で画像を表示するのと同じ問題を抱えている場合、この厄介な問題に対する私の解決策は次のとおりです。
SpannableString spannableString = new SpannableString(Html.fromHtml(text));
Pattern p = Pattern.compile(ADD REGEX TO FIND IMAGE URLS);
Matcher m = p.matcher(spannableString);
while (m.find()) {
//m.start() will give you the startlocation of the matched string
//m.end() does the same with the endlocation
//m.group(1) contains the imageurl which is captured with regex
//CustomTarget implements Target from Picasso (Imageloading library)
//holder.postText is the EditText or TextView
CustomTarget target = new CustomTarget(m.group(1), m.start(), m.end(), holder.postText, spannableString);
//add target to an ArrayList to keep a strong reference to prevent that the target gets garbage collected
// before the image is placed into the view
targets.add(target);
//load the image into the CustomTarget
Picasso picasso = Picasso.with(context);
picasso.setDebugging(true);
picasso.load(m.group(1)).into(target);
}
CustomTarget クラス:
private class CustomTarget implements Target {
String url;
int start;
int end;
WeakReference<EditText> postText;
SpannableString rawText;
public CustomTarget(String url, int start, int end, EditText postText, SpannableString rawText) {
this.url = url;
this.start = start;
this.end = end;
this.postText = new WeakReference<>(postText);
this.rawText = rawText;
}
@Override
public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
//get a weak Reference to the EditText because holder pattern in ListView will replace the View inside the holder before the Async Task is done
EditText editText = postText.get();
//Get existing ImageSpans to add them later again, if not, you will only get the last loaded image displayed
ImageSpan[] spans = editText.getText().getSpans(0, editText.length(), ImageSpan.class);
BitmapDrawable d = new BitmapDrawable(context.getResources(), bitmap);
d.setBounds(0, 0, d.getIntrinsicWidth()+5, d.getIntrinsicHeight()+5);
ImageSpan imageSpan = new ImageSpan( d, ImageSpan.ALIGN_BASELINE);
//add ImageSpan to the SpannableString
rawText.setSpan(imageSpan, start, end, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
//add previously added ImageSpans
if (spans.length >= 1) {
for (ImageSpan image: spans) {
rawText.setSpan(image, editText.getText().getSpanStart(image), editText.getText().getSpanEnd(image), Spanned.SPAN_INCLUSIVE_INCLUSIVE);
}
}
//add the edited SpannableString to the EditText
editText.setText(rawText, TextView.BufferType.SPANNABLE);
//remove target from ArrayList to allow Garbage Collection
targets.remove(this);
}
@Override
public void onBitmapFailed(Drawable errorDrawable) {
}
@Override
public void onPrepareLoad(Drawable placeHolderDrawable) {
}
}
注：画像が大きい場合は、サイズを変更する必要があります
見た目:
