Come allineare DrawableLeft in alto invece al centro in Android TextView?

Question

In TextView ho impostato drawableLeft dove il numero drawable viene visualizzato dal centro. Ho bisogno di allineare il drawableLeft con la parte superiore all'interno di TextView come questa immagine.

E 'possibile raggiungere questo obiettivo?

Answer 1

È possibile utilizzare in questo modo. Che possa aiutarti.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="100dp" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" > 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:src="@drawable/ic_launcher" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/imageView1" 
     android:text=" Text Text Text Text Text Text Text Text Text Text Text Text 
     Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text" /> 
</RelativeLayout> 

Answer 2

Vedi my answer here.

È possibile allineare un composto-Disegnabile in alto (o in basso) creando un Drawable personalizzato che avvolge il Drawable e quindi manipola il disegno del Drawable personalizzato sovrascrivendo il metodo onDraw(Canvas).

L'esempio seguente è l'esempio più semplice possibile. Questo allinea l'immagine verso l'alto, ma puoi anche farlo allineare in basso, a sinistra oa destra di TextView implementando la logica richiesta nel metodo onDraw(Canvas). Potresti anche voler creare un margine nello onDraw(Canvas), per rendere perfetto il tuo pixel di implementazione della progettazione.

utilizzo Esempio:

GravityCompoundDrawable gravityDrawable = new GravityCompoundDrawable(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); 

codice di esempio:

public class GravityCompoundDrawable extends Drawable { 

    // inner Drawable 
    private final Drawable mDrawable; 

    public GravityCompoundDrawable(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(); 
    } 
} 

Answer 3

Usa SpannableString e ImageSpan per raggiungere questo obiettivo.

String msg=" "+"haii"; 
ImageSpan mImageSpan== new ImageSpan(mContext, R.drawable.icon); 
SpannableString text = new SpannableString(msg); 
text.setSpan(mImageSpan, 0, 1, 0); 
mTextView.setText(text); 

lo spazio aggiuntivo nella variabile stringa viene sostituito dall'icona.

Answer 4

penso che sia ancora più facile che tutte le risposte di cui sopra: Hai solo bisogno di fare questo:

public class TopGravityDrawable extends BitmapDrawable { 

    public TopGravityDrawable(Resources res, Bitmap bitmap) { 
     super(res, bitmap); 
    } 

    @Override 
    public void draw(Canvas canvas) { 
     int halfCanvas = canvas.getHeight()/2; 
     int halfDrawable = getIntrinsicHeight()/2; 
     canvas.save(); 
     canvas.translate(0, -halfCanvas + halfDrawable); 
     super.draw(canvas); 
     canvas.restore(); 
    } 
} 

E poi

final Bitmap bitmap = BitmapFactory.decodeResource(mTitle.getResources(), R.drawable.icon); 
icon = new TopGravityDrawable(mTitle.getResources(), bitmap); 
title.setCompoundDrawablesWithIntrinsicBounds(null, null, null, icon); 

Ricordate questo funziona correttamente solo con SINISTRA e DESTRA composti estraibili

Answer 5

si può fare così:

public class DrawableTopLeftTextView extends TextView { 

    public DrawableTopLeftTextView(Context context) { 
     super(context); 
    } 

    public DrawableTopLeftTextView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public DrawableTopLeftTextView(Context context, AttributeSet attrs, int defStyleAttr) { 
     super(context, attrs, defStyleAttr); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 

     if (!TextUtils.isEmpty(getText())) { 

      Drawable[] drawables = getCompoundDrawables(); 

      if (drawables != null) { 

       Drawable drawableLeft = drawables[0]; 

       if (drawableLeft != null) { 

        Paint.FontMetricsInt fontMetricsInt = getPaint().getFontMetricsInt(); 
        Rect bounds = new Rect(); 
        getPaint().getTextBounds((String) getText(), 0, length(), bounds); 
        int textVerticalSpace = Math.round(bounds.top - fontMetricsInt.top); 
        int offset = (getHeight() - drawableLeft.getIntrinsicHeight())/2 - textVerticalSpace - getPaddingTop()/2; 
        drawableLeft.setBounds(0, -offset, drawableLeft.getIntrinsicWidth(), drawableLeft.getIntrinsicHeight() - offset); 
       } 
      } 
     } 
     super.onDraw(canvas); 
    } 
} 

Answer 6

Se si desidera una soluzione puramente XML, è possibile utilizzare un riquadro estraibile per riposizionare il drawable desiderato.

<?xml version="1.0" encoding="utf-8"?> 
<inset 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:drawable="@drawable/actual_image_to_be_shown" 
    android:insetTop="-32dp" /> 

Potrebbe essere necessario giocare con il valore di inserto a seconda del proprio scenario. Quindi basta usare questo XML drawable nella definizione DrawableLeft/Start TextView.