กำหนดความกว้างให้เป็นความกว้างครึ่งหนึ่งของหน้าจอโดยเปิดเผย


113

เป็นไปได้หรือไม่ที่จะกำหนดความกว้างวิดเจ็ตให้เป็นครึ่งหนึ่งของความกว้างของหน้าจอที่มีอยู่และทำได้โดยใช้ xml ที่ประกาศ

คำตอบ:


274

หากวิดเจ็ตของคุณเป็นปุ่ม:

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="2"
    android:orientation="horizontal">
    <Button android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="somebutton"/>

    <TextView android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
</LinearLayout>

ฉันสมมติว่าคุณต้องการให้วิดเจ็ตของคุณใช้เวลาครึ่งหนึ่งและอีกวิดเจ็ตหนึ่งใช้เวลาอีกครึ่งหนึ่ง เคล็ดลับคือการใช้ LinearLayout การตั้งค่าlayout_width="fill_parent"บนวิดเจ็ตทั้งสองและการตั้งค่าlayout_weightเป็นค่าเดียวกันในทั้งสองวิดเจ็ตด้วย หากมีสองวิดเจ็ตทั้งสองที่มีน้ำหนักเท่ากัน LinearLayout จะแบ่งความกว้างระหว่างสองวิดเจ็ต


15
ควรใช้ android: layout_width = "0dp" สำหรับองค์ประกอบลูกทั้งสองโดยหลีกเลี่ยงการปรับขนาดสองครั้ง
tomash

2
ฉันไม่เคยเข้าใจว่าทำไมคุณต้องประกาศ layout_width = "0dp"
Andrew

คุณยังสามารถใช้ <Space /> บน Android เวอร์ชันที่ใหม่กว่าเป็นตัวเติม ฉันคิดว่า View เบากว่า TextView เล็กน้อยถ้าคุณตั้งใจจะใช้เป็นฟิลเลอร์ layout_width = "0dp" เป็นแนวทางที่แนะนำตามเอกสารของ Android
Muz

ใช้งานได้ดี! ขอบคุณมาก!!
IcyFlame

1
@Andrew: เนื่องจากวิธีนี้ตัวแสดงเค้าโครงไม่พยายามทำงานกับ layout_width ของคอมโพเนนต์จึงข้ามไปยังการแบ่งปันความกว้างพิเศษตามน้ำหนักโดยตรง
njzk2

43

ใช้เค้าโครงข้อ จำกัด

  1. เพิ่มแนวทาง
  2. ตั้งค่าเปอร์เซ็นต์เป็น 50%
  3. จำกัด มุมมองของคุณเป็นแนวทางและระดับบนสุด

ใส่คำอธิบายภาพที่นี่

หากคุณประสบปัญหาในการเปลี่ยนเป็นเปอร์เซ็นต์ให้ดูคำตอบนี้

XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:layout_editor_absoluteX="0dp"
    tools:layout_editor_absoluteY="81dp">

    <android.support.constraint.Guideline
        android:id="@+id/guideline8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5"/>

    <TextView
        android:id="@+id/textView6"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toTopOf="@+id/guideline8"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
    
</android.support.constraint.ConstraintLayout>

นี่น่าจะเป็นคำตอบที่ดีที่สุด
Jean Eric

15

ให้ความกว้างเป็น 0dp เพื่อให้แน่ใจว่าขนาดตรงตามน้ำหนักซึ่งจะทำให้แน่ใจได้ว่าแม้ว่าเนื้อหาของมุมมองเด็กจะใหญ่ขึ้น แต่ก็ยังคงถูก จำกัด ไว้ที่ครึ่งหนึ่ง (ตามน้ำหนัก)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="1"
     >

    <Button
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="click me"
    android:layout_weight="0.5"/>


    <TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Hello World"
    android:layout_weight="0.5"/>
  </LinearLayout>

1
ฉันคิดว่า android: layout_width = "0dp" ถูกต้อง แต่ไม่จำเป็นต้องตั้งค่าน้ำหนักแต่ละรายการเป็น 0.5 และ weitghtSum เป็นผลรวม ดูเหมือนว่าคุณจะต้องให้น้ำหนักกับมุมมองของเด็กทั้งสองเท่ากัน ..
jj_

5

อีกวิธีหนึ่งสำหรับรายการเดียวที่อยู่ตรงกลางซึ่งเต็มครึ่งหน้าจอ:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:visibility="invisible" />

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2" />

       <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:visibility="invisible" />

</LinearLayout>

1
<LinearLayout 
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
    android:id="@+id/textD_Author"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Author : "
    android:textColor="#0404B4"
    android:textSize="20sp" />
 <TextView
    android:id="@+id/textD_Tag"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Edition : "
    android:textColor="#0404B4"
    android:textSize="20sp" />
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:weightSum="1" >
    <Button
        android:id="@+id/btbEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="Edit" />
    <Button
        android:id="@+id/btnDelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="Delete" />
</LinearLayout>
</LinearLayout>

3
แม้ว่าข้อมูลโค้ดนี้จะช่วยแก้ปัญหาได้ แต่คำอธิบายจะช่วยปรับปรุงคุณภาพของโพสต์ของคุณได้มาก โปรดจำไว้ว่าคุณกำลังตอบคำถามสำหรับผู้อ่านในอนาคตและบุคคลเหล่านั้นอาจไม่ทราบสาเหตุของการแนะนำโค้ดของคุณ
gunr2171
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.