如何创建一个约束布局

Question

我只是创建了一个简单layout.xml，我希望把这个布局约束的布局，以通过拖放轻松管理的意见和下降怎么解决这个问题

.. .................................................. ............

这是我layout.xml

<?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" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <RelativeLayout 
     android:id="@+id/menuRL" 
     android:layout_width="wrap_content" 
     android:layout_height="35dp" 
     android:background="#bebdbd"> 


     <TextView 
      android:id="@+id/itemNameShowOrder" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignTop="@+id/itemImage" 
      android:layout_toEndOf="@+id/itemImage" 
      android:text="TextView" 
      android:textSize="10dp" 
      android:textStyle="bold" /> 


     <RelativeLayout 
      android:id="@+id/showOrderqtyID" 
      android:layout_width="60dp" 
      android:layout_height="fill_parent" 
      android:background="#f9762f" 
      android:layout_alignParentTop="true" 
      android:layout_alignParentEnd="true" 
      android:layout_marginEnd="82dp"> 

      <TextView 
       android:id="@+id/txtQTYshowOrder" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:textSize="30dp" 
       android:layout_centerVertical="true" 
       android:text="0" /> 
     </RelativeLayout> 

     <TextView 
      android:text="TotalPrice" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="34dp" 
      android:id="@+id/textView7" 
      android:layout_alignBaseline="@+id/itemNameShowOrder" 
      android:layout_alignBottom="@+id/itemNameShowOrder" 
      android:layout_alignParentEnd="true" /> 

     <TextView 
      android:text="0" 
      android:layout_width="wrap_content" 
      android:textStyle="bold" 
      android:textSize="25dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/tpID" 
      android:layout_alignParentBottom="true" 
      android:layout_alignStart="@+id/textView7" /> 

    </RelativeLayout> 

</LinearLayout> 

Answer 1

的Android Studio允许您从ConstrainLayout您老结构新的结构生成。

首先，添加依赖compile 'com.android.support.constraint:constraint-layout:1.0.1'

然后按照你的XML布局。 打开“设计”选项卡，然后从根元素打开上下文菜单（右键单击）并选择“转换为约束布局”选项。

我已经添加截图是怎么做的。

Answer 2

先加的依赖你的gradle产出：

compile 'com.android.support.constraint:constraint-layout:1.0.1' 

，那么你可以把它添加到您的Layout.xml如下：