缩放所有布局elevemts以适应横向模式

问题描述 投票:2回答:2

我的活动布局定义如下:

<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>

在纵向模式下生成以下内容:

[

但是,当将其切换到横向模式时,按钮会消失:

landscape mode

如何让丢失的TextView出现在横向模式中,或者更好的是 - 缩放所有项目以适应新的方向?

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

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

这使文本以横向模式显示,但使qazxsw poi消失:

(它还使整个布局在纵向模式下与顶部对齐而不是屏幕中心)

Button

谢谢

android android-layout android-relativelayout landscape-portrait
2个回答
3
投票

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

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

在更改方向时,Android OS将使用该文件夹中的xml文件,而不是尝试调整原始文件夹。这是定向支持的推荐方法。


0
投票

在您的xml中,您已经为您的Button提到了android:layout_margin =“50dp”,这会影响您的布局渲染以推动元素。这导致隐藏textview。尝试使用较少的边距修改布局或使用填充作为替代。这可能有助于保留渲染中的所有元素。

© www.soinside.com 2019 - 2024. All rights reserved.