Układ androida: ten znacznik i jego elementy podrzędne można zastąpić jednym <TextView /> i złożonym rysowalnym

Kiedy uruchamiam układ na określonym pliku XML, otrzymuję to:

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

Jaką zmianę należy wprowadzić dla następującego kodu 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>

Tak to wygląda na ekranie:

Ikona aparatu jest domyślna. Kliknięcie tego daje użytkownikowi możliwość wyboru innego obrazu.

Aby rozwinąć odpowiedź Romaina Guya, oto przykład.

Przed:

<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>

Po:

<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" />

Scal TextViewi ImageVieww jeden, używając setCompoundDrawable*()metod TextView lub używając android:drawableLeft.

Pomyślałem, że również do tego postaram się uzyskać dodatkowe punto: możesz dodać dopełnienie między obrazem a tekstem za pomocą android:drawablePadding. https://stackoverflow.com/a/6671544/1224741

Czasami można zamienić ImageView(lub wiele) na TextViewjeden TextViewze złożonymi rysunkami. Nie ma wielu parametrów, które można zastosować do złożonego, rysowanego za pomocą natywnego interfejsu API i tej biblioteki TextViewRichDrawable , ale jeśli możesz zarządzać jednym TextView zamiast korzystać z LinearLayout, zdecydowanie powinieneś go używać .

Lista atrybutów i parametrów, które można zastosować do złożonych rysunków:

Rozmiar: ( TAK, naprawdę ):

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

Nawet ustaw zasób wektorowy jako możliwy do rysowania:

<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" />

Drawable's Padding using natywnego API android:drawablePadding-> link

Oto przykład:

LinearLayoutKtóry zawiera ImageViewi TextViewmoże być bardziej skutecznie traktować jako rozciągliwej związek (pojedynczy TextView, za pomocą drawableTop, drawableLeft, drawableRight i / lub drawableBottomatrybutów zwrócić jeden lub więcej obrazów sąsiadujące tekście).

Jeśli dwa widgety są przesunięte względem siebie za pomocą marginesów, można to zastąpić drawablePaddingatrybutem.

We wtyczce Eclipse znajduje się szybka naprawa kłaczków do wykonania tej konwersji.

Od: Oficjalne dokumenty API Androida!

Dodaj tools:ignore="UseCompoundDrawables"do <LinearLayout>.

Kiedy postępowałem zgodnie z powyższym kodem, tekst wewnątrz TextView nie jest poprawnie ustawiany. Musisz ustawić jego grawitację na środku | zacząć osiągnąć to, co pokazano w zadanym pytaniu.

Widok tekstu wygląda następująco:

   <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>

Jeśli nie chcesz zmieniać ImageView i TextView, możesz zmienić wersję w pliku AndroidManifest.xml jako:

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

Jeśli Twoja wersja to android: targetSdkVersion = "17" zmień ją na "18".

Mam nadzieję, że to naprawi. Zrobiłem to i dobrze to zrobiłem

Innym podejściem jest osadzenie ViewImage w innym LinearLayout (pozwala obsłużyć go z samym id):

<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>