Android 百分百布局适配

在移动应用开发中，如何适配不同尺寸的设备是一个常见的问题。Android 提供了多种布局方式来解决这个问题，其中百分比布局（PercentRelativeLayout 和 PercentFrameLayout）是一种非常灵活且强大的方式。本文将介绍如何使用百分比布局来实现 Android 的百分百布局适配，并附有代码示例。

百分比布局是通过百分比的方式来指定控件的位置和大小，而不是像传统的布局方式那样使用具体的像素值。这样一来，无论设备的尺寸如何变化，控件都能够自适应地调整大小和位置。

在 Android 中，使用百分比布局需要先在项目的 build.gradle 文件中添加依赖：

implementation 'com.android.support:percent:28.0.0'

接下来，我们可以在布局文件中使用 PercentRelativeLayout 或 PercentFrameLayout 来代替传统的 RelativeLayout 或 FrameLayout。下面是一个简单的示例：

<android.support.percent.PercentRelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button1"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        app:layout_marginTopPercent="25%"
        app:layout_marginLeftPercent="25%"
        android:text="Button 1"/>

    <Button
        android:id="@+id/button2"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        app:layout_marginTopPercent="25%"
        app:layout_marginLeftPercent="25%"
        android:text="Button 2"/>

</android.support.percent.PercentRelativeLayout>

在上述示例中，我们使用了 PercentRelativeLayout，并在其中放置了两个 Button。通过设置 app:layout_widthPercent 和 app:layout_heightPercent 属性，我们可以将 Button 的宽度和高度均设置为屏幕宽度和高度的一半。然后，通过 app:layout_marginTopPercent 和 app:layout_marginLeftPercent 属性，我们可以将 Button 的位置设置为屏幕顶部和左侧的 25% 处。

这样一来，不论设备的尺寸如何变化，这两个 Button 都会在屏幕中央以相同的大小和位置显示。

除了设置控件的大小和位置之外，我们还可以使用百分比布局来设置控件的最小和最大大小。例如，我们可以通过设置 app:layout_widthPercent="min(50%, 200dp)" 来将控件的宽度设置为屏幕宽度的一半或 200dp 中的较小值。

下面是一个更复杂的示例，展示了如何使用百分比布局来实现一个自适应的登录界面：

<android.support.percent.PercentRelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/logo"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="20%"
        app:layout_marginTopPercent="10%"
        app:layout_marginLeftPercent="25%"
        android:src="@drawable/logo"/>

    <EditText
        android:id="@+id/username"
        app:layout_widthPercent="70%"
        app:layout_heightPercent="7%"
        app:layout_below="@id/logo"
        app:layout_marginTopPercent="5%"
        app:layout_marginLeftPercent="15%"
        android:hint="Username"/>

    <EditText
        android:id="@+id/password"
        app:layout_widthPercent="70%"
        app:layout_heightPercent="7%"
        app:layout_below="@id/username"
        app:layout_marginTopPercent="2%"
        app:layout_marginLeftPercent="15%"
        android:hint="Password"
        android:inputType="textPassword"/>

    <Button
        android:id="@+id/login"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="7%"
        app:layout_below="@id/password"
        app:layout_marginTopPercent="5%"
        app:layout_marginLeftPercent="25%"
        android:text="Login"/>

</android.support.percent.PercentRelativeLayout>

在上述示例中，我们使用了 PercentRelativeLayout，并在其中放置了一个 ImageView（用于显示 logo）、两个 EditText（用于输入用户名和密码）以及一个 Button（用于登录）。通过设置不同的百分比属性，我们可以实