缩放所有布局元素以适应横向模式答案

【问题标题】：Scale all layout elevemts to fit landscape mode缩放所有布局元素以适应横向模式
【发布时间】：2017-12-18 21:15:06
【问题描述】：

我的活动布局定义如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:padding="0dp"
    android:gravity="center">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="@string/tv_example"
                android:textSize="45sp"
                android:textStyle="bold"
                android:textAlignment="center"
                android:maxLines="2"
                android:ellipsize="end"
                android:padding="5dp"
                android:background="@color/transparent">
            </TextView>

            <EditText
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:inputType="number"
                android:text="@string/tv_example"
                android:textSize="40sp"
                android:textStyle="bold|italic"
                android:textAlignment="center"
                android:maxLines="1"
                android:ellipsize="end"
                android:padding="5dp"
                android:background="@color/transparent">
            </EditText>
        </LinearLayout>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|bottom"
            android:maxHeight="150dp"
            android:maxWidth="150dp"
            android:src="@mipmap/ic_launcher"
            android:padding="15dp"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"/>

        <Button
            android:id="@+id/button_item_edit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|bottom"
            android:alpha="0.3"
            android:clickable="false"
            android:ellipsize="end"
            android:padding="15dp"
            android:layout_margin="50dp"
            android:text="@string/button_edit"
            android:textAlignment="center"
            android:textSize="25sp"/>
    </LinearLayout>
</RelativeLayout>

在纵向模式下会产生以下效果：

[

但是，当切换到横向模式时，按钮会消失：

我怎样才能让丢失的TextView 出现在横向模式下，或者更好 - 缩放所有项目以适应新方向？

基本上，文本视图是重要的视图 - 我希望它们可见，即使以缩小Button 和\或ImageView 为代价

我尝试从包含TextView 的最内部LinearLayout 中删除android:layout_weight="1" 行 -

这会使文本以横向模式出现，但会使 Button 消失：

（它也使整个布局在纵向模式下对齐到顶部而不是屏幕中心）

谢谢

【问题讨论】：

标签： android android-layout android-relativelayout landscape-portrait

【解决方案1】：

在这种情况下，最佳做法是拥有 2 个布局文件，每个方向一个。

在您的 /res 目录下创建一个新文件夹，并在 Android Studio 中将其命名为 layout-land 并将您的布局 xml 文件放入具有相同命名的景观。

在改变方向时，Android 操作系统将使用该文件夹中的 xml 文件，而不是尝试调整原始文件。这是定向支持的推荐方法。

【讨论】：

按照您的建议处理横向模式视图。谢谢

【解决方案2】：

在您的 xml 中，您为 Button 提到了 android:layout_margin="50dp"，这会影响您的布局渲染以推动元素向上。这导致隐藏文本视图。尝试用更少的边距修改布局或使用填充作为替代方案。这可能有助于保留渲染中的所有元素。

【讨论】：

【解决方案3】：

@Adiel - 在您的 /res 目录下创建一个新文件夹，并在 Android Studio 中将其命名为 layout-land 并将您的布局 xml 文件放入具有相同命名的景观中。

完全同意这一点，因为 Android Studio 为您提供了根据要求创建单独的选项。确保将任何 layout_width 和 layout_heights 定义为 match_parent 似乎不起作用。

【讨论】：