Android: TextView: Hapus spasi dan bantalan di bagian atas dan bawah

Ketika saya memiliki TextViewdengan \ndalam teks ,, di sebelah kanan saya memiliki dua singleLine TextView, satu di bawah yang lain tanpa spasi di antaranya. Saya telah menetapkan yang berikut untuk ketiganya TextView.

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

Baris pertama dari TextViewgaris kiri naik dengan sempurna dengan kanan atas TextView.

Baris kedua kiri TextViewsedikit lebih tinggi dari baris kedua kanan bawah TextView.

Tampaknya ada semacam bantalan tersembunyi di bagian atas dan bawah TextViews. Bagaimana saya bisa menghapusnya?

setIncludeFontPadding (boolean includepad)

atau XMLini akan menjadi:

android:includeFontPadding="false"

Tetapkan apakah TextViewtermasuk padding ekstra atas dan bawah untuk memberikan ruang bagi aksen yang melampaui pendakian dan penurunan normal. Default-nya benar.

Aku merasakan sakitmu. Saya sudah mencoba setiap jawaban di atas, termasuk setIncludeFontPaddingke false, yang tidak membantu saya.

Solusi saya? layout_marginBottom="-3dp"pada bagian TextViewmemberi Anda solusi untuk bagian bawah, BAM!

Meskipun, -3dp aktif layout_marginTopgagal .... ugh.

Saya mencari banyak jawaban yang tepat tetapi tidak ada tempat saya dapat menemukan Jawaban yang bisa menghilangkan semua padding dari TextView, tetapi akhirnya setelah melalui dokumen resmi mendapat pekerjaan untuk Single Line Texts

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

Menambahkan dua baris ini ke TextViewxml akan berhasil.
Atribut pertama menghilangkan padding yang dicadangkan untuk aksen dan atribut kedua menghilangkan spasi yang disediakan untuk mempertahankan ruang yang tepat di antara dua baris teks.

Pastikan untuk tidak menambahkan lineSpacingExtra="0dp"TextView multiline karena dapat membuat penampilan menjadi kikuk

Jika Anda menggunakan AppCompatTextView(atau dari API 28depan), Anda dapat menggunakan kombinasi kedua atribut tersebut untuk menghapus spasi di baris pertama:

XML

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

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

Ini mengganggu saya juga, dan jawaban yang saya temukan adalah bahwa sebenarnya ada ruang tambahan di font itu sendiri, bukan TextView. Agak menyebalkan, berasal dari latar belakang penerbitan dokumen, terbatasnya kontrol yang Anda miliki dengan Android atas elemen tipografi. Saya akan merekomendasikan menggunakan jenis huruf khusus (seperti Bitstream Vera Sans, yang dilisensikan untuk redistribusi) yang mungkin tidak memiliki masalah ini. Saya tidak yakin secara spesifik apakah itu benar atau tidak.

Anda dapat mencoba menggunakan atribut ini (ConstraintLayout):layout_constraintBaseline_toBaselineOf

Seperti ini:

app: layout_constraintBaseline_toBaselineOf = "@ + id / textView"

Saya menghapus spasi dalam tampilan kustom saya - 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>

Dengan ImageView tambahan kita dapat mengatur TextView menjadi garis dasar sejajar dengan ImageView dan mengatur android:baselineAlignBottompada ImageView menjadi true, yang akan membuat garis dasar ImageView ke bawah. Tampilan lain dapat menyelaraskan dirinya menggunakan bagian bawah ImageView yang itu sendiri sama dengan garis dasar TextView.

Namun ini hanya memperbaiki bagian bawah bantalan bukan bagian atas.

Saya pikir masalah ini dapat diselesaikan dengan cara ini:

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

Itulah hasilnya:

ScreenShot-1

ScreenShot-3

Meskipun garis karakter khusus di rightLowerText terlihat sedikit lebih tinggi daripada baris kedua dari leftText, garis dasarnya tetap sejajar.

Karena persyaratan saya menggantikan textView yang ada findViewById(getResources().getIdentifier("xxx", "id", "android"));, maka saya tidak bisa mencoba onDraw()jawaban lain.

