Я хочу вставить небольшие изображения, например, значки стрелок, в определенные положения содержимого TextView.
На приведенном ниже рисунке изображено то, что я хочу:
Очевидно, самым наивным решением является использование нескольких TextView по обе стороны от маленьких объектов ImageView. Но это слишком трудоемко и дилетантски.
Мне любопытно узнать, кто-то преодолел эту проблему с помощью простого, но умного трюка. (Возможно, с помощью HTML-кода, который я не эксперт или внешняя библиотека)
Любое эффективное решение очень ценится.
Я использую метод reVerse и получаю эту ошибку:
08-21 18:28:43.740: E/AndroidRuntime(4610): FATAL EXCEPTION: main
08-21 18:28:43.740: E/AndroidRuntime(4610): java.lang.NullPointerException
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.style.DynamicDrawableSpan.getSize(DynamicDrawableSpan.java:81)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.TextLine.handleReplacement(TextLine.java:842)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.TextLine.handleRun(TextLine.java:937)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.TextLine.measureRun(TextLine.java:414)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.TextLine.measure(TextLine.java:293)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.TextLine.metrics(TextLine.java:267)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.Layout.measurePara(Layout.java:1556)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.Layout.getDesiredWidth(Layout.java:87)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.text.Layout.getDesiredWidth(Layout.java:67)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.TextView.onMeasure(TextView.java:6168)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.LinearLayout.measureHorizontal(LinearLayout.java:1034)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.LinearLayout.onMeasure(LinearLayout.java:590)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.RelativeLayout.measureChildHorizontal(RelativeLayout.java:681)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.RelativeLayout.onMeasure(RelativeLayout.java:461)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.RelativeLayout.measureChildHorizontal(RelativeLayout.java:681)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.RelativeLayout.onMeasure(RelativeLayout.java:461)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.ScrollView.measureChildWithMargins(ScrollView.java:1217)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.FrameLayout.onMeasure(FrameLayout.java:310)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.ScrollView.onMeasure(ScrollView.java:321)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4825)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.FrameLayout.onMeasure(FrameLayout.java:310)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4825)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.LinearLayout.measureChildBeforeLayout(LinearLayout.java:1404)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.LinearLayout.measureVertical(LinearLayout.java:695)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.LinearLayout.onMeasure(LinearLayout.java:588)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewGroup.measureChildWithMargins(ViewGroup.java:4825)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.widget.FrameLayout.onMeasure(FrameLayout.java:310)
08-21 18:28:43.740: E/AndroidRuntime(4610): at com.android.internal.policy.impl.PhoneWindow$DecorView.onMeasure(PhoneWindow.java:2176)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.View.measure(View.java:15518)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewRootImpl.performMeasure(ViewRootImpl.java:1876)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewRootImpl.measureHierarchy(ViewRootImpl.java:1089)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1265)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:989)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:4353)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.Choreographer$CallbackRecord.run(Choreographer.java:760)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.Choreographer.doCallbacks(Choreographer.java:573)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.Choreographer.doFrame(Choreographer.java:543)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:746)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.os.Handler.handleCallback(Handler.java:725)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.os.Handler.dispatchMessage(Handler.java:92)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.os.Looper.loop(Looper.java:137)
08-21 18:28:43.740: E/AndroidRuntime(4610): at android.app.ActivityThread.main(ActivityThread.java:5041)
08-21 18:28:43.740: E/AndroidRuntime(4610): at java.lang.reflect.Method.invokeNative(Native Method)
08-21 18:28:43.740: E/AndroidRuntime(4610): at java.lang.reflect.Method.invoke(Method.java:511)
08-21 18:28:43.740: E/AndroidRuntime(4610): at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793)
08-21 18:28:43.740: E/AndroidRuntime(4610): at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560)
08-21 18:28:43.740: E/AndroidRuntime(4610): at dalvik.system.NativeStart.main(Native Method)
И это мой XML-макет:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<RelativeLayout
android:background="@drawable/background"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<ImageView
android:id="@+id/nav_left"
android:layout_marginLeft="15dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="false"
android:clickable="true"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:src="@drawable/leftnav" />
<ImageView
android:id="@+id/nav_right"
android:layout_marginRight="15dp"
android:focusable="false"
android:clickable="true"
android:visibility="visible"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/rightnav" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="@dimen/padding_vertical"
android:paddingBottom="@dimen/padding_vertical"
android:paddingLeft="@dimen/padding_horizontal"
android:paddingRight="@dimen/padding_horizontal"
>
<TextView
android:id="@+id/textView_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:fontFamily="sans-serif-light"
android:textSize="32sp"
android:textColor="@android:color/holo_blue_bright"
android:text="Large Text For Header"
android:textAppearance="?android:attr/textAppearanceLarge" />
<LinearLayout
android:layout_marginTop="20dp"
android:id="@+id/linear_layout_text_img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/textView_header"
android:orientation="horizontal" >
<com.iseemedia.mguide.model.TextViewWithImages
android:id="@+id/textView_body"
android:layout_width="0dp"
android:layout_weight="0.7"
android:layout_height="wrap_content"
android:text="@string/aaa"
android:textAppearance="?android:attr/textAppearanceMedium" />
<ImageView
android:id="@+id/imageView_body"
android:layout_width="0dp"
android:layout_weight="0.3"
android:layout_height="wrap_content"
android:src="@drawable/myapp" />
</LinearLayout>
<ImageView
android:id="@+id/imageView_whole_page"
android:layout_below="@id/linear_layout_text_img"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />
<ListView
android:id="@+id/listView_title_description"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_below="@+id/imageView_whole_page"
android:layout_centerHorizontal="true" >
</ListView>
<TableLayout
android:layout_below="@id/listView_title_description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:stretchColumns="1">
<TableRow>
<TextView
android:background="@drawable/table_header_cell_shape"
android:layout_width="0dp"
android:layout_column="1"
android:textSize="@dimen/table_cell_text_size"
android:text="@string/type"
android:layout_weight="0.33"
android:padding="3dip" />
<TextView
android:background="@drawable/table_header_cell_shape"
android:layout_width="0dp"
android:layout_weight="1"
android:text="@string/format"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_header_cell_shape"
android:text="@string/encoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_column="1"
android:background="@drawable/table_header_cell_shape"
android:text="@string/decoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_header_cell_shape"
android:layout_column="1"
android:text="@string/specifications"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_header_cell_shape"
android:text="@string/supporrting_file_types"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_width="0dp"
android:layout_weight="0.33"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/type"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/format"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/encoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_column="1"
android:background="@drawable/table_cell_shape"
android:text="@string/decoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/specifications"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/supporrting_file_types"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_width="0dp"
android:layout_weight="0.33"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/type"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/format"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/encoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_column="1"
android:background="@drawable/table_cell_shape"
android:text="@string/decoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/specifications"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/supporrting_file_types"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_width="0dp"
android:layout_weight="0.33"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/type"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/format"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/encoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_column="1"
android:background="@drawable/table_cell_shape"
android:text="@string/decoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/specifications"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/supporrting_file_types"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_width="0dp"
android:layout_weight="0.33"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/type"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/format"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/encoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_column="1"
android:background="@drawable/table_cell_shape"
android:text="@string/decoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/specifications"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/supporrting_file_types"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_width="0dp"
android:layout_weight="0.33"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/type"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/format"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/encoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_column="1"
android:background="@drawable/table_cell_shape"
android:text="@string/decoder"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:layout_column="1"
android:text="@string/specifications"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:background="@drawable/table_cell_shape"
android:text="@string/supporrting_file_types"
android:textSize="@dimen/table_cell_text_size"
android:padding="3dip" />
</TableRow>
</TableLayout>
</RelativeLayout>
</RelativeLayout>
</ScrollView>
Вы можете создать SpannableString и добавить любой объект в строку
TextView textView = (TextView) findViewById(R.id.textView);
ImageSpan imageSpan = new ImageSpan(this, R.drawable.ic_launcher);
SpannableString spannableString = new SpannableString(textView.getText());
int start = 3;
int end = 4;
int flag = 0;
spannableString.setSpan(imageSpan, start, end, flag);
textView.setText(spannableString);
Недавно был похожий вопрос, и кто-то придумал удивительное решение. Я немного изменил это немного, так что размер изображения всегда высок, как линия. Таким образом, в основном ваши значки будут масштабироваться с помощью textSize.
Создайте новый класс Java, который расширяет TextView
public class TextViewWithImages extends TextView {
public TextViewWithImages(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public TextViewWithImages(Context context, AttributeSet attrs) {
super(context, attrs);
}
public TextViewWithImages(Context context) {
super(context);
}
@Override
public void setText(CharSequence text, BufferType type) {
Spannable s = getTextWithImages(getContext(), text, this.getLineHeight());
super.setText(s, BufferType.SPANNABLE);
}
private static final Spannable.Factory spannableFactory = Spannable.Factory.getInstance();
private static boolean addImages(Context context, Spannable spannable, float height) {
Pattern refImg = Pattern.compile("\\Q[img src=\\E([a-zA-Z0-9_]+?)\\Q/]\\E");
boolean hasChanges = false;
Matcher matcher = refImg.matcher(spannable);
while (matcher.find()) {
boolean set = true;
for (ImageSpan span : spannable.getSpans(matcher.start(), matcher.end(), ImageSpan.class)) {
if (spannable.getSpanStart(span) >= matcher.start()
&& spannable.getSpanEnd(span) <= matcher.end()
) {
spannable.removeSpan(span);
} else {
set = false;
break;
}
}
String resName = spannable.subSequence(matcher.start(1), matcher.end(1)).toString().trim();
int id = context.getResources().getIdentifier(resName, "drawable", context.getPackageName());
Drawable mDrawable = context.getResources().getDrawable(id);
mDrawable.setBounds(0, 0, (int)height, (int)height);
if (set) {
hasChanges = true;
spannable.setSpan( new ImageSpan(mDrawable),
matcher.start(),
matcher.end(),
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
);
}
}
return hasChanges;
}
private static Spannable getTextWithImages(Context context, CharSequence text, float height) {
Spannable spannable = spannableFactory.newSpannable(text);
addImages(context, spannable, height);
return spannable;
}
}
Теперь в вашем макете-xml просто используйте класс TextViewWithImages
<com.stacko.examples.TextViewWithImages
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="14sp"
android:text="@string/my_string_with_icons" />
Как вы можете видеть в функции addImages(...) класса TextViewWithImages, для добавления изображений используется специальный шаблон ([img src=my_icon/]) в строке.
Итак, вот пример:
<string name="my_string_with_icons">The [img src=ic_action_trash/] is used to delete an item while the [img src=ic_action_edit/] is to edit one.</string>
Выход:
И как уже говорилось, он будет масштабироваться с помощью textSize:
Как первоначально говорилось, большая часть этого сообщения взята из 18446744073709551615 answer здесь. Я думаю, что это должно быть опубликовано как библиотека, поскольку это обычный случай использования, чтобы иметь изображения в тексте.: & Л;
Опция заключается в использовании WebView вместо TextView. Это также позволяет отображать изображения из папки вашего ресурса.
Подробнее см. Разработка Android: использование образа из активов в HTML WebView.