Android-將兩個EditTexts垂直排列在一行中

Question

我有一個包含一些元素的垂直線性布局，但是在一個位置上我想在1行中包含2個EditText。 我是用水平線性布局來完成的，但是Android Studio表示這對性能非常不利。

有沒有嵌套布局的方法嗎？ （XML或以編程方式）

XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="fill_parent"
android:layout_height="fill_parent"
android:background="@color/cyan_50"
android:orientation="vertical"
tools:context="com.secutschett.RegisterActivity"
android:weightSum="100">

<android.support.design.widget.AppBarLayout
    android:layout_width="fill_parent"
    android:layout_height="?attr/actionBarSize"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="fill_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/cyan_700"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:title="@string/app_name"
        app:titleTextColor="@color/cyan_50" />

</android.support.design.widget.AppBarLayout>

<TextView
    android:id="@+id/step1TextView"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:text="@string/step1TextViewText"
    android:textAppearance="@style/TextAppearance.AppCompat.Headline" />

<TextView
    android:id="@+id/placeholder1"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10" />

<EditText
    android:id="@+id/step1UsernameEditText"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:hint="@string/step1UsernameEditTextHint"
    android:inputType="text"
    android:maxLines="1"
    android:textAppearance="@style/TextAppearance.AppCompat"
    android:textColorHint="@color/blue_grey_400" />

<EditText
    android:id="@+id/step1NicknameEditText"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:hint="@string/step1NicknameEditTextHint"
    android:inputType="text"
    android:maxLines="1"
    android:textAppearance="@style/TextAppearance.AppCompat"
    android:textColorHint="@color/blue_grey_400" />

<TextView
    android:id="@+id/placeholder2"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10" />

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:orientation="horizontal">

    <EditText
        android:id="@+id/step1PasswordEditText"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="50"
        android:hint="@string/step1PasswordEditTextHint"
        android:inputType="text|textPassword"
        android:maxLines="1"
        android:textAppearance="@style/TextAppearance.AppCompat"
        android:textColorHint="@color/blue_grey_400" />

    <EditText
        android:id="@+id/step1RepeatPasswordEditText"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="50"
        android:hint="@string/step1RepeatPasswordEditTextHint"
        android:inputType="text|textPassword"
        android:maxLines="1"
        android:textAppearance="@style/TextAppearance.AppCompat"
        android:textColorHint="@color/blue_grey_400" />
</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:orientation="horizontal">

    <EditText
        android:id="@+id/step1EmailAddressEditText"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="50"
        android:hint="@string/step1EmailAddressEditTextHint"
        android:inputType="text|textEmailAddress"
        android:maxLines="1"
        android:textAppearance="@style/TextAppearance.AppCompat"
        android:textColorHint="@color/blue_grey_400" />

    <EditText
        android:id="@+id/step1RepeatEmailAddressEditText"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="50"
        android:hint="@string/step1RepeatEmailAddressEditTextHint"
        android:inputType="text|textEmailAddress"
        android:maxLines="1"
        android:textAppearance="@style/TextAppearance.AppCompat"
        android:textColorHint="@color/blue_grey_400" />
</LinearLayout>

<TextView
    android:id="@+id/placeholder3"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10" />

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:orientation="horizontal">

    <Button
        android:id="@+id/step1RegisterButton"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="30"
        android:text="@string/registerButtonName" />

    <TextView
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="10" />

    <CheckBox
        android:id="@+id/step1AgreeCheckBox"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="10" />

    <TextView
        android:id="@+id/step1PoliciesTextView"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="50"
        android:maxLines="10"
        android:text="@string/step1PoliciesTextViewText"
        android:textColorLink="@color/blue_500" />

</LinearLayout>

<com.roide.progressdotslib.ProgressDotWidget
    android:id="@+id/progress_dots1"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="10"
    android:background="@color/cyan_600"
    android:padding="@dimen/standard_margins" />

</LinearLayout>

它應該看起來如何

Answer 1

采取“垂直布局”，在垂直布局中采取水平布局以進行顯示。

<Linear
orientation:"Linear">
   <Linear
   orientation:"Horizontal">

   <Linear
orientation:"Horizontal">
     <EditText/>
  </Linear>

</Linear>

Answer 2

Android Studio表示這對性能非常不利。

不用擔心這個警告。

確實，嵌套布局會更昂貴（就系統渲染它們所需的時間以及用於容納View對象的內存而言），但是一些嵌套視圖不會對您的應用程序性能產生任何明顯的負面影響。 通常，您唯一需要擔心的是嵌套視圖，這是當您在ListView或RecyclerView每個項目中使用深層嵌套的層次結構時。

這是一篇Google博客文章，他們在其中討論使用ConstraintLayout創建完全平面視圖層次結構的性能優勢： https : //android-developers.googleblog.com/2017/08/understanding-performance-benefits-of.html

如果滾動到最末端，則會看到平面層次結構大約需要0.5毫秒繪制，而嵌套層次結構大約需要0.7毫秒繪制。 這是一個大的相對差異，但在絕對速度方面你是好於0.7毫秒的安全范圍內。

有沒有嵌套布局的方法嗎？ （XML或以編程方式）

是。 您可以使用ConstraintLayout做到這一點。 關於ConstraintLayout的開發人員指南很多，因此在此不再贅述。

使用此功能將為您帶來上述所有性能優勢。 這樣做的代價是XML代碼會稍微復雜一些。 在現有行的中間添加新行將意味着您必須對現有內容進行更多更改，而不是將新行放入並完成。 可以肯定的是，這並不是一個大代價，但這是需要考慮的事情。