Android中的响应式布局

Question

我想在 Android 中进行响应式设计，即我需要这样的布局，我将以编程方式添加视图，并且它们会根据屏幕大小调整它们。 例如： 我想在布局中添加 10 个视图 当我添加它们时，如果每行只有三个视图，那么它们会自动调整为四行三列，即

[0,0] [0,1] [0,2]

[1,0] [1,1] [1,2]

[2,0] [2,1] [2,2]

[3,0]

但是和横向模式一样，纵向空间更大

[0,0] [0,1] [0,2] [0,3] [0,4]

[1,0] [1,1] [1,2] [1,3] [1,4]

Answer 1

Use flexbox layout

在builde.gradle添加

dependencies {
...
compile 'com.google.android:flexbox:0.3.0'
}

并在布局 xml 中使用它。即

<com.google.android.flexbox.FlexboxLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:alignItems="center"
    app:alignContent="center"
    app:flexDirection="row"
    app:flexWrap="wrap">

   ...
</com.google.android.flexbox.FlexboxLayout>

Answer 2

似乎Flexbox 解决方案对您有用，但是还有另一种方法可以为这个问题提供不同的途径。如果您不知道，您实际上可以定义具有相同名称的不同 XML 布局文件 - 1 用于纵向模式，另一个用于横向模式。

新建布局文件时，在layout目录右击，选择新建>布局资源文件，可以在此处配置方向。在 Available qualifiers 部分，向下滚动到 Orientation 并将其添加到文件中。此时，您将能够选择此布局的方向，如果您将文件命名为与相反方向相同的名称，您的应用程序将自动膨胀适合设备当前方向的视图。 Android Studio 还将了解您在编辑器中选择的不同布局方向，并且您在 Design 选项卡中看到的屏幕将进行相应调整，即横向布局文件将在垂直方向上有更多空间来构建 UI。

请注意，这给应用程序本身增加了一定程度的复杂性，因为需要考虑活动生命周期，因为操作系统现在正在销毁并重新绘制视图，以响应用户何时切换他们设备的方向。

希望这有助于在这种情况下或在您希望根据设备方向完成不同布局的其他情况下！