Tapi saya baru saja mencari tahu langkah yang tepat untuk memperbaiki masalah saya, berikut ini adalah hasil akhir dari Inspektur Tata Letak:

Karena yang saya inginkan hanyalah menghapus spasi teratas, jadi saya tidak perlu memilih font lain untuk menghapus spasi bawah.

Ini kode penting untuk memperbaikinya:

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

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

myTextView.setIncludeFontPadding(false);

Kunci pertama adalah mengatur font "fonts / myCustomFont.otf" khusus yang memiliki ruang di bagian bawah tetapi tidak di bagian atas, Anda dapat dengan mudah mengetahuinya dengan membuka file otf dan mengklik font apa saja di android Studio:

Seperti yang Anda lihat, kursor di bagian bawah memiliki spasi tambahan tetapi tidak di bagian atas, jadi itu memperbaiki masalah saya.

Kunci kedua adalah Anda tidak bisa melewatkan kode apa pun , jika tidak, kode itu mungkin tidak berfungsi. Itulah alasan Anda dapat menemukan beberapa orang berkomentar bahwa jawaban itu berfungsi dan beberapa orang lain berkomentar bahwa itu tidak berfungsi.

Mari kita ilustrasikan apa yang akan terjadi jika saya menghapus salah satunya.

Tanpa setTypeface(mfont);:

Tanpa setPadding(0, 0, 0, 0);:

Tanpa setIncludeFontPadding(false);:

Tanpa 3 dari mereka (yaitu yang asli):

Satu-satunya hal yang berhasil adalah

android:lineSpacingExtra="-8dp"

XML yang diperbarui

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

Metode sederhana berhasil:

setSingleLine();
setIncludeFontPadding(false);

Jika tidak berhasil, cobalah untuk menambahkan ini di atas kode itu:

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

Jika Anda membutuhkan multi baris, mungkin Anda harus menghitung dengan tepat tinggi bantalan atas dan bawah melalui temp satu baris TextView (sebelum dan sesudah menghapus bantalan), lalu menerapkan penurunan hasil tinggi dengan bantalan negatif atau beberapa Tata Letak Hantu dengan menerjemahkan Y. Lol

Anda mungkin ingin mencoba menyelaraskan bagian bawah tampilan teks kiri dengan bagian bawah tampilan teks kanan ke-2.

Sepengetahuan saya ini melekat pada sebagian besar widget dan jumlah "padding" berbeda di antara produsen ponsel. Padding ini benar-benar ruang putih antara batas gambar dan gambar di file gambar 9 patch.

Sebagai contoh pada Droid X saya, widget pemintal mendapatkan ruang putih ekstra dari tombol, yang membuatnya terlihat canggung ketika Anda memiliki pemintal segaris dengan sebuah tombol, namun pada telepon istri saya aplikasi yang sama tidak memiliki masalah yang sama dan tampak hebat!

Satu-satunya saran yang saya miliki adalah membuat 9 file tambalan Anda sendiri dan menggunakannya dalam aplikasi Anda.

Ahhh rasa sakit itu adalah Android.

Diedit: Clarify padding vs white space.

Trik ini berhasil untuk saya (untuk min-SDK> = 18 ).

Saya menggunakan android:includeFontPadding="false"dan margin negatif suka android:layout_marginTop="-11dp"dan meletakkan TextViewbagian dalam saya FrameLayout( atau ViewGroup lainnya ... )

dan akhirnya kode sampel:

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

Lihat ini:

Luruskan ImageView dengan EditText secara horizontal

Tampaknya gambar latar belakang EditText memiliki beberapa piksel transparan yang juga menambahkan padding.

Solusi adalah mengubah latar belakang default EditText ke sesuatu yang lain (atau tidak sama sekali, tetapi tidak ada latar belakang untuk EditText mungkin tidak dapat diterima). Itu bisa dibuat pengaturan android: atribut XML latar belakang.

android:background="@drawable/myEditBackground"

Cukup gunakan

android:padding="0dp"

Gunakan ini di ImageView xml Anda

android: adjustViewBounds = "true"