Android - 布局未按预期显示

时间:2017-12-11 15:02:09

标签: android android-layout

这(第1张图片)是如何在content_main.xml中显示布局 https://s8.postimg.org/8ie65tzdh/Untitled1.png 但是这个(第2个图像)是它在虚拟设备中的显示方式。 https://s8.postimg.org/wywc0enad/Untitled.png

我是初学者,所以我可能会在这里遗漏很多东西。所有的帮助将不胜感激。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.example.shanu.namerank.MainActivity"
tools:showIn="@layout/activity_main">

<Button
    android:id="@+id/submit"
    style="@style/Widget.AppCompat.Button.Colored"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="216dp"
    android:layout_marginBottom="246dp"
    android:layout_marginLeft="132dp"
    android:layout_marginRight="132dp"
    android:text="@string/submit"
    tools:layout_editor_absoluteX="136dp"
    tools:layout_editor_absoluteY="217dp" />

<EditText
    android:id="@+id/name"
    android:layout_width="279dp"
    android:layout_height="70dp"
    android:layout_marginTop="128dp"
    android:layout_marginBottom="310dp"
    android:layout_marginLeft="40dp"
    android:layout_marginRight="40dp"
    android:digits="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
    android:ems="10"
    android:inputType="textPersonName"
    android:text="@string/enter_name"
    tools:layout_editor_absoluteX="41dp"
    tools:layout_editor_absoluteY="129dp" />

<Button
    android:id="@+id/check"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/check"
    android:layout_marginTop="283dp"
    android:layout_marginBottom="176dp"
    android:layout_marginLeft="124dp"
    android:layout_marginRight="124dp"
    tools:layout_editor_absoluteX="126dp"
    tools:layout_editor_absoluteY="284dp" />

<TextView
    android:id="@+id/result"
    android:layout_width="194dp"
    android:layout_height="67dp"
    android:layout_marginTop="356dp"
    android:layout_marginBottom="88dp"
    android:layout_marginLeft="80dp"
    android:layout_marginRight="80dp"
    android:text="@string/result"
    tools:layout_editor_absoluteX="83dp"
    tools:layout_editor_absoluteY="357dp" />


</android.support.constraint.ConstraintLayout>

enter image description here

2 个答案:

答案 0 :(得分:0)

您的视图约束仅用于在xml布局编辑器中显示,但在实际设备上运行时将被忽略。 Android工作室应该通过文本“layout_editor_”向您发出有关使用任何内容的警告。您需要为视图提供真正的约束。

答案 1 :(得分:0)

你需要添加&#34; android:layout_marginBottom = x dp&#34;。 所有4个边的底部/顶部/开始(左侧)/末端(右侧)。并为每个元素。

或者如果你喜欢更多的设计方面,只需将箭头从元素拉到两侧,然后将元素移到布局上。