Android: TextView: Usuń odstępy i wypełnienia u góry iu dołu

Kiedy mam TextViewz \nw tekście ,, po prawej mam dwie singleLine TextViews, jeden pod drugim bez odstępu pomiędzy nimi. Dla wszystkich trzech ustawiłem następujące TextView.

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

Pierwsza linia lewej TextViewlinii idealnie pokrywa się z prawym górnymTextView .

Druga linia po lewej stronie TextView jest nieco wyższa niż druga linia w prawym dolnym rogu TextView.

Wygląda na to, że na górze i na dole TextViews znajduje się ukryta wyściółka . Jak mogę to usunąć?

setIncludeFontPadding (boolean includepad)

lub w XMLtym byłoby:

android:includeFontPadding="false"

Ustaw, czy ma TextViewzawierać dodatkową górną i dolną wyściółkę, aby zrobić miejsce na akcenty, które przekraczają normalne wejście i zejście. Domyślnie jest to prawda.

Czuję twój ból. Próbowałem wszystkich odpowiedzi powyżej, w tymsetIncludeFontPadding fałszywe, które nic dla mnie nie zrobiły.

Moje rozwiązanie? layout_marginBottom="-3dp"naTextView dole daje rozwiązanie na dole, BAM!

Chociaż -3dp layout_marginTopnie powiedzie się ... ugh.

Dużo szukałem prawidłowej odpowiedzi, ale nie znalazłem odpowiedzi, która mogłaby dokładnie usunąć wszystkie wypełnienia z TextView, ale w końcu po przejrzeniu oficjalnego dokumentu udało mi się znaleźć tekst dla pojedynczej linii

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

Dodanie tych dwóch linii do TextViewxml wykona pracę.
Pierwszy atrybut usuwa dopełnienie zarezerwowane dla akcentów, a drugi atrybut usuwa odstępy zarezerwowane, aby zachować odpowiednią przestrzeń między dwoma wierszami tekstu.

Pamiętaj, aby nie dodawać lineSpacingExtra="0dp"multilinii TextView, ponieważ może to spowodować, że wygląd będzie niezręczny

Jeśli używasz AppCompatTextView(lub API 28odtąd), możesz użyć kombinacji tych 2 atrybutów, aby usunąć odstępy w pierwszym wierszu:

XML

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

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

To mnie również zirytowało, a odpowiedź znalazłem, że w samej czcionce jest więcej miejsca, a nie TextView. Jest to dość irytujące, biorąc pod uwagę tło publikowania dokumentów, ograniczoną kontrolę Androida nad elementami typograficznymi. Polecam użycie niestandardowego kroju pisma (takiego jak Bitstream Vera Sans, który jest licencjonowany do redystrybucji), który może nie mieć tego problemu. Nie jestem jednak pewien, czy tak się dzieje.

Możesz spróbować użyć tego atrybutu (ConstraintLayout):layout_constraintBaseline_toBaselineOf

Lubię to:

aplikacja: layout_constraintBaseline_toBaselineOf = "@ + id / textView"

Usuwam odstępy w moim widoku niestandardowym - 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>

Dzięki dodatkowemu ImageView możemy ustawić TextView tak, aby był wyrównany do linii bazowej z ImageView i ustawić android:baselineAlignBottom na ImageView wartość true, co spowoduje, że linia podstawowa ImageView będzie na dole. Inne widoki mogą się wyrównywać za pomocą dolnej krawędzi ImageView, która sama jest taka sama jak linia bazowa TextView.

To jednak naprawia tylko dolne wypełnienie, a nie górne.

Myślę, że ten problem można rozwiązać w następujący sposób:

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

Oto wyniki:

ScreenShot-1

ScreenShot-3

Chociaż linia znaków specjalnych w rightLowerText wygląda nieco wyżej niż druga linia leftText, ich linie bazowe są nadal wyrównane.

