Android: TextView: remover espaçamento e preenchimento na parte superior e inferior

Quando eu tenho um TextViewcom a \nno texto ,, à direita, tenho dois singleLine TextViews, um abaixo do outro sem espaçamento entre eles. Eu defini o seguinte para todos os três TextViews.

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

A primeira linha da esquerda se TextViewalinha perfeitamente com a parte superior direita TextView.

A segunda linha da esquerda TextViewé um pouco maior que a segunda linha do canto inferior direito TextView.

Parece que há algum tipo de preenchimento oculto na parte superior e inferior do TextViews. Como posso remover isso?

setIncludeFontPadding (boolean includepad)

ou XMLseria:

android:includeFontPadding="false"

Defina se TextViewinclui estofamento superior e inferior para dar espaço a detalhes que vão acima da subida e descida normais. O padrão é verdadeiro.

Eu sinto sua dor. Eu tentei todas as respostas acima, incluindo a setIncludeFontPaddingto false, o que não fez nada para mim.

Minha solução? layout_marginBottom="-3dp"no TextViewdá uma solução para o fundo, BAM!

Embora -3dp em layout_marginTopfalha .... ugh.

Procurei muitas respostas adequadas, mas não encontrei uma resposta que pudesse remover exatamente todo o preenchimento do TextView, mas finalmente, depois de ler o documento oficial, consegui uma solução para textos de linha única

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

Adicionar essas duas linhas ao TextViewxml fará o trabalho.
O primeiro atributo remove o preenchimento reservado para acentos e o segundo atributo remove o espaçamento reservado para manter o espaço adequado entre duas linhas de texto.

Certifique-se de não adicionar o lineSpacingExtra="0dp"TextView com várias linhas, pois isso pode tornar a aparência desajeitada

Se você usar AppCompatTextView(ou em API 28diante), poderá usar a combinação desses 2 atributos para remover o espaçamento na primeira linha:

XML

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

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

Isso também me incomodou, e a resposta que encontrei foi que, na verdade, há espaço adicional na própria fonte, não no TextView. É bastante irritante, proveniente de um histórico de publicação de documentos, a quantidade limitada de controle que você tem com o Android sobre elementos tipográficos. Eu recomendo o uso de um tipo de letra personalizado (como o Bitstream Vera Sans, licenciado para redistribuição) que pode não ter esse problema. Eu não tenho certeza especificamente se isso ocorre ou não.

Você pode tentar usar este atributo (ConstraintLayout):layout_constraintBaseline_toBaselineOf

Como isso:

app: layout_constraintBaseline_toBaselineOf = "@ + id / textView"

Eu removo o espaçamento na minha exibição personalizada - 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>

Com um ImageView extra, podemos definir o TextView para ser alinhado à linha de base com o ImageView e definir o android:baselineAlignBottom o ImageView como true, o que fará com que a linha de base do ImageView seja inferior. Outras visualizações podem se alinhar usando a parte inferior do ImageView, que é igual à linha de base do TextView.

No entanto, isso apenas fixa a parte inferior do estofamento e não a parte superior.

Eu acho que esse problema pode ser resolvido desta maneira:

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

Esses são os resultados:

ScreenShot-1

ScreenShot-3

Embora a linha de caracteres especiais no rightLowerText pareça um pouco maior que a segunda linha do leftText, suas linhas de base ainda estão alinhadas.

Como meu requisito é substituir o textView existente findViewById(getResources().getIdentifier("xxx", "id", "android"));, não posso simplesmente tentar onDraw()outra resposta.

Mas acabei de descobrir as etapas corretas para corrigir meu problema. Aqui está o resultado final do Layout Inspector:

Como o que eu queria era apenas remover os espaços superiores, não preciso escolher outra fonte para remover os espaços inferiores.

Aqui está o código crítico para corrigi-lo:

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

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

myTextView.setIncludeFontPadding(false);

A primeira chave é definir a fonte personalizada "fonts / myCustomFont.otf", que tem o espaço na parte inferior, mas não na parte superior. Você pode descobrir isso facilmente, abra o arquivo otf e clique em qualquer fonte no Android Studio:

Como você pode ver, o cursor na parte inferior tem espaçamento extra, mas não na parte superior, por isso resolveu o meu problema.

A segunda chave é que você não pode simplesmente pular nenhum código , caso contrário ele pode não funcionar. Essa é a razão pela qual você pode encontrar algumas pessoas que comentam que uma resposta está funcionando e outras que não estão funcionando.

Vamos ilustrar o que acontecerá se eu remover um deles.

Sem setTypeface(mfont);:

Sem setPadding(0, 0, 0, 0);:

Sem setIncludeFontPadding(false);:

Sem três deles (ou seja, o original):

A única coisa que funcionou é

android:lineSpacingExtra="-8dp"

XML atualizado

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

Método simples trabalhado:

setSingleLine();
setIncludeFontPadding(false);

Se não funcionou, tente adicionar isso acima desse código:

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

Se você precisar de várias linhas, talvez seja necessário calcular exatamente a altura do preenchimento superior e inferior através do TextView de linha única temporária (antes e depois de remover o preenchimento) e, em seguida, aplique o resultado da diminuição da altura com preenchimento negativo ou algum layout do Ghost com tradução Y. Ri muito

Convém tentar alinhar a parte inferior da visualização de texto esquerda com a parte inferior da 2ª visualização de texto direita.

Que eu saiba, isso é inerente à maioria dos widgets e a quantidade de "preenchimento" difere entre os fabricantes de telefones. Esse preenchimento é realmente um espaço em branco entre a borda da imagem e a imagem no arquivo de 9 imagens de correção.

Por exemplo, no meu Droid X, os widgets giratórios ganham espaço em branco extra que os botões, o que torna estranho quando você tem um girador embutido com um botão, mas no telefone da minha esposa o mesmo aplicativo não tem o mesmo problema e parece ótimo!

A única sugestão que eu teria é criar seus próprios 9 arquivos de patch e usá-los em seu aplicativo.

Ahhh as dores que são Android.

Editado: esclarecer preenchimento x espaço em branco.

Este truque funcionou para mim (para min-sdk> = 18 ).

Eu usei android:includeFontPadding="false"e uma margem negativa como android:layout_marginTop="-11dp"e colocar meu TextViewdentro de um FrameLayout( ou qualquer ViewGroup ... )

e finalmente exemplos de códigos:

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

Veja isso:

Alinhar o ImageView com o EditText horizontalmente

Parece que a imagem de fundo do EditText possui alguns pixels transparentes que também adicionam preenchimento.

Uma solução é alterar o plano de fundo padrão do EditText para outra coisa (ou nada, mas nenhum plano de fundo para um EditText provavelmente não é aceitável). Isso pode ser feito configurando o atributo XML android: background.

android:background="@drawable/myEditBackground"

Basta usar

android:padding="0dp"

Use isso no seu ImageView xml

android: AdjustViewBounds = "true"