2014-09-25 64 views
0

我试图在android中创建一个布局,但与我目前的尝试失败,我希望这里的任何人都可以帮助我。 布局是这样的: enter image description here如何在android中创建这样的布局?

我得到的最好的尝试是这样的:

<GridLayout 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:layout_margin="8dp" 
     android:rowCount="2" 
     android:columnCount="2" 
     android:id="@+id/rangeLayout"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textAppearance="?android:attr/textAppearanceMedium" 
      android:text="From" 
      android:id="@+id/fromLabel" 
      android:layout_row="0" 
      android:layout_column="0" 
      android:layout_marginBottom="4dp"/> 

     <EditText 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:inputType="numberDecimal" 
      android:id="@+id/fromEditText" 
      android:layout_marginLeft="4dp" 
      android:layout_marginBottom="4dp" 
      android:editable="true" 
      android:layout_row="0" 
      android:layout_column="1" 
      android:numeric="integer|decimal" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textAppearance="?android:attr/textAppearanceMedium" 
      android:text="To" 
      android:layout_row="1" 
      android:layout_column="0" 
      android:id="@+id/textView3" /> 

     <EditText 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:inputType="numberDecimal" 
      android:id="@+id/toEditText" 
      android:layout_marginLeft="4dp" 
      android:numeric="integer|decimal" 
      android:layout_row="1" 
      android:layout_column="1" 
      android:editable="true" /> 

    </GridLayout> 

的问题是,两个编辑框是不是在中心。 我还需要做什么才能达到目标?

回答

0

这个怎么样?

<?xml version="1.0" encoding="utf-8"?> 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <EditText 
     android:id="@+id/edittext1" 
     android:layout_width="60dp" 
     android:layout_height="wrap_content" 
     android:gravity="center" 
     android:hint="5.0" 
     android:layout_centerHorizontal="true" /> 

    <TextView 
     android:layout_width="60dp" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@id/edittext1" 
     android:layout_alignBaseline="@id/edittext1" 
     android:text="From:" /> 

    <EditText 
     android:id="@+id/edittext2" 
     android:layout_width="60dp" 
     android:layout_height="wrap_content" 
     android:gravity="center" 
     android:hint="9.0" 
     android:layout_centerHorizontal="true" 
     android:layout_below="@id/edittext1" /> 

    <TextView 
     android:layout_width="60dp" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@id/edittext2" 
     android:layout_alignBaseline="@id/edittext2" 
     android:text="To:" /> 

</RelativeLayout> 

Android Studio screenshot