Android：TextView：删除顶部和底部的间距和填充

Question

当我有一个文本中带有 \n 的 TextView 时，右侧有两个 singleLine TextView s，一个在另一个下面，中间没有间距。我为所有三个 TextView 设置了以下内容。

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

左侧 TextView 的第一行与右上角 TextView 完美对齐。

左侧TextView第二行比右下TextView第二行高一点。

似乎在 TextView 的顶部和底部有某种隐藏的填充。我怎样才能删除它？

Answer 1

简单的方法有效：

setSingleLine();
setIncludeFontPadding(false);

如果它不起作用，则尝试在代码上方添加此代码：

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

如果您需要多行，也许您需要通过临时单行 TextView 精确计算填充顶部和底部的高度（在删除填充之前和之后） ) ，然后使用负填充或一些带有平移 Y 的幽灵布局应用降低高度结果。哈哈

Answer 2

唯一有效的是

android:lineSpacingExtra="-8dp"

Answer 3

据我所知，这是大多数小部件所固有的，并且“填充”的数量因手机制造商而异。该填充实际上是图像边框和 9 补丁图像文件中的图像之间的空白区域。

例如，在我的 Droid X 上，微调器小部件比按钮有更多的空白，这使得当您有一个内联按钮的微调器时看起来很尴尬，但在我妻子的手机上，相同的应用程序没有相同的问题，而且看起来很棒！

我唯一的建议是创建您自己的 9 个补丁文件并在您的应用程序中使用它们。

啊啊，Android 的痛苦。

编辑：澄清填充与空白。

Answer 4

这个技巧对我有用（对于 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>

Answer 5

使用constraintlayout作为根视图，然后添加指南助手。

示例：

<TextView
 android:id="@+id/textView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" 
 app:layout_constraintTop_toTopOf="parent" 
 app:layout_constraintStart_toStartOf="parent" />

<TextView
 android:id="@+id/textView2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" 
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toBottomOf="@+id/guideline" />

<androidx.constraintlayout.widget.Guideline
 android:id="@+id/guideline"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="horizontal"
 app:layout_constraintGuide_begin="20dp" />

属性layout_constraintGuide_begin值只是示例，这取决于您的需求。

Answer 6

这对我有用：

android:minHeight="0dp"

Answer 7

您可以尝试使用此属性（ConstraintLayout）：layout_constraintBaseline_toBaselineOf

Answer 8

您可以参考下面的 XML 文件，其中 imageView 将从 Textview 文本基线的底部开始。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageViewHello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_star_05"
        android:baselineAlignBottom="true"
        android:layout_alignBaseline="@+id/textViewHello"
        android:layout_toRightOf="@+id/textViewHello"
        android:layout_toEndOf="@+id/textViewHello" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textViewHello"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

</RelativeLayout>

或者，假设对于大多数用例，您需要 imageView 的底部与基线对齐，为此您可以将以下代码放入 TextView 中。

android:layout_alignBaseline="@+id/imageViewHello"

Answer 9

这有效：

android:padding="0sp"

Answer 10

看这个：

将 ImageView 与 EditText 水平对齐

看来 EditText 的背景图片有一些透明像素也添加填充。

解决方案是将 EditText 的默认背景更改为其他内容（或者什么都不更改，但 EditText 没有背景可能是不可接受的）。这可以通过设置 android:background XML 属性来实现。

android:background="@drawable/myEditBackground"

Answer 11

这对我有用

只需在您的 Textview 中添加两行即可

 android:includeFontPadding="false"
 安卓：lineSpacingMultiplier =“0.8”

<TextView
            android:id="@+id/searchByItemTv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:fontFamily="@font/dm_sans"
            android:includeFontPadding="false"
            android:lineSpacingMultiplier="0.8"
            android:paddingVertical="3dp"
            android:paddingStart="4dp"
            android:paddingEnd="6dp"
            android:text="@string/date_of_birth"
            android:textColor="@color/text_black"
            android:textSize="16dp" />

