Question

我有一个简单的碎片，我希望它看起来像这个图像：image。

我的片段代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_constraintBottom_toBottomOf="parent"
    tools:context=".SignFragment">


    <android.support.constraint.ConstraintLayout
        android:id="@+id/wrapper"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="@dimen/wrapper_padding">

        <ImageView
            android:id="@+id/imageOne"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            app:srcCompat="@drawable/example" />
    </android.support.constraint.ConstraintLayout>

    <android.support.constraint.ConstraintLayout
        android:id="@+id/info"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp">

        <TextView
            android:id="@+id/infoMessage"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/info_message_example"
            android:textColor="@color/colorInfoMessage"
            android:textSize="25sp" />

    </android.support.constraint.ConstraintLayout>

</LinearLayout>

但我的碎片看起来像这张图片：image。在景观变异文本上隐藏。

我尝试在<LinearLayout/>或其他元素上添加一些属性。当我添加android：layout_weight =＆＃34; 1＆＃34;在第一个ConstraintLayout上我得到了this。

景观变化是正确的，但纵向打破了。

如何查找我的xml文件以获得正确的结果？

Answer 1

要为纵向和横向模式创建单独的片段设计，请创建两个不同的XML文件，一个用于纵向模式设计，另一个用于横向模式。放入layout-port内的layout-land和res folder文件夹。

示例：

res/layout-port [Portrait Mode; default]
main.xml
res/layout-land [Landscape Mode]
main1.xml

参考文档：http://developer.android.com/training/basics/supporting-devices/screens.html

LinearLayout中的自动缩放元素

1 个答案: