Comment créer un TextView personnalisé ?

Question

J'essaie de créer une vue de texte personnalisée dont la police est définie à partir d'un chemin donné. Veuillez me fournir un exemple et me dire comment je peux le faire avec moins de code :

<TextView
   android:id="@+id/textView2"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="@string/accountInfoText"
   android:textColor="#727272"
   android:textSize="18dp" />

Answer 1

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.widget.TextView;

public class FontTextView extends TextView {

    public FontTextView(Context context) {
      super(context);
      Typeface face=Typeface.createFromAsset(context.getAssets(), "Helvetica_Neue.ttf"); 
      this.setTypeface(face); 
    }

    public FontTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
     Typeface face=Typeface.createFromAsset(context.getAssets(), "Helvetica_Neue.ttf"); 
  this.setTypeface(face); 
    }

    public FontTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
     Typeface face=Typeface.createFromAsset(context.getAssets(), "Helvetica_Neue.ttf"); 
  this.setTypeface(face); 
    }

    protected void onDraw (Canvas canvas) {
        super.onDraw(canvas);
        
       
    }

}

et en xml :

<com.util.FontTextView
                    android:id="@+id/textView2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/accountInfoText"
                    android:textColor="#727272"
                    android:textSize="18dp" />

Answer 2

Créer une vue personnalisée pour Textview .

1. Effectuez l'entrée dans le attrs.xml et donner une option pour sélectionner la police comme une liste dans le fichier personnalisé. TextView .

   ....

2. Créez l'entrée enum avec une liste de polices et attribuez des valeurs uniques.

3. Faites des entrées de toutes les polices dans strings.xml

   Roboto-Bold Roboto-Medium Roboto-Light Roboto-Régulier Roboto-mince Roboto-Italique

4. Créez un dossier d'actifs et copiez toutes les polices nécessaires que vous souhaitez placer dans le dossier des polices.

5. Créer une classe étendant TextView

   import android.content.Context;
   import android.content.res.TypedArray;
   import android.graphics.Typeface;
   import android.util.AttributeSet;
   import android.widget.TextView;
   
   /**
   * Created by ANKIT 
   */
   public class CustomFontTextView extends TextView {
   
   String customFont;
   
   public CustomFontTextView(Context context, AttributeSet attrs) {
       super(context, attrs);
       style(context, attrs);
   }
   
   public CustomFontTextView(Context context, AttributeSet attrs, int defStyle) {
       super(context, attrs, defStyle);
       style(context, attrs);
   
   }
   
   private void style(Context context, AttributeSet attrs) {
   
       TypedArray a = context.obtainStyledAttributes(attrs,
               R.styleable.CustomFontTextView);
       int cf = a.getInteger(R.styleable.CustomFontTextView_fontName, 0);
       int fontName = 0;
       switch (cf)
       {
           case 1:
               fontName = R.string.Roboto_Bold;
               break;
           case 2:
               fontName = R.string.Roboto_Italic;
               break;
           case 3:
               fontName = R.string.Roboto_Light;
               break;
           case 4:
               fontName = R.string.Roboto_Medium;
               break;
           case 5:
               fontName = R.string.Roboto_Regular;
               break;
           case 6:
               fontName = R.string.Roboto_Thin;
               break;
           default:
               fontName = R.string.Roboto_Regular;
               break;
       }
   
       customFont = getResources().getString(fontName);
   
       Typeface tf = Typeface.createFromAsset(context.getAssets(),
               "font/" + customFont + ".ttf");
       setTypeface(tf);
       a.recycle();
   }
   }

Vous pouvez utiliser cette classe personnalisée de cette façon. utiliser votre packageName.ClassName

 <ankit.com.customui.CustomFontTextView
  android:layout_width="match_parent"
  android:text="Hello World Ankit"
  android:textSize="16sp"
  app:fontName="Roboto_Medium"
  android:layout_height="wrap_content"/>

ajouter le styleable ci-dessous dans res/values/attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CustomFontTextView">
        <attr name="fontName" format="string" />
    </declare-styleable>
</resources>

Answer 3

Si vous écrivez en Kotlin, voici comment vous pouvez le faire. Tout d'abord, ajoutez votre police à l'élément police dossier. Ensuite, créez une classe Kotlin distincte. Appelez-la comme suit HeadlineTextView (ou quelque chose qui donne une indication sur la fonction du TextView).

class HeadlineTextView(context: Context, attributeSet: AttributeSet) : AppCompatTextView(context, attributeSet) {

  init {
      applyFont()
  }

  private fun applyFont() {
    val headlineTypeface: Typeface=Typeface.create("Montserrat", Typeface.NORMAL)
    typeface=headlineTypeface
  }

}

Utilisez maintenant cette vue de texte personnalisée dans votre XML. Remplacez ceci -

<TextView
   android:id="@+id/textView2"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="@string/accountInfoText"
   android:textColor="#727272"
   android:textSize="18dp" />

Avec ce

<com.gmail.something.myapp.HeadlineTextView
   android:id="@+id/textView2"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="@string/accountInfoText"
   android:textColor="#727272"
   android:textSize="18dp" />