Personnalisé toast sur Android: un exemple simple

Un toast est pour montrer les messages pour de courts intervalles de temps; Donc, selon ma compréhension, si vous souhaitez le personnaliser avec l'ajout d'une image et de changer la taille, la couleur du texte du message. Si c'est tout, vous voulez faire, alors il n'est pas nécessaire de faire une mise en page distincte et de la gonfler le pain grillé instance.

La valeur par défaut Toast du point de vue contient une TextView pour montrer les messages sur elle. Donc, si nous avons la ressource de référence id de l' TextView, on peut jouer avec elle. Donc, voici ce que pouvez-vous faire pour y parvenir:

Toast toast = Toast.makeText(this, "I am custom Toast!", Toast.LENGTH_LONG);
View toastView = toast.getView(); //This'll return the default View of the Toast.

/* And now you can get the TextView of the default View of the Toast. */
TextView toastMessage = (TextView) toastView.findViewById(android.R.id.message);
toastMessage.setTextSize(25);
toastMessage.setTextColor(Color.RED);
toastMessage.setCompoundDrawablesWithIntrinsicBounds(R.mipmap.ic_fly, 0, 0, 0);
toastMessage.setGravity(Gravity.CENTER);
toastMessage.setCompoundDrawablePadding(16);
toastView.setBackgroundColor(Color.CYAN);
toast.show();

Dans le code ci-dessus vous pouvez voir, vous pouvez ajouter l'image à la TextView via setCompoundDrawablesWithIntrinsicBounds(int left, int top, int right, int bottom) selon la position par rapport à TextView vous le souhaitez.

Mise à jour:

Ont écrit un constructeur de la classe afin de simplifier le but mentionné ci-dessus, Voici le lien:
https://gist.github.com/TheLittleNaruto/6fc8f6a2b0d0583a240bd78313ba83bc

Vérifier la HowToUse.kt dans le lien ci-dessus.

De sortie:

Voir le lien ici. Vous trouverez votre solution. Et essayer:

Créer un Toast Vue

Si un simple message texte n'est pas assez, vous pouvez créer une mise en page personnalisée pour votre notification toast. Pour créer une mise en page personnalisée, définir une Vue de mise en page, au format XML ou dans le code de votre application, et de passer de la Vue de la racine de l'objet de la setView (point de Vue) de la méthode.

Par exemple, vous pouvez créer la mise en page pour le toast visible dans la capture d'écran à droite avec le code XML suivant (enregistré en tant que toast_layout.xml):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/toast_layout_root"
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="10dp"
            android:background="#DAAA"
>

    <ImageView android:id="@+id/image"
               android:layout_width="wrap_content"
               android:layout_height="fill_parent"
               android:layout_marginRight="10dp"
    />

    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="fill_parent"
              android:textColor="#FFF"
    />
</LinearLayout>

Notez que l'ID de la LinearLayout élément est "toast_layout". Vous devez utiliser cet IDENTIFIANT pour gonfler la mise en page du document XML, comme illustré ici:

 LayoutInflater inflater = getLayoutInflater();
 View layout = inflater.inflate(R.layout.toast_layout,
                                (ViewGroup) findViewById(R.id.toast_layout_root));

 ImageView image = (ImageView) layout.findViewById(R.id.image);
 image.setImageResource(R.drawable.android);
 TextView text = (TextView) layout.findViewById(R.id.text);
 text.setText("Hello! This is a custom toast!");

 Toast toast = new Toast(getApplicationContext());
 toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);
 toast.setDuration(Toast.LENGTH_LONG);
 toast.setView(layout);
 toast.show();

Tout d'abord, récupérer le LayoutInflater avec getLayoutInflater() (ou getSystemService()), puis gonfler à la mise en page à partir de XML à l'aide de gonfler(int, ViewGroup). Le premier paramètre est la mise en page ID de ressource et la deuxième est la racine de la Vue. Vous pouvez utiliser ce gonflés de mise en page pour trouver plus d'Afficher des objets dans la mise en page, donc maintenant de saisir et de définir le contenu de l'ImageView et TextView éléments. Enfin, créez un nouveau Toast avec du pain grillé(Contexte) et de définir certaines propriétés du toast, tels que la gravité et de la durée. Appelez ensuite setView(la Vue) et la passer à l'gonflé de mise en page. Vous pouvez maintenant afficher le toast avec votre mise en page personnalisée en appelant show().

Remarque: Ne pas utiliser le constructeur public pour un Toast à moins que vous allez définir la mise en page avec setView(point de Vue). Si vous ne disposez pas d'une mise en page personnalisée pour l'utiliser, vous devez utiliser makeText(Contexte, int, int) pour créer le Toast.

Je pense que la plupart des customtoast xml-exemples à travers l'Internet sont basés sur la même source.

Android documentation, ce qui est très désuet à mon avis. fill_parent ne devrait plus être utilisé. Je préfère utiliser wrap_content en combinaison avec un xml.9.png. De cette façon, vous pouvez définir la taille minimale de toastbackground tout au long de la taille de la source fournie.

Si plus complexes, des toasts sont nécessaires, le cadre ou relative de la mise en page doit être utilisé à la place de LL.

toast.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/points_layout"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/background"
    android:layout_gravity="center"
    android:gravity="center" >

 <TextView
    android:id="@+id/points_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:layout_margin="15dp"
    android:text="@+string/points_text"
    android:textColor="@color/Green" />

</LinearLayout>

background.xml

<?xml version="1.0" encoding="utf-8"?>
<nine-patch
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:src="@drawable/background_96"
   android:dither="true"/>

background_96 est background_96.9.png.

Ce n'est pas testé très bien, et des conseils sont appréciés 🙂

Mise en page personnalisée pour le toast, custom_toast.xml:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Custom Toast"
        android:gravity="center"
        android:id="@+id/custom_toast_text"
        android:typeface="serif"
        android:textStyle="bold"
        />
</LinearLayout>

Et la méthode en Java (il suffit de passer au toast message à cette méthode):

public void toast(String message)
{
    Toast toast = new Toast(context);
    View view = LayoutInflater.from(context).inflate(R.layout.image_custom, null);
    TextView textView = (TextView) view.findViewById(R.id.custom_toast_text);
    textView.setText(message);
    toast.setView(view);
    toast.setGravity(Gravity.BOTTOM|Gravity.CENTER, 0, 0);
    toast.setDuration(Toast.LENGTH_LONG);
    toast.show();
}

//Personnalisé toast de classe où vous pouvez montrer la coutume ou par défaut toast comme souhaité)

public class ToastMessage {
private Context context;
private static ToastMessage instance;
/**
* @param context
*/
private ToastMessage(Context context) {
this.context = context;
}
/**
* @param context
* @return
*/
public synchronized static ToastMessage getInstance(Context context) {
if (instance == null) {
instance = new ToastMessage(context);
}
return instance;
}
/**
* @param message
*/
public void showLongMessage(String message) {
Toast.makeText(context, message, Toast.LENGTH_SHORT).show();
}
/**
* @param message
*/
public void showSmallMessage(String message) {
Toast.makeText(context, message, Toast.LENGTH_LONG).show();
}
/**
* The Toast displayed via this method will display it for short period of time
*
* @param message
*/
public void showLongCustomToast(String message) {
LayoutInflater inflater = ((Activity) context).getLayoutInflater();
View layout = inflater.inflate(R.layout.layout_custom_toast, (ViewGroup) ((Activity) context).findViewById(R.id.ll_toast));
TextView msgTv = (TextView) layout.findViewById(R.id.tv_msg);
msgTv.setText(message);
Toast toast = new Toast(context);
toast.setGravity(Gravity.FILL_HORIZONTAL | Gravity.BOTTOM, 0, 0);
toast.setDuration(Toast.LENGTH_LONG);
toast.setView(layout);
toast.show();
}
/**
* The toast displayed by this class will display it for long period of time
*
* @param message
*/
public void showSmallCustomToast(String message) {
LayoutInflater inflater = ((Activity) context).getLayoutInflater();
View layout = inflater.inflate(R.layout.layout_custom_toast, (ViewGroup) ((Activity) context).findViewById(R.id.ll_toast));
TextView msgTv = (TextView) layout.findViewById(R.id.tv_msg);
msgTv.setText(message);
Toast toast = new Toast(context);
toast.setGravity(Gravity.FILL_HORIZONTAL | Gravity.BOTTOM, 0, 0);
toast.setDuration(Toast.LENGTH_SHORT);
toast.setView(layout);
toast.show();
}
}

Pour éviter les problèmes avec layout_* params de ne pas être correctement utilisé, vous devez assurez-vous que lorsque vous gonflez votre mise en page personnalisée que vous spécifiez correcte, ViewGroup parent.

De nombreux exemples de passer la valeur null ici, mais au lieu de cela, vous pouvez passer à l'existant Toast ViewGroup que votre parent.

val toast = Toast.makeText(this, "", Toast.LENGTH_LONG)
val layout = LayoutInflater.from(this).inflate(R.layout.view_custom_toast, toast.view.parent as? ViewGroup?)
toast.view = layout
toast.show()

Ici, nous en remplacement de l'actuel Toast vue avec notre vue personnalisée. Une fois que vous avez une référence à votre disposition "mise en page", vous pouvez mettre à jour toutes les images/texte qu'il peut contenir.

Cette solution permet aussi d'empêcher toute "la Vue n'est pas attaché à la fenêtre du gestionnaire de" plante de l'utilisation de null en tant que parent.

Aussi, évitez d'utiliser ConstraintLayout que votre mise en page personnalisée de la racine, ce qui semble ne pas fonctionner lorsqu'il est utilisé dans un Toast.

val inflater = layoutInflater
val container: ViewGroup = findViewById(R.id.custom_toast_container)
val layout: ViewGroup = inflater.inflate(R.layout.custom_toast, container)
val text: TextView = layout.findViewById(R.id.text)
text.text = "This is a custom toast"
with (Toast(applicationContext)) {
setGravity(Gravity.CENTER_VERTICAL, 0, 0)
duration = Toast.LENGTH_LONG
view = layout
show()
}
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/custom_toast_container"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="8dp"
android:background="#DAAA"
>
<ImageView android:src="@drawable/droid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="8dp"
/>
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFF"
/>
</LinearLayout>

Référence : https://developer.android.com/guide/topics/ui/notifiers/toasts