Ponieważ moim wymaganiem jest zastąpienie istniejącego textView findViewById(getResources().getIdentifier("xxx", "id", "android"));, więc nie mogę po prostu spróbować onDraw()innej odpowiedzi.

Ale po prostu wymyślam właściwe kroki, aby rozwiązać mój problem, oto końcowy wynik Inspektora układu:

Ponieważ chciałem po prostu usunąć górne spacje, więc nie muszę wybierać innej czcionki, aby usunąć dolne spacje.

Oto krytyczny kod, aby to naprawić:

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

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

myTextView.setIncludeFontPadding(false);

Pierwszym kluczem jest ustawienie niestandardowej czcionki „fonts / myCustomFont.otf”, która ma miejsce na dole, ale nie na górze, możesz łatwo to odkryć, otwierając plik otf i klikając dowolną czcionkę w Android Studio:

Jak widać, kursor na dole ma dodatkowe odstępy, ale nie na górze, więc rozwiązało to mój problem.

Drugim kluczem jest to, że nie możesz po prostu pominąć żadnego kodu , w przeciwnym razie może nie działać. To jest powód, dla którego niektórzy ludzie komentują, że odpowiedź działa, a inni komentują, że nie działa.

Zilustrujmy, co się stanie, jeśli usunę jeden z nich.

Bez setTypeface(mfont);:

Bez setPadding(0, 0, 0, 0);:

Bez setIncludeFontPadding(false);:

Bez 3 z nich (tj. Oryginału):

Jedyne, co zadziałało, to

android:lineSpacingExtra="-8dp"

Zaktualizowany XML

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

Działa prosta metoda:

setSingleLine();
setIncludeFontPadding(false);

Jeśli to nie zadziałało, spróbuj dodać to powyżej tego kodu:

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

Jeśli potrzebujesz wielu linii, być może będziesz musiał dokładnie obliczyć wysokość dopełniania u góry iu dołu za pomocą temp. Pojedynczej linii TextView (przed i po usunięciu dopełniania), a następnie zastosuj wynik zmniejszenia wysokości z ujemnym dopełnieniem lub układem duchów z tłumaczeniem Y. Lol

Możesz spróbować wyrównać dolną część lewego tekstu z dolną częścią drugiego prawego tekstu.

Według mojej wiedzy jest to nieodłączne dla większości widżetów, a ilość „wypełnienia” różni się w zależności od producenta telefonu. To dopełnienie jest naprawdę białą przestrzenią między ramką obrazu a obrazem w pliku obrazu z 9 poprawkami.

Na przykład na moim Droid X widżety obrotowe mają dodatkową białą przestrzeń niż przyciski, co sprawia, że ​​wygląda to niezręcznie, gdy masz pokrętło w linii z przyciskiem, ale na telefonie mojej żony ta sama aplikacja nie ma tego samego problemu i wygląda świetnie!

Jedyną sugestią, którą chciałbym mieć, jest utworzenie własnych 9 plików łatek i użycie ich w swojej aplikacji.

Ach, bóle, które są na Androida.

Edytowano: Wyjaśnienie dopełnienia vs białe spacje.

Ta sztuczka zadziałała dla mnie (dla min-sdk> = 18 ).

Użyłem android:includeFontPadding="false"i ujemny margines jak android:layout_marginTop="-11dp"i umieściłem TextVieww FrameLayout( lub dowolnej grupie ViewGroup ... )

i na koniec przykładowe kody:

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

Zobacz:

Wyrównaj ImageView z EditText w poziomie

Wygląda na to, że obraz tła EditText ma przezroczyste piksele, które również dodają dopełnienie.

Rozwiązaniem jest zmiana domyślnego tła EditText na coś innego (lub nic, ale żadne tło dla EditText jest prawdopodobnie niedopuszczalne). Można to zrobić, ustawiając atrybut android: tło XML.

android:background="@drawable/myEditBackground"

Po prostu użyj

android:padding="0dp"

Użyj tego w swoim ImageView xml

android: adjustViewBounds = "true"