Android: TextView: Entfernen Sie Abstände und Polsterungen oben und unten

Wenn ich ein TextViewmit einem \nim Text habe, habe ich rechts zwei singleLine TextViews untereinander ohne Abstand dazwischen. Ich habe für alle drei TextViews Folgendes eingestellt .

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

Die erste Zeile links TextViewstimmt perfekt mit der oberen rechten überein TextView.

Die zweite Zeile links TextViewist etwas höher als die zweite Zeile unten rechts TextView.

Es scheint, dass es eine Art versteckte Polsterung oben und unten am TextViews gibt. Wie kann ich das entfernen?

setIncludeFontPadding (boolean includepad)

oder in XMLdiesem wäre:

android:includeFontPadding="false"

Stellen Sie ein, ob die TextViewzusätzliche obere und untere Polsterung Platz für Akzente bietet, die über den normalen Auf- und Abstieg hinausgehen. Der Standardwert ist true.

Ich fühle deinen Schmerz. Ich habe jede Antwort oben ausprobiert, einschließlich der setIncludeFontPaddingzu falschen, die nichts für mich getan hat.

Meine Lösung? layout_marginBottom="-3dp"auf der TextViewgibt Ihnen eine Lösung für den Boden, BAM!

Obwohl -3dp on layout_marginTopfehlschlägt .... ugh.

Ich habe viel nach der richtigen Antwort gesucht, aber keine, wo ich eine Antwort finden konnte, die genau die gesamte Polsterung aus der entfernen konnte TextView, aber schließlich, nachdem ich das offizielle Dokument durchgesehen hatte, bekam ich eine Lösung für einzeilige Texte

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

Das Hinzufügen dieser beiden Zeilen zu TextViewXML erledigt die Arbeit.
Das erste Attribut entfernt den für Akzente reservierten Abstand und das zweite Attribut entfernt den reservierten Abstand, um den richtigen Abstand zwischen zwei Textzeilen aufrechtzuerhalten.

lineSpacingExtra="0dp"Stellen Sie sicher, dass Sie keine mehrzeilige Textansicht hinzufügen, da dies das Erscheinungsbild möglicherweise ungeschickt macht

Wenn Sie AppCompatTextView(oder ab API 28) verwenden, können Sie die Kombination dieser beiden Attribute verwenden, um den Abstand in der ersten Zeile zu entfernen:

XML

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

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

Das ärgerte mich auch und die Antwort, die ich fand, war, dass tatsächlich zusätzlicher Platz in der Schriftart selbst vorhanden ist, nicht in der Textansicht. Aufgrund des Hintergrunds der Dokumentveröffentlichung ist es ziemlich irritierend, wie wenig Kontrolle Sie mit Android über typografische Elemente haben. Ich würde empfehlen, eine benutzerdefinierte Schriftart zu verwenden (z. B. Bitstream Vera Sans, die für die Weiterverteilung lizenziert ist), bei der dieses Problem möglicherweise nicht auftritt. Ich bin mir jedoch nicht sicher, ob dies der Fall ist oder nicht.

Sie können versuchen, dieses Attribut (ConstraintLayout) zu verwenden:layout_constraintBaseline_toBaselineOf

So was:

App: layout_constraintBaseline_toBaselineOf = "@ + id / textView"

Ich entferne den Abstand in meiner benutzerdefinierten Ansicht - 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>

Mit einer zusätzlichen ImageView können wir die TextView so einstellen, dass sie an der ImageView ausgerichtet ist, und die festlegen android:baselineAlignBottom auf der ImageView auf true setzen, wodurch die Grundlinie von ImageView nach unten verschoben wird. Andere Ansichten können sich am unteren Rand der ImageView ausrichten, was der Grundlinie der TextView entspricht.

Dies fixiert jedoch nur die Polsterung unten, nicht die Oberseite.

Ich denke, dieses Problem kann folgendermaßen gelöst werden:

 <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" />

Das sind die Ergebnisse:

Screenshot-1

Screenshot-3

Obwohl die Zeile der Sonderzeichen in rightLowerText etwas höher aussieht als die zweite Zeile von leftText, sind ihre Basislinien weiterhin ausgerichtet.

Da meine Anforderung darin besteht, die vorhandene textView zu überschreiben findViewById(getResources().getIdentifier("xxx", "id", "android"));, kann ich es nicht einfach versuchenonDraw() andere Antwort .

