diseño de Android: esta etiqueta y sus elementos secundarios se pueden reemplazar por un <TextView /> y un elemento de diseño compuesto

Cuando ejecuto el diseño en un archivo XML específico, obtengo esto:

 This tag and its children can be replaced by one <TextView/> 
and a compound drawable

Qué cambio se debe hacer para el siguiente código xml:

<LinearLayout android:id="@+id/name_layout"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:background="@drawable/grouplist_single_left_grey_area" >
                <ImageView android:id="@+id/photo_image"
                    android:layout_width="@dimen/thumbnail_width"
                    android:layout_height="@dimen/thumbnail_height"
                    android:paddingBottom="5dip"
                    android:paddingTop="5dip"
                    android:paddingRight="5dip"
                    android:paddingLeft="5dip"
                    android:layout_marginRight="5dip"
                    android:clickable="true"
                    android:focusable="true"
                    android:scaleType="fitCenter"
                    android:src="@*android:drawable/nopicture_thumbnail"
                    android:background="@drawable/photo_highlight" />
                <TextView android:id="@+id/name"
                    android:paddingLeft="5dip"
                    android:layout_weight="1"
                    android:layout_width="0dip"
                    android:layout_height="wrap_content"
                    android:gravity="center_vertical"
                    android:textAppearance="?android:attr/textAppearanceLarge" />
            </LinearLayout>

Así es como se ve en la pantalla:

El icono de la cámara es el predeterminado. Al hacer clic en eso, el usuario tendrá la opción de elegir otra imagen.

Para ampliar la respuesta de Romain Guy, aquí hay un ejemplo.

Antes de:

<LinearLayout 
android:layout_width="fill_parent"
android:layout_height="wrap_content" 
android:layout_marginTop="10dp"  
android:padding="5dp" >

<TextView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="My Compound Button" />

<ImageView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/my_drawable" />
</LinearLayout>

Después:

<TextView  
    android:layout_marginTop="10dp"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:text="My Compound Button" 
    android:drawableRight="@drawable/my_drawable" android:padding="5dp" />

Combine el TextViewy el ImageViewen uno, utilizando los setCompoundDrawable*()métodos de TextView o utilizando android:drawableLeft.

Pensé que también trataría de obtener algunos puntos adicionales para esto: puede agregar relleno entre la imagen y el texto usando android:drawablePadding. https://stackoverflow.com/a/6671544/1224741

A veces es posible reemplazar ImageView(o múltiples) y TextViewcon uno TextViewcon dibujables compuestos. NO hay muchos parámetros que se pueden aplicar al dibujable compuesto usando la API nativa y esta biblioteca TextViewRichDrawable , pero si puede administrar un TextView en lugar de usar LinearLayout, definitivamente debería usarlo .

La lista de atributos y parámetros que se pueden aplicar a los elementos de diseño compuestos:

Tamaño: ( SÍ, de verdad ):

<com.tolstykh.textviewrichdrawable.TextViewRichDrawable
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Some text"
    app:compoundDrawableHeight="24dp"
    app:compoundDrawableWidth="24dp"/>

Incluso establezca el recurso vectorial como dibujable:

<com.tolstykh.textviewrichdrawable.TextViewRichDrawable
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Some text"
    app:drawableTopVector="@drawable/some_vector_drawble"
    app:drawableEndVector="@drawable/another_vector_drawable" />

Relleno de Drawable usando API nativa android:drawablePadding-> enlace

Aquí hay un ejemplo:

A LinearLayoutque contiene un ImageViewy una TextViewse puede manejar de manera más eficiente como un estirable compuesto (una sola TextView, utilizando el drawableTop, drawableLeft, drawableRight y / o drawableBottomatributos para dibujar una o más imágenes adyacentes para el texto).

Si los dos widgets están desplazados entre sí con márgenes, esto se puede reemplazar con un drawablePaddingatributo.

Hay una solución rápida de pelusa para realizar esta conversión en el complemento Eclipse.

De: Documentos API oficiales de Android!

Agregar tools:ignore="UseCompoundDrawables"a <LinearLayout>.

Cuando seguí el código anterior, el texto dentro de TextView no se configura correctamente. Debe establecer su gravedad en el centro | comenzar para lograr lo que se muestra en la pregunta formulada.

La vista de texto se ve así:

   <TextView
        android:id="@+id/export_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:drawableLeft="@drawable/up_arrow"
        android:drawableStart="@drawable/up_arrow"
        android:gravity="center|start"
        android:text="....."
        android:textSize="@dimen/font_size15" >
    </TextView>

Si no desea cambiar ImageView y TextView, puede cambiar la versión en AndroidManifest.xml como:

    <uses-sdk`
    android:minSdkVersion="8"
    android:targetSdkVersion="18" 
    />

Si su versión es android: targetSdkVersion = "17" cámbiela "18".

Espero que esto se rectifique. Lo hice y lo hice bien

Otro enfoque es incrustar ViewImage en otro LinearLayout (permite manejarlo con una sola identificación):

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >    
        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/blue_3"
            android:layout_gravity="center_horizontal"
            android:paddingTop="16dp" />
    </LinearLayout>
    <TextView 
        android:id="@+id/tvPrompt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:paddingTop="16dp"
        android:text="@string/xy" />

    This tag and its children can be replaced by one <TextView/> and a compound drawable



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

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:contentDescription="."
        android:padding="3dp" 
        android:src="@drawable/tab_home_btn">
    </ImageView>

    <TextView
        android:id="@+id/textview"       
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="首页"
        android:textSize="10sp"
        android:textColor="#ffffff">
    </TextView>

</LinearLayout>