android mise en page: Cette balise et de ses enfants peut être remplacé par un <TextView/> et un composé drawable

Quand je les ai mise sur un fichier XML, j'obtiens ceci:

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

Ce changement doit être fait pour le code xml suivant:

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

C'est à quoi il ressemble sur l'écran:

android mise en page: Cette balise et de ses enfants peut être remplacé par un <TextView/> et un composé drawable

L'icône de la caméra est la valeur par défaut. En cliquant sur qui va donner à l'utilisateur la possibilité de choisir une autre image.

  • +1, parce que la situation semble plus complexe que ce qui peut être traitées par le composé drawable. Si vous n'aviez pas accepté Romain réponse, vous ont peut-être eu un peu plus en profondeur réponse.
InformationsquelleAutor pdilip | 2010-07-09
  1. 144

    À développer Romain Guy réponse, voici un exemple.

    Avant:

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

    Aprè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" />
    InformationsquelleAutor NPike
  2. 101

    Fusionner les TextView et la ImageView en un seul, en utilisant TextView de setCompoundDrawable*() méthodes, ou à l'aide de android:drawableLeft.

    • Pourriez-vous m'indiquer un exemple illustrant la façon dont cela peut être fait? Je ne suis pas sûr de savoir comment tous les attributs d'un ImageView peuvent être logés dans android:drawableLeft. Merci
    • Qu'en est ImageViews attributs comme scaleType ?
    • Comment puis-je augmenter l'écart entre l'image et le texte?
    • setCompoundDrawable*() ne fonctionne pas, utilisez setCompoundDrawablesWithIntrinsicbounds() à la place
    • ne sera pas prendre soin de votre drawable comme il est, vous devez appeler setBounds sur elle (voir API). Pour le réglage, vous pouvez obtenir le précédent limites à l'aide de la TextView.getCompoundDrawables(), l'accès à la bonne drawable index et enfin l'appel de getBounds().
    InformationsquelleAutor Romain Guy
  3. 18

    Pensé que je voudrais essayer d'obtenir une partie supplémentaire de puntos pour cela: vous pouvez ajouter un rembourrage entre l'image et le texte à l'aide android:drawablePadding. https://stackoverflow.com/a/6671544/1224741

    • Et vous aviez raison! +1
    InformationsquelleAutor QED
  4. 3

    Il est parfois possible de remplacer ImageView (ou de plusieurs) et TextView avec un TextView avec un composé de drawable(s). Il n'y a PAS beaucoup de paramètres qui peuvent être appliquées à des composés dessinés à l'aide des API natives et ce TextViewRichDrawable bibliothèque, mais si vous pouvez gérer un TextView au lieu d'utiliser LinearLayout vous devriez certainement utiliser.

    La liste des attributs et des paramètres qui peuvent être appliquées à composé un drawable:

    Taille: (OUI, vraiment):

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

    Même ensemble de vecteur de ressources comme drawable:

    <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 de Rembourrage à l'aide des API natives android:drawablePadding -> lien

    Voici un exemple:

    android mise en page: Cette balise et de ses enfants peut être remplacé par un <TextView/> et un composé drawable

    InformationsquelleAutor Oleksandr
  5. 2

    Un LinearLayout qui contient un ImageView et un TextView peut
    être gérées plus efficacement comme un composé drawable (un seul
    TextView, à l'aide de la drawableTop, drawableLeft, drawableRight
    et/ou drawableBottom attributs pour tirer une ou plusieurs images
    adjacent au texte).

    Si les deux widgets sont décalés les uns des autres avec des marges, ce
    peut être remplacé par un drawablePadding attribut.

    Il y a un chiffon quickfix pour effectuer cette conversion dans l'Eclipse
    plugin.

    À partir de: Android Officielle de l'API docs!

    InformationsquelleAutor ilikyar
  6. 1

    Quand j'ai suivi le code ci-dessus, le texte à l'intérieur de la TextView n'est pas réglé correctement.
    Vous devez définir à sa gravité, centre|commencer à réaliser ce que démontré dans la question posée.

    Le textview ressemble à ceci:

       <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>
    InformationsquelleAutor Vikas
  7. 0

    Si vous ne voulez pas changer l'ImageView et TextView, vous pouvez changer la version dans le AndroidManifest.xml comme:

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

    Si votre version est android:targetSdkVersion="17" changement il s "18".

    Espère que cela va permettre de corriger. Je l'ai fait et il a obtenu le droit

    InformationsquelleAutor Dunken_sai
  8. 0

    Ajouter tools:ignore="UseCompoundDrawables" à <LinearLayout>.

    InformationsquelleAutor CoolMind
  9. -2

    Une autre approche est d'intégrer la ViewImage dans un autre LinearLayout (permettre à manipuler avec seul 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" />

    • Maintenant, quel serait l'avantage de cette? Et pourquoi vous mettez-vous à l'espace de noms deux fois?
    InformationsquelleAutor Harvey Triana
  10. -4
        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>
    InformationsquelleAutor