我正在制作一個應用程式，我希望它看起來像這樣（我最初在 LinearLayout 中設計了這個布局，以在我自己的手機上進行測驗）
但是，現在我希望它在其他設備上看起來不錯，我無法弄清楚如何將 EditTexts 縮放為相同的大小并填充它們的父視圖。我試過為它們設定相等的權重，但第二個 EditText 總是超過第一個，看起來像這樣（忽略“亂數”文本換行）：
這是我的布局：
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@ id/ConstraintLayout"
android:gravity="center_horizontal">
<TextView
android:id="@ id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/nunito_semibold"
android:gravity="center"
android:layout_marginRight="32dp"
android:layout_marginLeft="32dp"
android:text="random number"
android:textColor="@color/accent"
android:textSize="52sp"
android:layout_marginTop="48dp"
android:textStyle="bold"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"/>
<TextView
android:id="@ id/eachText"
android:layout_width="match_parent"
android:layout_height="64dp"
android:fontFamily="@font/nunito_semibold"
android:gravity="center"
android:layout_marginRight="32dp"
android:layout_marginLeft="32dp"
android:text="tap anywhere on the screen for a new number"
android:textColor="@color/accent_muted"
android:textSize="24sp"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="@ id/textView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"/>
<TextView
android:id="@ id/outputText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/nunito_semibold"
android:gravity="center"
android:layout_marginRight="32dp"
android:layout_marginLeft="32dp"
android:text=""
android:textColor="@color/accent"
android:textSize="54sp"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="@ id/eachText"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toTopOf="@id/linearLayout"/>
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@ id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="32dp"
android:layout_marginLeft="32dp"
android:orientation="horizontal"
app:layout_constraintTop_toBottomOf="@ id/outputText"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent">
<EditText
android:id="@ id/from"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_gravity="center"
android:gravity="center_vertical"
android:background="@drawable/edittext_rightflat"
android:fontFamily="@font/nunito_bold"
android:textSize="24dp"
android:hint="1"
android:inputType="numberDecimal"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintHorizontal_weight="1"/>
<EditText
android:id="@ id/to"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_gravity="center"
android:gravity="center_vertical"
android:background="@drawable/edittext_leftflat"
android:fontFamily="@font/nunito_bold"
android:textSize="24dp"
android:hint="100"
android:inputType="numberDecimal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_weight="0"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
<CheckBox
android:id="@ id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="allow repeated results"
android:fontFamily="@font/nunito_semibold"
android:gravity="center"
android:textColor="@color/accent_muted"
android:textSize="24sp"
android:textStyle="bold"
android:button="@null"
android:drawableRight="?android:attr/listChoiceIndicatorMultiple"
android:checked="false"
app:layout_constraintTop_toBottomOf="@ id/linearLayout"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginTop="16dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>
uj5u.com熱心網友回復：
將您的寬度更改為 0dp，以便遵守您的水平重量約束并將您的布局相互約束（鏈）。
你的內部約束布局看起來像這樣
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@ id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="32dp"
android:layout_marginLeft="32dp"
android:orientation="horizontal"
app:layout_constraintTop_toBottomOf="@ id/outputText"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent">
<EditText
android:id="@ id/from"
android:layout_width="0dp" <-- this is now 0dp
android:layout_height="60dp"
android:layout_gravity="center"
android:gravity="center_vertical"
android:background="@drawable/edittext_rightflat"
android:fontFamily="@font/nunito_bold"
android:textSize="24dp"
android:hint="1"
android:inputType="numberDecimal"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@id/to" <-- add this
app:layout_constraintHorizontal_weight="1"/>
<EditText
android:id="@ id/to"
android:layout_width="0dp" <-- this should be 0 dp
android:layout_height="60dp"
android:layout_gravity="center"
android:gravity="center_vertical"
android:background="@drawable/edittext_leftflat"
android:fontFamily="@font/nunito_bold"
android:textSize="24dp"
android:hint="100"
android:inputType="numberDecimal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/from" <-- add this constraint
app:layout_constraintHorizontal_weight="1"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
以上最接近您當前的實作，并且可以執行您想要的操作。
我想說的幾件事你可能想要考慮。
- 您可以只使用內部線性布局來定位文本視圖，而不是使用內部約束布局。
- 您可以使用指南來定位您的編輯文本并展平您的層次結構。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/396138.html
標籤：安卓 xml 安卓工作室 安卓布局 android-constraintlayout
上一篇：未使用共享首選項保存資料
下一篇：離子iOS地理定位