注意：不要使用 android:textAppearance=""

Answer 12

在 ImageView xml 中使用它

android:adjustViewBounds="true"

Answer 13

setIncludeFontPadding (boolean includepad)

或者在 XML 中，这将是：

android:includeFontPadding="false"

设置 TextView 是否包含额外的顶部和底部填充，以便为高于正常上升和下降的重音腾出空间。默认为 true。

Answer 14

我搜索了很多正确的答案，但没有找到可以完全删除 TextView 中所有填充的答案，但最终在浏览了 官方文档解决了单行文本

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

将这两行添加到TextView xml 将完成这项工作。
第一个属性删除为重音符号保留的填充，第二个属性删除为保持两行文本之间的适当间距而保留的间距。

确保不要在多行 TextView 中添加 lineSpacingExtra="0dp"，因为它可能会使外观变得笨拙

Answer 15

我感受到你的痛苦。我已经尝试了上面的每个答案，包括将 setIncludeFontPadding 设置为 false，这对我没有任何作用。

我的解决方案？ TextView 上的 layout_marginBottom="-3dp" 为您提供了底部的解决方案，
嘭！

虽然 layout_marginTop 上的 -3dp 失败了......呃。

Answer 16

你可以尝试使用这个属性（ConstraintLayout）：layout_constraintBaseline_toBaselineOf

像这样：

应用：layout_constraintBaseline_toBaselineOf="@+id/textView"

Answer 17

更新的 XML

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

Answer 18

如果您使用 AppCompatTextView （或来自 < code>API 28 开始）您可以使用这 2 个属性的组合来删除第一行上的空格：

XML

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

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

Answer 19

添加 android:includeFontPadding="false" 看看是否有帮助。并使文本视图大小与文本大小相同，而不是“换行内容”。它肯定会起作用。

Answer 20

这也让我很恼火，我发现的答案是字体本身实际上有额外的空间，而不是 TextView。这是相当令人恼火的，因为它来自文档发布背景，Android 对排版元素的控制有限。我建议使用可能不存在此问题的自定义字体（例如 Bitstream Vera Sans，它已获得重新分发许可）。不过，我不确定具体是否如此。

Answer 21

我删除了自定义视图中的间距——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;
    }
}

Answer 22

由于我的要求是覆盖从 findViewById(getResources().getIdentifier("xxx", "id", "android")); 获取的现有 textView，所以我不能简单地尝试 其他答案的 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 个（即原始图像）：

Answer 23

<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基线对齐，并将ImageView上的android:baselineAlignBottom设置为true，这将使ImageView的基线位于底部。其他视图可以使用 ImageView 的底部自行对齐，该底部本身与 TextView 的基线相同。

然而，这仅修复了填充底部而不是顶部。

Answer 24

我认为这个问题可以这样解决：

 <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

< a href="https://i.sstatic.net/q2AoM.png" rel="nofollow noreferrer">ScreenShot-3

虽然rightLowerText中的特殊字符行看起来比第二行高一点leftText，它们的基线仍然对齐。

Answer 25

您可以使用此处列出的一些技巧（负边距、字体填充等）部分解决此问题，但您无法解决字体本身的大小[1]。字体的每个“单元格”的固定高度必须足够大，以容纳所有语言中最高的字符，包括上升部分和下降部分。

如果您采用其他答案中列出的技巧，字体可能最终会被剪切。

解决方案是向您的设计师解释这就是字体的打包方式，并让他们在设计中考虑到这一点。当它被翻译成其他语言并且上升/下降部分被剪掉时，不要现在就进行修改以将错误归档。

编写一个示例应用程序，只需将一系列字符放入 TextView 中，然后在其周围绘制一个框，更改背景或其他内容，以便您可以看到字体的自然填充。将其交给您的设计师，让其重新融入到他们的设计中。

[1] 我想人们可以用压缩的上升部分和下降部分打包自己的字体。

Answer 26

您可能想尝试将左侧文本视图的底部与第二个右侧文本视图的底部对齐。