Подтвердить что ты не робот

Как вставить чертежи в текст

Я хочу вставить небольшие изображения, например, значки стрелок, в определенные положения содержимого TextView.

На приведенном ниже рисунке изображено то, что я хочу:

this is how I want to embed icons in the text

Очевидно, самым наивным решением является использование нескольких 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>
4b9b3361

ОТВЕТЫ

Ответ 1

Вы можете создать 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);

Ответ 2

Недавно был похожий вопрос, и кто-то придумал удивительное решение. Я немного изменил это немного, так что размер изображения всегда высок, как линия. Таким образом, в основном ваши значки будут масштабироваться с помощью textSize.

Шаг 1 - Создайте новый View

Создайте новый класс 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;
    }
}

Шаг 2 - Использование в макете

Теперь в вашем макете-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" />

Шаг 3 - Создание строк с значками

Как вы можете видеть в функции 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>

Выход:

enter image description here

И как уже говорилось, он будет масштабироваться с помощью textSize:

enter image description here

Как первоначально говорилось, большая часть этого сообщения взята из 18446744073709551615 answer здесь. Я думаю, что это должно быть опубликовано как библиотека, поскольку это обычный случай использования, чтобы иметь изображения в тексте.: & Л;