Android5.0新控件实例详解

介绍

Android 5.0 在控件层面做了不少的更新，引入了 Material Design 设计风格并提供了一些新的控件供我们使用。这些控件功能更加完善、外观更加美观、可配置项更丰富，为我们提供了更优秀、更强大的开发工具。

这篇文章将会讲解 Android 5.0 新控件的各种使用方式，并提供多个实例进行详解，帮助 Android 开发者更好地了解和学习这些新控件。

一、文本输入框

文本输入框是一种允许用户输入文字的控件，是开发中必不可少的一部分。

使用方式

使用方式非常简单，只需在布局中添加如下代码即可：

<android.support.v7.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="24dp">

        <EditText
            android:id="@+id/et_test"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/hint_test" />

</android.support.v7.widget.TextInputLayout>

使用 TextInputLayout 包裹 EditText 控件，即可产生 Material Design 风格的文本输入框。

实例说明

假设我们要开发一个登录界面，其中包括用户名和密码的输入框，我们可以按照如下代码来编写布局：

<android.support.design.widget.TextInputLayout
    android:id="@+id/til_username"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="32dp"
    android:hint="@string/username">

        <EditText
            android:id="@+id/et_username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/username" />

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

<android.support.design.widget.TextInputLayout
    android:id="@+id/til_password"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="16dp"
    android:hint="@string/password">

        <EditText
            android:id="@+id/et_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword"
            android:hint="@string/password" />

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

TextInputLayout 在这里扮演了两个角色，一是作为提示内容的容器，二是作为错误提示信息的容器。我们还可以在代码中设置错误提示信息，如下：

TextInputLayout tilUsername = (TextInputLayout) findViewById(R.id.til_username);
tilUsername.setError("请输入正确的用户名");

TextInputLayout tilPassword = (TextInputLayout) findViewById(R.id.til_password);
tilPassword.setError("请输入正确的密码");

这样就可以在用户输入错误时显示错误提示信息。

二、滑动面板

滑动面板是一种可以从屏幕边缘或屏幕底部弹出的面板，通常用于展示应用程序中的菜单、设置等。

使用方式

使用方式也非常简单，只需在布局中添加如下代码即可：

<android.support.v4.widget.DrawerLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/fl_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <LinearLayout
            android:id="@+id/drawer_menu"
            android:layout_width="240dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#ffffff">

        <!--此处添加菜单项-->

        </LinearLayout>

</android.support.v4.widget.DrawerLayout>

这样就可以构建出一个从屏幕左侧滑出的菜单面板。

实例说明

假设我们要开发一个文章阅读 App，其中需要一个菜单面板来进行分类导航，我们可以按照如下代码来编写布局：

<android.support.v4.widget.DrawerLayout
    android:id="@+id/dl_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/fl_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <LinearLayout
            android:id="@+id/drawer_menu"
            android:layout_width="240dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#ffffff">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="16dp"
                android:text="@string/menu_item1"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="16dp"
                android:text="@string/menu_item2"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="16dp"
                android:text="@string/menu_item3"/>

        </LinearLayout>

</android.support.v4.widget.DrawerLayout>

这样就可以构建一个带有从左侧弹出的菜单面板的文章阅读 App。

结语

以上就是针对 Android 5.0 新控件的详细讲解及实例说明。在实际开发中，我们可以根据具体的需求合理地运用这些新控件，提高应用程序的外观质量和用户体验。