2017-07-03 70 views
0

在预览中我让我的app看起来像这样。从预览如何在Android studio中选择位置文本和按钮?

图片:

[1]

不幸的是,当我启动应用程序的样子从测试

[2]

画面和我的网页代码

<android.support.constraint.ConstraintLayout 
    android:layout_width="315dp" 
    android:layout_height="66dp" 
    tools:layout_editor_absoluteX="48dp" 
    tools:layout_editor_absoluteY="287dp"> 

</android.support.constraint.ConstraintLayout> 

<android.support.constraint.ConstraintLayout 
    android:layout_width="212dp" 
    android:layout_height="36dp" 
    tools:layout_editor_absoluteX="70dp" 
    tools:layout_editor_absoluteY="232dp"> 

</android.support.constraint.ConstraintLayout> 

<android.support.constraint.ConstraintLayout 
    android:layout_width="271dp" 
    android:layout_height="66dp" 
    tools:layout_editor_absoluteX="70dp" 
    tools:layout_editor_absoluteY="153dp"> 

</android.support.constraint.ConstraintLayout> 

<android.support.constraint.ConstraintLayout 
    android:layout_width="218dp" 
    android:layout_height="51dp" 
    tools:layout_editor_absoluteX="2dp" 
    tools:layout_editor_absoluteY="4dp"> 

</android.support.constraint.ConstraintLayout> 

<android.support.constraint.ConstraintLayout 
    android:layout_width="271dp" 
    android:layout_height="66dp" 
    tools:layout_editor_absoluteX="70dp" 
    tools:layout_editor_absoluteY="77dp"> 

</android.support.constraint.ConstraintLayout> 

<TextView 
    android:id="@+id/textView8" 
    android:layout_width="218dp" 
    android:layout_height="51dp" 
    android:text="Se connecter" 
    android:textSize="30sp" 
    android:textStyle="bold" 
    tools:layout_editor_absoluteX="2dp" 
    tools:layout_editor_absoluteY="4dp" /> 

<EditText 
    android:id="@+id/editText2" 
    android:layout_width="270dp" 
    android:layout_height="67dp" 
    android:ems="10" 
    android:hint="Numero de telephone" 
    android:inputType="phone" 
    tools:layout_editor_absoluteX="70dp" 
    tools:layout_editor_absoluteY="77dp" /> 

<EditText 
    android:id="@+id/editText3" 
    android:layout_width="274dp" 
    android:layout_height="66dp" 
    android:ems="10" 
    android:hint="Mot de pass" 
    android:inputType="textPassword" 
    tools:layout_editor_absoluteX="70dp" 
    tools:layout_editor_absoluteY="153dp" /> 

<CheckBox 
    android:id="@+id/checkBox6" 
    android:layout_width="214dp" 
    android:layout_height="36dp" 
    android:text="rester connecte" 
    tools:layout_editor_absoluteX="70dp" 
    tools:layout_editor_absoluteY="232dp" /> 

<Button 
    android:id="@+id/button3" 
    android:layout_width="313dp" 
    android:layout_height="64dp" 
    android:text="Se connecter" 
    tools:layout_editor_absoluteX="48dp" 
    tools:layout_editor_absoluteY="287dp" /> 

+0

为什么不直接使用Android Studio中的设计选项卡,以创建布局? – gommb

+0

是的,我确实使用了设计选项卡,但是当我启动应用程序时,它看起来很糟糕 –

+0

从代码看,您似乎没有使用布局。尝试使用相对布局并将所有元素放置在其中。 – gommb

回答

0

当您使用ConstraintLayout你必须元素之间添加约束。当您只需使用布局编辑器拖放它们时,它只会创建仅在android studio中使用的键"tools:layout_editor_absoluteX""tools:layout_editor_absoluteY",因此它知道如何在布局编辑器中显示它们。

你可以按照这个链接,了解如何使用ConstraintLayout https://developer.android.com/training/constraint-layout/index.html

相关问题