TextView set DrawableRight/Left ... Ausrichtung

Question

Ich habe einige TextViews mit Zeichen auf der linken Seite. Layout:

  <android.support.v7.widget.CardView 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="@dimen/card_margin"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="vertical" 
       android:padding="@dimen/detail_padding">     

       <TextView 
        android:id="@+id/location" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="@dimen/title_margin" 
        android:drawableLeft="@drawable/ic_location" 
        android:drawablePadding="@dimen/drawable_padding" 
        android:drawableStart="@drawable/ic_location" /> 

       <TextView 
        android:id="@+id/status" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="@dimen/title_margin" 
        android:drawableLeft="@drawable/ic_status" 
        android:drawablePadding="@dimen/drawable_padding" 
        android:drawableStart="@drawable/ic_status"/> 

       <TextView 
        android:id="@+id/description" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="@dimen/title_margin" 
        android:drawableLeft="@drawable/ic_description" 
        android:drawablePadding="@dimen/drawable_padding" 
        android:drawableStart="@drawable/ic_description"/> 
      </LinearLayout> 
     </android.support.v7.widget.CardView> 

Screenshot:

Wenn der Text zu groß ist, steht Symbol in der Mitte der Textview. Ich möchte das Symbol oben auf Textansicht ausrichten. Ist es möglich?

Answer 1

Sie müssen das Layout als RelativeLayout halten

<android.support.v7.widget.CardView 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="@dimen/card_margin"> 
     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:padding="@dimen/detail_padding">     
      <TextView 
       android:id="@+id/location" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="@dimen/title_margin" 
       android:drawableLeft="@drawable/ic_location" 
       android:drawablePadding="@dimen/drawable_padding" 
       android:drawableStart="@drawable/ic_location" /> 
      <TextView 
       android:id="@+id/status" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="@dimen/title_margin" 
       android:drawableLeft="@drawable/ic_status" 
       android:drawablePadding="@dimen/drawable_padding" 
       android:drawableStart="@drawable/ic_status"/> 
      <TextView 
       android:id="@+id/description" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="@dimen/title_margin" 
       android:drawableLeft="@drawable/ic_description" 
       android:drawablePadding="@dimen/drawable_padding" 
       android:drawableStart="@drawable/ic_description"/> 
     </RelativeLayout> 
    </android.support.v7.widget.CardView> 

Answer 2

Sie

android:layout_toRightOf="@+id/imageId" 

auf der Textview einstellen und

android:layout_alignParentLeft="true" 

auf das Bild.

hoffe das hilft.

Answer 3

Verwenden Sie einfach Image

<?xml version="1.0" encoding="utf-8"?> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:padding="@dimen/detail_padding"> 

    <TextView 
     android:id="@+id/location" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="@dimen/title_margin" 
     android:drawableLeft="@drawable/ic_location" 
     android:drawablePadding="@dimen/drawable_padding" 
     android:drawableStart="@drawable/ic_location" /> 

    <TextView 
     android:id="@+id/status" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="@dimen/title_margin" 
     android:drawableLeft="@drawable/ic_status" 
     android:drawablePadding="@dimen/drawable_padding" 
     android:drawableStart="@drawable/ic_status" /> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginRight="@dimen/drawable_padding" 
      android:src="@drawable/ic_description" /> 

     <TextView 
      android:id="@+id/description" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="@dimen/title_margin" /> 
    </LinearLayout> 
</LinearLayout> 

Answer 4

Dafür tun müssen Sie eine benutzerdefinierte Drawable erstellen, die Ihre Drawable Wraps, und dann die Zeichnung der benutzerdefinierten Drawable manipulieren durch Überschreiben der Methode onDraw (Canvas).

Es gibt ein Beispiel unten. Dadurch wird das Bild nach oben ausgerichtet, Sie können es jedoch auch am unteren, linken oder rechten Rand von TextView ausrichten, indem Sie die erforderliche Logik in der onDraw (Canvas) -Methode implementieren. Vielleicht möchten Sie auch einen Rand in der OnDraw (Canvas) erstellen, um Ihre Design-Implementierung Pixel perfekt zu machen.

Verwendungsbeispiel:

GravityTopDrawable gravityDrawable = new GravityTopDrawable(innerDrawable); 
// NOTE: next 2 lines are important! 
innerDrawable.setBounds(0, 0, innerDrawable.getIntrinsicWidth(), innerDrawable.getIntrinsicHeight()); 
gravityDrawable.setBounds(0, 0, innerDrawable.getIntrinsicWidth(), innerDrawable.getIntrinsicHeight()); 
mTextView.setCompoundDrawables(gravityDrawable, null, null, null); 

Beispielcode:

public class GravityTopDrawable extends Drawable { 

    // inner Drawable 
    private final Drawable mDrawable; 

    public GravityTopDrawable(Drawable drawable) { 
     mDrawable = drawable; 
    } 

    @Override 
    public int getIntrinsicWidth() { 
     return mDrawable.getIntrinsicWidth(); 
    } 

    @Override 
    public int getIntrinsicHeight() { 
     return mDrawable.getIntrinsicHeight(); 
    } 

    @Override 
    public void draw(Canvas canvas) { 
     int halfCanvas= canvas.getHeight()/2; 
     int halfDrawable = mDrawable.getIntrinsicHeight()/2; 

     // align to top 
     canvas.save(); 
     canvas.translate(0, -halfCanvas + halfDrawable); 
     mDrawable.draw(canvas); 
     canvas.restore(); 
    } 
}