Android: TextView: Видаліть відстань і накладки зверху і внизу

Якщо у мене є текст TextViewз a \nв тексті ,, праворуч у мене є два singleLine TextViews, один нижче іншого, без проміжків між ними. Я встановив наступне для всіх трьох TextViewс.

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

Перший рядок лівої TextViewлінії ідеально поєднується з правою верхньою TextView.

Другий рядок зліва TextViewтрохи вище другого рядка праворуч внизу TextView.

Здається, вгорі і внизу є якась прихована підкладка TextView. Як я можу це зняти?

setIncludeFontPadding (boolean includepad)

або в XMLцьому буде:

android:includeFontPadding="false"

Встановіть, чи TextViewвключає додаткові накладки на верхній і нижній частині, щоб звільнити місця для акцентів, які виходять за рамки звичайного підйому та спуску. За замовчуванням вірно.

Я відчуваю твій біль. Я випробував кожну відповідь вище, включаючи setIncludeFontPaddingпомилкову, яка нічого не зробила для мене.

Моє рішення? layout_marginBottom="-3dp"з TextViewподарунками дає вам рішення на дно, БАМ!

Хоча, -3dp на провал layout_marginTop.... тьфу.

Я багато шукав належної відповіді, але не там, де я міг би знайти відповідь, який би міг точно видалити всі підкладки з TextView , але, нарешті, після проходження офіційного документа отримав розмову для текстових текстових рядків

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

Додавання цих двох рядків до TextViewxml зробить роботу.
Перший атрибут видаляє прокладку, зарезервовану для наголосів, а другий атрибут видаляє інтервал, зарезервований для збереження належного простору між двома рядками тексту.

Переконайтеся, що не додавати lineSpacingExtra="0dp"багаторядковий TextView, оскільки це може зробити вигляд незграбним

Якщо ви користуєтесь AppCompatTextView(або API 28далі), ви можете використовувати комбінацію цих двох атрибутів, щоб видалити пробіл у першому рядку:

XML

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

Котлін

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

Це мене також дратувало, і я знайшов відповідь, що насправді в самому шрифті є додатковий простір, а не TextView. Це дуже дратує, оскільки ви бачите обмежений обсяг контролю над типографічними елементами Android, який має Android. Я рекомендую використовувати спеціальний шрифт (наприклад, Bitstream Vera Sans, який має ліцензію на перерозподіл), який може не мати цієї проблеми. Я конкретно не впевнений, чи це робить, чи ні.

Ви можете спробувати використовувати цей атрибут (ConstraintLayout):layout_constraintBaseline_toBaselineOf

Подобається це:

додаток: layout_constraintBaseline_toBaselineOf = "@ + id / textView"

Я видаляю інтервал у моєму власному представленні - 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>

За допомогою додаткового ImageView ми можемо встановити TextView для базової лінії, вирівняної з ImageView, і встановити android:baselineAlignBottomна ImageView справжню, що зробить базову лінію ImageView внизу. Інші представлення даних можуть вирівняти себе, використовуючи нижню частину ImageView, яка сама є такою ж, як і базову лінію TextView.

Однак це фіксує лише нижню частину прокладки, а не верхню частину.

Я думаю, що цю проблему можна вирішити таким чином:

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

Це результати:

ScreenShot-1

ScreenShot-3

Хоча рядок спеціальних символів у rightLowerText виглядає трохи вище, ніж другий рядок зліваText, їхні базові лінії викладені врівень.

Оскільки моя вимога переосмислює наявний textView findViewById(getResources().getIdentifier("xxx", "id", "android"));, то я не можу просто спробувати onDraw()іншу відповідь.

Але я просто з'ясував правильні кроки, щоб вирішити свою проблему, ось кінцевий результат від інспектора макета:

Оскільки те, що я хотів, - це просто видалити верхні пробіли, тому мені не потрібно вибирати інший шрифт, щоб видалити пробіли внизу.

Ось критичний код для його виправлення:

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

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

myTextView.setIncludeFontPadding(false);

Першим ключем є встановлений спеціальний шрифт "fonts / myCustomFont.otf", який має простір внизу, але не вгорі, ви можете легко зрозуміти це, відкривши файл otf і натисніть будь-який шрифт в android Studio:

Як бачите, курсор знизу має додатковий інтервал, але не вгорі, тому він вирішив мою проблему.

Другий ключ - ви не можете просто пропустити будь-який код , інакше він може не працювати. Ось чому ви можете виявити, що деякі люди коментують, що відповідь працює, а інші люди коментують, що вона не працює.

Давайте проілюструємо, що буде, якщо я видалю одну з них.

Без setTypeface(mfont);:

Без setPadding(0, 0, 0, 0);:

Без setIncludeFontPadding(false);:

Без 3 з них (тобто оригінал):

Єдине, що працювало, це

android:lineSpacingExtra="-8dp"

Оновлений XML

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

Простий метод працював:

setSingleLine();
setIncludeFontPadding(false);

Якщо це не спрацювало, спробуйте додати це вище цього коду:

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

Якщо вам потрібна багаторядкова лінія, можливо, вам потрібно буде точно обчислити висоту оббивки зверху і знизу за допомогою одного рядка temp TextView (до та після видалення прокладки), а потім застосувати результат зменшення висоти за допомогою негативного прокладки або деякого макета Ghost з перекладом Y. Лол

Ви можете спробувати вирівняти нижню частину подання лівого тексту з нижньою частиною 2-го правого тексту.

Наскільки мені відомо, це властиво більшості віджетів, і кількість «прокладки» відрізняється у виробників телефонів. Ця підкладка - це дійсно пробіл між рамкою зображення та зображенням у файлі зображень 9 патчів.

Наприклад, на моєму Droid X віджети спінеру отримують додаткове пробіл, ніж кнопки, тому це виглядає незручно, коли у вас є спінер, вбудований кнопкою, але на телефоні моєї дружини це ж додаток не має такої ж проблеми і виглядає чудово!

Єдина пропозиція, яку я мав би, - це створити власні 9 патч-файлів та використовувати їх у своїй програмі.

Ахх, болі Android.

Відредаговано: Уточнення прокладки та пробілу.

Цей трюк спрацював для мене (для min-sdk> = 18 ).

Я використав android:includeFontPadding="false"і негативний запас, як android:layout_marginTop="-11dp"і вставте TextViewвсередину FrameLayout( або будь-яку ViewGroup ... )

і, нарешті, вибіркові коди:

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

Дивіться це:

Вирівняйте ImageView за допомогою EditText горизонтально

Здається, що фонове зображення EditText має кілька прозорих пікселів, які також додають набивання.

Рішення полягає в тому, щоб змінити фон за замовчуванням EditText на щось інше (або нічого, але жоден фон для EditText, ймовірно, не прийнятний). Для цього можна встановити атрибут android: background XML.

android:background="@drawable/myEditBackground"

Просто використовуйте

android:padding="0dp"

Використовуйте це у вашому ImageView xml

android: prilagodViewBounds = "вірно"