Название в TextView с изображением

Question

У меня есть TextView определяется следующим образом:

<TextView 
    android:id="@+id/message" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" 
    android:textSize="16dp" 
    android:textStyle="bold" 
    android:textColor="#000000" 
    android:gravity="center" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="27dp" 
    android:background="@drawable/text_pop_up" 
    android:clickable="true" 
    android:onClick="onClick" /> 

Моя конечная цель состоит в том, чтобы разделить эту TextView на два.

Это идеальный проект, который я пытаюсь достичь (красное изображение - это изображение). Пожалуйста, посоветуйте мне как я мог бы заниматься этим?

Answer 1

вы можете использовать android:drawableLeft/Right/Top/Bottom разместить растяжимой в вашем TextView. Это очень похоже как TextView и ImageView. для регулировки положения Drawable вы можете использовать android:drawablePadding="10dp" Fe

<TextView 
    android:id="@+id/message" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" 
    android:textSize="16dp" 
    android:textStyle="bold" 
    android:textColor="#000000" 
    android:gravity="center" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="27dp" 

    android:drawableLeft="@drawable/text_pop_up" 
    android:drawablePadding="10dp" 

    android:clickable="true" 
    android:onClick="onClick" /> 

Для текста ниже этого TextView я бы предложил использовать второй TextView для независимого форматирования обоих текстов.

Вы можете использовать LinearLayout и поместить оба TextViews в качестве дочерних элементов.

Answer 2

Используйте андроид: drawableLeft приписывать установить изображение на левую сторону текстового поля

Answer 3

Вы можете сделать что-то вроде:

<?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <TextView 
     android:id="@+id/title" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="27dp" 
     android:clickable="true"   
     android:drawableLeft="@drawable/ic_launcher"   
     android:gravity="center_vertical" 
     android:onClick="onClick"   
     android:textColor="#000000" 
     android:text="Sample" 
     android:textSize="16dp" 
     android:textStyle="bold" /> 

    <!-- separator --> 

    <include layout="@layout/separator"/> 

    <TextView 
     android:id="@+id/message" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"   
     android:layout_marginBottom="27dp" 
     android:clickable="true" 
     android:onClick="onClick"   
     android:textColor="#000000" 
     android:text="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." 
     android:textSize="16dp" 
     /> 

</LinearLayout> 

, в котором

android:drawableLeft будет работать как ImageView отображается изображение слева от текста.

И android:text отобразит заголовок рядом с изображением.

Во втором TextView будет отображаться сообщение под изображением и названием.

Оба они будут размещены в LinearLayout с orientation, установленными как vertical.

Вы можете использовать следующий код в качестве разделителя между двумя TextViews:

res/separotor.xml 

<?xml version="1.0" encoding="utf-8"?> 
<View xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/separator" 
     android:layout_width="match_parent" 
     android:layout_height="1dip" 
     android:background="@color/black"> 
</View>