Question

Link to my image我的设计视图中的布局未显示为仿真器中的设计视图请帮忙。我想要确切的布局。我知道这很简单，但是我错了。我尝试使用线性布局，但是仍然存在相同的问题，对不起我的英语：（

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">


<EditText
    android:id="@+id/titleEdtxt"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"
    android:layout_marginRight="8dp"
    android:layout_marginLeft="6dp"
    android:hint="Title"
    android:padding="16dp"
    android:inputType="text"/>
<EditText
    android:id="@+id/titleDescrptxt"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="120dp"
    android:layout_marginRight="8dp"
    android:layout_marginLeft="6dp"
    android:hint="Description"
    android:padding="16dp"
    android:inputType="textMultiLine|textCapSentences"
    android:minHeight="100dp"
    />

<ImageView
    android:id="@+id/uploadImage"
    android:layout_width="match_parent"
    android:layout_height="370dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="230dp"
    android:layout_marginEnd="7dp"
    android:layout_marginBottom="7dp" />


<Button
    android:id="@+id/uploadBtn"
    android:layout_width="170dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginTop="620dp"
    android:padding="16dp"
    android:text="Upload" />

<Button
    android:id="@+id/choose_file_Btn"
    android:layout_width="170dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="220dp"
    android:layout_marginTop="620dp"
    android:padding="16dp"
    android:text="choosefile" />

</RelativeLayout>

Answer 1

您使用了许多固定尺寸，例如android:layout_marginTop="620dp"，这些尺寸实际上会因屏幕尺寸而异。因此，您遇到了麻烦。尝试使用其他更具动态性的属性来设置布局，并通过更改预览面板中的电话视图设置（第三），直接在设计视图中对其进行检查。

检查此内容以供参考：-

Relative Layout

注意：要获得更好的性能和工具支持（如在设计视图中所示），您应该改为build your layout with ConstraintLayout。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView  android:layout_height="wrap_content"
android:layout_width="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<RelativeLayout android:layout_width="wrap_content"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:paddingLeft="8dp"
android:paddingRight="6dp"
tools:context=".MainActivity">


<EditText
    android:id="@+id/titleEdtxt"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"

    android:hint="Title"
    android:padding="16dp"
    android:inputType="text"/>
<EditText
    android:id="@+id/titleDescrptxt"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
   android:layout_below="@id/titleEdtxt"

    android:hint="Description"
    android:padding="16dp"
    android:inputType="textMultiLine|textCapSentences"
    android:minHeight="100dp"
    />

<ImageView
    android:id="@+id/uploadImage"
    android:layout_width="match_parent"
    android:layout_height="370dp"

    android:layout_below="@id/titleDescrptxt"

    android:layout_marginBottom="7dp" />


<Button
    android:id="@+id/uploadBtn"
    android:layout_width="170dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_below="@id/uploadImage"
    android:padding="16dp"
    android:text="Upload" />

<Button
    android:id="@+id/choose_file_Btn"
    android:layout_width="170dp"
    android:layout_height="wrap_content"
    android:layout_alignRight="@id/uploadImage"
    android:layout_marginTop="10dp"
    android:layout_below="@id/uploadImage"
    android:padding="16dp"
    android:text="choosefile" />

   </RelativeLayout>
   </ScrollView>

Answer 2

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <RelativeLayout
        android:id="@+id/rr_main_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="20dp">

        <EditText
            android:id="@+id/titleEdtxt"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:hint="Title"
            android:inputType="text" />

        <EditText
            android:id="@+id/titleDescrptxt"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_below="@id/titleEdtxt"
            android:hint="Description"
            android:inputType="textMultiLine|textCapSentences" />

    </RelativeLayout>

    <ImageView
        android:src="@mipmap/ic_launcher"
        android:padding="20dp"
        android:id="@+id/uploadImage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/ll_submit"
        android:layout_below="@id/rr_main_title" />


    <LinearLayout
        android:id="@+id/ll_submit"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:padding="5dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/uploadBtn"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Upload" />

        <Button
            android:id="@+id/choose_file_Btn"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="choosefile" />

    </LinearLayout>

</RelativeLayout>

我的布局无法正常工作，如设计器视图所示

2 个答案: