Android: TextView: supprimer l'espacement et le rembourrage en haut et en bas

Quand j'ai un TextViewavec un \ndans le texte, à droite j'ai deux singleLine TextViews, l'un en dessous de l'autre sans aucun espacement entre les deux. J'ai défini ce qui suit pour les trois TextViews.

android:lineSpacingMultiplier="1" 
android:lineSpacingExtra="0pt" 
android:paddingTop="0pt" 
android:paddingBottom="0pt"

La première ligne de la gauche TextViews'aligne parfaitement avec le haut à droite TextView.

La deuxième ligne de gauche TextViewest un peu plus haute que la deuxième ligne en bas à droite TextView.

Il semble qu'il y ait une sorte de rembourrage caché en haut et en bas du TextViews. Comment puis-je supprimer cela?

setIncludeFontPadding (boolean includepad)

ou dans XMLce serait:

android:includeFontPadding="false"

Définissez si le TextViewrembourrage supérieur et inférieur supplémentaire comprend pour faire de la place aux accents qui dépassent la montée et la descente normales. La valeur par défaut est vraie.

Je ressens ta douleur. J'ai essayé toutes les réponses ci-dessus, y compris le setIncludeFontPaddingfaux, ce qui n'a rien fait pour moi.

Ma solution? layout_marginBottom="-3dp"sur le TextViewvous donne une solution pour le fond, BAM!

Bien que -3dp sur layout_marginTopéchoue .... ugh.

J'ai beaucoup cherché la bonne réponse, mais je n'ai trouvé aucune réponse qui pourrait exactement supprimer tout le rembourrage du TextView, mais finalement après avoir parcouru le document officiel, j'ai trouvé un moyen de contourner les textes sur une seule ligne.

android:includeFontPadding="false"
android:lineSpacingExtra="0dp"

L'ajout de ces deux lignes à TextViewxml fera le travail.
Le premier attribut supprime le remplissage réservé aux accents et le deuxième attribut supprime l'espacement réservé pour maintenir un espace approprié entre deux lignes de texte.

Assurez-vous de ne pas ajouter lineSpacingExtra="0dp"de TextView multiligne car cela pourrait rendre l'apparence maladroite

Si vous utilisez AppCompatTextView(ou à API 28partir de maintenant), vous pouvez utiliser la combinaison de ces 2 attributs pour supprimer l'espacement sur la première ligne:

XML

android:firstBaselineToTopHeight="0dp"
android:includeFontPadding="false"

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

Cela m'a énervé aussi, et la réponse que j'ai trouvée était qu'il y a en fait de l'espace supplémentaire dans la police elle-même, pas dans TextView. C'est assez irritant, venant d'un arrière-plan de publication de documents, le peu de contrôle que vous avez avec Android sur les éléments typographiques. Je recommanderais d'utiliser une police de caractères personnalisée (telle que Bitstream Vera Sans, qui est autorisée pour la redistribution) qui peut ne pas avoir ce problème. Je ne sais pas exactement si oui ou non, cependant.

Vous pouvez essayer d'utiliser cet attribut (ConstraintLayout):layout_constraintBaseline_toBaselineOf

Comme ça:

application: layout_constraintBaseline_toBaselineOf = "@ + id / textView"

Je supprime l'espacement dans ma vue personnalisée - NoPaddingTextView.

https://github.com/SenhLinsh/NoPaddingTextView

package com.linsh.nopaddingtextview;

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

/**
 * Created by Senh Linsh on 17/3/27.
 */

public class NoPaddingTextView extends TextView {

    private int mAdditionalPadding;

    public NoPaddingTextView(Context context) {
        super(context);
        init();
    }


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

    private void init() {
        setIncludeFontPadding(false);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        int yOff = -mAdditionalPadding / 6;
        canvas.translate(0, yOff);
        super.onDraw(canvas);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        getAdditionalPadding();

        int mode = MeasureSpec.getMode(heightMeasureSpec);
        if (mode != MeasureSpec.EXACTLY) {
            int measureHeight = measureHeight(getText().toString(), widthMeasureSpec);

            int height = measureHeight - mAdditionalPadding;
            height += getPaddingTop() + getPaddingBottom();
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    private int measureHeight(String text, int widthMeasureSpec) {
        float textSize = getTextSize();

        TextView textView = new TextView(getContext());
        textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
        textView.setText(text);
        textView.measure(widthMeasureSpec, 0);
        return textView.getMeasuredHeight();
    }

    private int getAdditionalPadding() {
        float textSize = getTextSize();

        TextView textView = new TextView(getContext());
        textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
        textView.setLines(1);
        textView.measure(0, 0);
        int measuredHeight = textView.getMeasuredHeight();
        if (measuredHeight - textSize > 0) {
            mAdditionalPadding = (int) (measuredHeight - textSize);
            Log.v("NoPaddingTextView", "onMeasure: height=" + measuredHeight + " textSize=" + textSize + " mAdditionalPadding=" + mAdditionalPadding);
        }
        return mAdditionalPadding;
    }
}

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/baselineImage"
        android:includeFontPadding="false" />

    <ImageView
        android:id="@+id/baselineImage"
        android:layout_width="1dp"
        android:layout_height="1dp"
        android:baselineAlignBottom="true"
        android:layout_alignParentBottom="true" />

    <!-- This view will be exactly 10dp below the baseline of textView -->
    <View
        android:id="@+id/view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_below="@+id/baselineImage" />

</RelativeLayout>

Avec une ImageView supplémentaire, nous pouvons définir TextView pour qu'il soit aligné sur la ligne de base avec ImageView et définir la valeur android:baselineAlignBottomde ImageView sur true, ce qui rendra la ligne de base d'ImageView au fond. D'autres vues peuvent s'aligner en utilisant le bas de l'ImageView qui lui-même est identique à la ligne de base de TextView.

Cela ne fixe cependant que le bas du rembourrage et non le haut.

Je pense que ce problème peut être résolu de cette façon:

 <TextView
        android:id="@+id/leftText"
        android:includeFontPadding="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30dp"
        android:text="Hello World!\nhello world" />

 <TextView
        android:id="@+id/rightUpperText"
        android:includeFontPadding="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/leftText"
        android:layout_alignTop="@+id/leftText"
        android:textSize="30dp"
        android:text="Hello World!" />

 <TextView
        android:id="@+id/rightLowerText"
        android:includeFontPadding="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/leftText"
        android:layout_below="@+id/rightUpperText"
        android:textSize="30dp"
        android:text="hello world" />

Voilà les résultats:

ScreenShot-1

ScreenShot-3

Bien que la ligne de caractères spéciaux dans rightLowerText semble un peu plus élevée que la deuxième ligne de leftText, leurs lignes de base sont toujours alignées.

Étant donné que mon exigence est de remplacer le textView existant findViewById(getResources().getIdentifier("xxx", "id", "android"));, je ne peux donc pas simplement essayer une onDraw()autre réponse.

Mais je viens de comprendre les étapes correctes pour résoudre mon problème, voici le résultat final de Layout Inspector:

Puisque ce que je voulais, c'est simplement supprimer les espaces supérieurs, donc je n'ai pas à choisir une autre police pour supprimer les espaces inférieurs.

Voici le code critique pour le corriger:

Typeface mfont = Typeface.createFromAsset(getResources().getAssets(), "fonts/myCustomFont.otf");
myTextView.setTypeface(mfont);

myTextView.setPadding(0, 0, 0, 0);

myTextView.setIncludeFontPadding(false);

La première clé est la police personnalisée "fonts / myCustomFont.otf" qui a l'espace en bas mais pas en haut, vous pouvez facilement le comprendre en ouvrant le fichier otf et en cliquant sur n'importe quelle police dans Android Studio:

Comme vous pouvez le voir, le curseur en bas a un espacement supplémentaire mais pas en haut, donc cela a résolu mon problème.

La deuxième clé est que vous ne pouvez pas simplement ignorer le code , sinon cela pourrait ne pas fonctionner. C'est la raison pour laquelle vous pouvez trouver certaines personnes commenter qu'une réponse fonctionne et d'autres personnes commentent que cela ne fonctionne pas.

Illustrons ce qui se passera si j'en supprime un.

Sans setTypeface(mfont);:

Sans setPadding(0, 0, 0, 0);:

Sans setIncludeFontPadding(false);:

Sans 3 d'entre eux (c'est-à-dire l'original):

La seule chose qui a fonctionné est

android:lineSpacingExtra="-8dp"

XML mis à jour

android:fontFamily="monospace"
android:includeFontPadding="false"

Une méthode simple a fonctionné:

setSingleLine();
setIncludeFontPadding(false);

Si cela n'a pas fonctionné, essayez d'ajouter ceci au-dessus de ce code:

setLineSpacing(0f,0f);
// and set padding and margin to 0

Si vous avez besoin de plusieurs lignes, vous devrez peut-être calculer exactement la hauteur du rembourrage en haut et en bas via TextView ligne unique temporaire (avant et après la suppression du rembourrage), puis appliquez le résultat de la diminution de la hauteur avec un rembourrage négatif ou une disposition fantôme avec la traduction Y. Lol

Vous voudrez peut-être essayer d'aligner le bas de la vue de texte gauche avec le bas de la 2e vue de texte droite.

À ma connaissance, cela est inhérent à la plupart des widgets et la quantité de "rembourrage" diffère selon les fabricants de téléphones. Ce remplissage est vraiment un espace blanc entre la bordure de l'image et l'image dans le fichier d'image de 9 patchs.

Par exemple sur mon Droid X, les widgets de spinner obtiennent un espace blanc supplémentaire par rapport aux boutons, ce qui le rend gênant lorsque vous avez un spinner en ligne avec un bouton, mais sur le téléphone de ma femme, la même application n'a pas le même problème et a fière allure!

La seule suggestion que j'aurais est de créer vos propres 9 fichiers de patch et de les utiliser dans votre application.

Ahhh les douleurs qui sont Android.

Modifié: clarifier le rembourrage par rapport à l'espace blanc.

Cette astuce a fonctionné pour moi (pour min-sdk> = 18 ).

J'ai utilisé android:includeFontPadding="false"et une marge négative comme android:layout_marginTop="-11dp"et mis mon à l' TextViewintérieur d'un FrameLayout( ou tout ViewGroup ... )

et enfin des exemples de codes:

<LinearLayout
    android:layout_width="60dp"
    android:layout_height="wrap_content"
    >

    <TextView
        style="@style/MyTextViews.Bold"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/yellow"
        android:textSize="48sp"
        android:layout_marginTop="-11dp"
        android:includeFontPadding="false"
        tools:text="1"/>
</LinearLayout>

Regarde ça:

Aligner ImageView avec EditText horizontalement

Il semble que l'image d'arrière-plan de EditText comporte des pixels transparents qui ajoutent également un remplissage.

Une solution consiste à remplacer l'arrière-plan par défaut de EditText par autre chose (ou rien, mais aucun arrière-plan pour un EditText n'est probablement pas acceptable). Cela peut être fait en définissant l'attribut XML android: background.

android:background="@drawable/myEditBackground"

Utilisez simplement

android:padding="0dp"

Utilisez-le dans votre xml ImageView

android: adjustViewBounds = "true"