纵向模式和横向模式视图显示调整与手机大小

Question

我想根据Landscape mode和portrait mode调整布局。

在我的 7' 平板设备中，portrait mode 太小，Landscape mode 相当大。由于小人像模式，列表项和一些文本像按钮一样混合 尺寸变小了，一个文本与另一个文本交叉，等等。

所以对于相同的视图布局，我想根据模式有不同的设置。

例如，考虑One Layout over the Top of Other 的这个 SO 帖子。我想要portrait mode 的这种情况。但是对于Landscape mode，我不希望一个视图重叠 在另一个视图之上。相反，我希望在另一侧看到一个视图。

我的不同模式的xml布局文件-

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
              android:id="@+id/news_fragment"
              android:layout_weight="1"
              android:layout_width="0dp"              
              android:layout_height="match_parent" />

    <FrameLayout
              android:id="@+id/channel_fragment"
              android:layout_weight="2"
              android:layout_width="0dp"
              android:layout_height="match_parent" />

</LinearLayout>

问题是这对landscape mode 来说似乎很好，但在纵向模式下，我需要news_fragment 与channel_fragment 重叠。

考虑到布局文件是相同的，如何实现这种行为。还是我也必须为肖像创建一个新的？

Answer 1

您只需创建 2 个不同的布局文件。你应该阅读关于这个主题的developer guides。

基本上你会创建 2 个 res/layout 文件夹： res/layout 和 res/layout-land

然后将横向布局添加到land 文件夹，将纵向版本添加到另一个。

Answer 2

所以根据场景：

我保留了三个布局文件夹，即..

• res/layout/activity_main（用于移动设备）
• res/layout-large/activity_main（适用于纵向模式的平板设备）
• res/layout-large-land/activity_main（适用于横向模式的平板设备）

所有三个布局文件都包含自己的容器，以根据需要进行相应的显示。

诀窍是：

由于layout-large-land 的activity_main 负责平板设备的横向方向，因此layout-large 的activity_main 将默认为 纵向模式。

所以对于移动设备视图，对于不同方向的平板电脑——上述方案是最好的 并且工作得很好！