Android - 在垂直线性布局中将两个EditTexts放在一行中

时间:2017-08-26 12:16:22

标签: android android-layout android-linearlayout nestedlayout

我有一个带有一些元素的垂直线性布局,但在一个位置我需要1行2个EditTexts。我在其中使用了水平线性布局,但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>

How it should look

2 个答案:

答案 0 :(得分:0)

采用垂直布局,在垂直布局中采用水平布局显示编辑文本,如下所示..

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

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

</Linear>

答案 1 :(得分:0)

  

Android Studio表示这对性能非常不利。

不要担心这个警告。

嵌套布局确实比较昂贵(就系统渲染它们的时间而言,以及保存View对象的内存而言),但是一些嵌套视图不会有任何明显的负面影响。对您应用的效果产生影响。通常,您真正需要担心嵌套视图的唯一地方是当您在ListViewRecyclerView的每个项目中使用深层嵌套层次结构时。

以下是Google博客文章,其中讨论了使用ConstraintLayout创建完全平面视图层次结构的性能优势:https://android-developers.googleblog.com/2017/08/understanding-performance-benefits-of.html

如果滚动到最后,您将看到平面层次结构需要大约0.5毫秒才能绘制,嵌套版本需要大约0.7毫秒才能绘制。这是一个很大的相对差异,但就绝对速度而言,你在0.7 ms的安全窗口内

  

有没有一种方法可以在没有嵌套布局的情况下执行此操作? (XML或以编程方式)

是。你可以使用ConstraintLayout来做到这一点。有很多developer guides for ConstraintLayout,所以我不会在这里详细介绍。

使用此功能将为您提供上述所有性能优势。这样做的代价是您的XML代码会稍微复杂一些。在现有行的中间添加新行意味着您必须对已有的行进行更多更改,而不是删除新行和完成。当然,这不是一个很大的成本,但需要考虑。