2017-03-05 101 views
-2

,當我遇到了以下問題,我沿YouTube上的一些Android的教程如下: (左設計師,右邊的仿真器) enter image description hereGUI元素不能正常顯示

我試着在谷歌搜索,但不能似乎找到了正確的聯繫。 有沒有人有任何想法是怎麼回事?我嘗試刪除並放置新的元素,但同樣的問題不斷髮生。

[編輯] XML代碼,我沒有改變。這是用一個新項目創建的。 enter image description here 圖片中的所有元素都被拖放。沒有代碼被改變。

<?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" 
    android:visibility="visible" 
    tools:context="com.example.todor.myapplication.MainActivity"> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     tools:layout_editor_absoluteX="159dp" 
     tools:layout_editor_absoluteY="235dp" 
     tools:text="@string/loginbutton" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="132dp" 
     android:layout_height="31dp" 
     android:layout_marginBottom="42dp" 
     android:fontFamily="monospace" 
     android:textAlignment="center" 
     android:textColor="@color/colorAccent" 
     android:textColorHint="@android:color/holo_blue_bright" 
     android:textStyle="bold" 
     android:visibility="visible" 
     app:layout_constraintBottom_toTopOf="@+id/editText" 
     tools:text="@string/logintext" 
     tools:layout_editor_absoluteX="126dp" /> 

    <EditText 
     android:id="@+id/editText" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="33dp" 
     android:width="300dp" 
     android:ems="10" 
     android:hint="@string/emailhint" 
     android:inputType="textEmailAddress" 
     app:layout_constraintBottom_toTopOf="@+id/editText2" 
     tools:layout_editor_absoluteX="42dp" /> 

    <EditText 
     android:id="@+id/editText2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="40dp" 
     android:width="300dp" 
     android:ems="10" 
     android:hint="@string/passowrdhint" 
     android:inputType="textPassword" 
     app:layout_constraintBottom_toTopOf="@+id/button" 
     tools:layout_editor_absoluteX="42dp" /> 
</android.support.constraint.ConstraintLay 

出>

+1

[Study layouts](https://developer.android.com/guide/topics/ui/declaring-layout.html) – nobalG

+0

@ilan Todorovic您的問題是什麼?你的XML在哪裏?你需要我們什麼樣的幫助? –

+0

@Charuක圖像的左側是我使用Designer放置的元素的順序,右側是模擬器中顯示的內容。我沒有弄亂代碼。我不知道爲什麼會發生這種情況。 –

回答

1

下面爲大家介紹一些技巧!

閱讀關於Tools Attributes Reference

Android Studio中支持多種XML在工具命名空間使設計時屬性設有(如在一個片段顯示哪個佈局)或編譯時的行爲(如應用於您的XML資源的縮小模式)。當您構建應用程序時,構建工具將刪除這些屬性,以便對您的APK大小或運行時行爲有無效

您需要了解以下屬性的區別!

tools:text="loginbutton" 
android:text="loginbutton" 

您的意見沒有限制他們只設計時位置! 去設計,拖動角落,直到圓圈變爲綠色,然後給constraint.Here是linkOneLinkTwoConstraintLayout

相關如果你搞砸了很大的時間,你可以用LinearLayout替代android.support.constraint.ConstraintLayout額外的指導,但這不是解決方案,而是另一種方式!