Android: TextView: ลบระยะห่างและช่องว่างภายในด้านบนและด้านล่าง

เมื่อฉันมีTextViewกับ\nในข้อความ ,, ด้านขวาฉันมีสองsingleLine TextViews หนึ่งดังต่อไปนี้ไม่มีอื่น ๆ ที่มีระยะห่างระหว่าง ฉันได้ตั้งค่าต่อไปนี้สำหรับทั้งสามTextViews

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

บรรทัดแรกของด้านซ้ายเส้นขึ้นอย่างสมบูรณ์แบบด้วยขวาบนTextViewTextView

บรรทัดที่สองของด้านซ้ายTextViewสูงกว่าบรรทัดที่สองของด้านล่างขวาTextViewเล็กน้อย

มันดูเหมือนว่ามีบางชนิดของการขยายซ่อนอยู่ด้านบนและด้านล่างของTextViews ฉันจะลบออกได้อย่างไร

setIncludeFontPadding (boolean includepad)

หรือในXMLนี้จะเป็น:

android:includeFontPadding="false"

กำหนดว่าจะให้TextViewมีส่วนเสริมพิเศษและส่วนเสริมด้านล่างเพื่อให้มีที่ว่างสำหรับสำเนียงที่อยู่เหนือระดับปกติและขึ้นหรือลง ค่าเริ่มต้นเป็นจริง

ฉันรู้สึกถึงความเจ็บปวดของคุณ. ฉันลองทุกคำตอบข้างต้นรวมถึงsetIncludeFontPaddingที่ไม่ได้ทำอะไรเลย

ทางออกของฉัน? layout_marginBottom="-3dp"บนTextViewช่วยให้คุณแก้ปัญหาด้านล่าง, BAM เป็นคนแรก!

แม้ว่า -3dp จะlayout_marginTopล้มเหลว .... ฮึ

ฉันค้นหาคำตอบที่เหมาะสมมาก แต่ไม่มีที่ไหนที่ฉันสามารถหาคำตอบที่สามารถลบการขยายออกทั้งหมดTextViewแต่ในที่สุดหลังจากผ่านเอกสารอย่างเป็นทางการได้ทำงานรอบ ๆ สำหรับข้อความบรรทัดเดียว

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

การเพิ่มสองบรรทัดเหล่านี้ไปยังTextViewxml จะทำงานได้
แอตทริบิวต์แรกจะลบการเว้นวรรคที่สงวนไว้สำหรับเครื่องหมายเน้นเสียงและแอตทริบิวต์ที่สองจะลบการเว้นวรรคที่สงวนไว้เพื่อรักษาพื้นที่ที่เหมาะสมระหว่างข้อความสองบรรทัด

ตรวจสอบให้แน่ใจว่าไม่ได้เพิ่มlineSpacingExtra="0dp"ในหลาย TextView เพราะอาจทำให้รูปลักษณ์ดูเงอะงะ

ถ้าคุณใช้AppCompatTextView(หรือจากAPI 28เป็นต้นไป) คุณสามารถใช้การรวมกันของทั้งสองคุณลักษณะเพื่อลบช่องว่างในบรรทัดแรก:

XML

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

Kotlin

text.firstBaselineToTopHeight = 0
text.includeFontPadding = false

สิ่งนี้ทำให้ฉันรำคาญเช่นกันและคำตอบที่ฉันพบคือว่ามีพื้นที่เพิ่มเติมในแบบอักษรไม่ใช่ TextView มันค่อนข้างน่ารำคาญที่มาจากพื้นหลังการเผยแพร่เอกสารจำนวน จำกัด ของการควบคุมที่คุณมีกับ 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" />

ผลลัพธ์เหล่านี้คือ:

ภาพหน้าจอ 1

ภาพหน้าจอ 3

แม้ว่าบรรทัดของอักขระพิเศษใน rightLowerText ดูเหมือนจะสูงกว่าเล็กน้อยบรรทัดที่สองของ leftText แต่เส้นเขตแดนของพวกเขาจะยังคงอยู่ในแนวเดียวกัน

เนื่องจากความต้องการของฉันถูกแทนที่ 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

หากคุณต้องการหลายบรรทัดคุณอาจจำเป็นต้องคำนวณความสูงของการเติมด้านบนและด้านล่างอย่างแม่นยำผ่าน TextView บรรทัดเดียว TextView (ก่อนและหลังการลบการแพ็ดดิ้ง) จากนั้นจึงใช้ผลการลดความสูงด้วยการแพ็ดเชิงลบ ฮ่า ๆ

คุณอาจต้องการลองจัดแนวด้านล่างของมุมมองข้อความด้านซ้ายกับด้านล่างของมุมมองข้อความด้านขวา 2

ตามความรู้ของฉันสิ่งนี้มีอยู่ในวิดเจ็ตส่วนใหญ่และจำนวนของ "ช่องว่างภายใน" แตกต่างจากผู้ผลิตโทรศัพท์ ช่องว่างภายในนี้เป็นช่องว่างระหว่างขอบภาพและภาพในไฟล์อิมเมจ 9 ไฟล์

ตัวอย่างเช่นใน Droid X ของฉันวิดเจ็ตสปินเนอร์จะได้พื้นที่สีขาวมากกว่าปุ่มซึ่งทำให้มันดูงุ่มง่ามเมื่อคุณมีอินไลน์สปินเนอร์ด้วยปุ่ม แต่บนโทรศัพท์ของภรรยาแอปพลิเคชันเดียวกันไม่มีปัญหาเดียวกัน

คำแนะนำเดียวที่ฉันมีก็คือการสร้างไฟล์ปะแก้ 9 ไฟล์ของคุณเองและใช้มันในแอปพลิเคชันของคุณ

Ahhh ความเจ็บปวดที่เป็น Android

แก้ไข: ชี้แจงช่องว่างภายใน vs พื้นที่สีขาว

เคล็ดลับนี้ใช้ได้สำหรับฉัน (สำหรับ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: คุณลักษณะ XML พื้นหลังได้

android:background="@drawable/myEditBackground"

เพียงใช้

android:padding="0dp"

ใช้สิ่งนี้ใน ImageView xml ของคุณ

หุ่นยนต์: adjustViewBounds = "true"