Aber ich finde nur die richtigen Schritte heraus, um mein Problem zu beheben. Hier ist das Endergebnis von Layout Inspector:

Da ich nur die oberen Leerzeichen entfernen wollte, muss ich keine andere Schriftart auswählen, um die unteren Leerzeichen zu entfernen.

Hier ist der kritische Code, um das Problem zu beheben:

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

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

myTextView.setIncludeFontPadding(false);

Der erste Schlüssel ist die benutzerdefinierte Schriftart "fonts / myCustomFont.otf", die den Platz unten, aber nicht oben hat. Sie können dies leicht herausfinden, indem Sie die otf-Datei öffnen und auf eine beliebige Schriftart in Android Studio klicken:

Wie Sie sehen können, hat der Cursor unten einen zusätzlichen Abstand, aber nicht oben, sodass mein Problem behoben wurde.

Der zweite Schlüssel ist, dass Sie den Code nicht einfach überspringen können , da er sonst möglicherweise nicht funktioniert. Das ist der Grund, warum einige Leute kommentieren, dass eine Antwort funktioniert, und andere kommentieren, dass sie nicht funktioniert.

Lassen Sie uns veranschaulichen, was passieren wird, wenn ich einen von ihnen entferne.

Ohne setTypeface(mfont);:

Ohne setPadding(0, 0, 0, 0);:

Ohne setIncludeFontPadding(false);:

Ohne 3 von ihnen (dh das Original):

Das einzige was funktioniert hat ist

android:lineSpacingExtra="-8dp"

Einfache Methode funktioniert:

setSingleLine();
setIncludeFontPadding(false);

Wenn es nicht funktioniert hat, versuchen Sie, dies über dem Code hinzuzufügen:

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

Wenn Sie mehrere Zeilen benötigen, müssen Sie möglicherweise die Höhe des Auffüllens oben und unten über die temporäre TextView-Zeile (vor und nach dem Entfernen des Auffüllens) genau berechnen und dann das Ergebnis zum Verringern der Höhe mit negativem Auffüllen oder ein Ghost-Layout mit translate Y anwenden. Lol

XML aktualisiert

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

Möglicherweise möchten Sie versuchen, den unteren Rand der linken Textansicht am unteren Rand der zweiten rechten Textansicht auszurichten.

Meines Wissens ist dies den meisten Widgets eigen, und das Ausmaß der "Auffüllung" ist bei den Telefonherstellern unterschiedlich. Diese Auffüllung ist ein wirklich weißer Raum zwischen dem Bildrand und dem Bild in der 9-Patch-Bilddatei.

Zum Beispiel erhalten Spinner-Widgets auf meinem Droid X mehr Leerraum als Schaltflächen, was es unangenehm macht, wenn Sie einen Spinner inline mit einer Schaltfläche haben, aber auf dem Telefon meiner Frau hat dieselbe Anwendung nicht das gleiche Problem und sieht großartig aus!

Der einzige Vorschlag, den ich hätte, ist, eigene 9 Patch-Dateien zu erstellen und diese in Ihrer Anwendung zu verwenden.

Ahhh die Schmerzen, die Android sind.

Bearbeitet: Polsterung gegen Leerraum klären.

Dieser Trick hat bei mir funktioniert (für min-sdk> = 18 ).

Ich benutzte android:includeFontPadding="false"und eine negative Marge wie android:layout_marginTop="-11dp"und legte meine TextViewinnen ein FrameLayout( oder eine beliebige Viewgroup ... )

und schließlich Beispielcodes:

<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>

Sieh dir das an:

Richten Sie ImageView horizontal mit EditText aus

Es scheint, dass das Hintergrundbild von EditText einige transparente Pixel enthält, die auch eine Auffüllung hinzufügen.

Eine Lösung besteht darin, den Standardhintergrund von EditText in etwas anderes zu ändern (oder nichts, aber kein Hintergrund für einen EditText ist wahrscheinlich nicht akzeptabel). Das kann gemacht werden, indem das XML-Attribut android: background eingestellt wird.

android:background="@drawable/myEditBackground"

Einfach benutzen

android:padding="0dp"

Verwenden Sie dies in Ihrer ImageView-XML

android: adjustViewBounds = "true"