Android Studio 0.5.4
您好,
我有一个带有2列EditText的relativeLayout。
我希望第二行从屏幕中心开始,第一列中的EditText从左边开始,然后停在中心。
我一直在使用centerInParent和centerHorizonatal toLeftOf,但是看不到它是否正确。我不想使用LinearLayout并希望只使用RelativeLayout这样做,如果可能的话。所以linearLayout对我来说不是一个选择。
非常感谢任何建议。 截图:
我正在使用的样式:
<resources>
<style name="addressBookLand">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textSize">22sp</item>
<item name="android:layout_marginBottom">4dp</item>
</style>
</resources>
布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#fffc">
<TextView
android:id="@+id/tvTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="22sp"
android:gravity="center"
android:inputType="text"
android:text="Address Book App"
android:textStyle="bold|italic" />
<EditText
android:id="@+id/etFirstName"
style="@style/addressBookLand"
android:hint="Enter your first name"
android:inputType="text"
android:layout_below="@id/tvTitle"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@id/etLastName"/>
<EditText
android:id="@+id/etLastName"
style="@style/addressBookLand"
android:hint="Enter your last name"
android:inputType="text"
android:layout_below="@id/tvTitle"
android:layout_centerHorizontal="true"/>
<EditText
android:id="@+id/etAddressLine"
style="@style/addressBookLand"
android:hint="Enter your address"
android:inputType="text"
android:layout_below="@id/etFirstName"/>
<EditText
android:id="@+id/etDistrict"
style="@style/addressBookLand"
android:hint="Enter your district"
android:inputType="text"
android:layout_below="@id/etLastName"
android:layout_toRightOf="@id/etAddressLine"/>
<EditText
android:id="@+id/etCity"
style="@style/addressBookLand"
android:hint="Enter your city"
android:inputType="text"
android:layout_below="@id/etAddressLine"/>
<EditText
android:id="@+id/etPostCode"
style="@style/addressBookLand"
android:hint="Enter your postcode"
android:inputType="number"
android:layout_below="@id/etDistrict"
android:layout_toRightOf="@id/etCity"/>
<EditText
android:id="@+id/etPhoneNumber"
style="@style/addressBookLand"
android:hint="Enter your phone number"
android:inputType="phone"
android:layout_below="@id/etCity"/>
<EditText
android:id="@+id/etEmailAddress"
style="@style/addressBookLand"
android:hint="Enter your email Address"
android:inputType="textEmailAddress"
android:layout_below="@id/etPostCode"
android:layout_toRightOf="@id/etPhoneNumber"/>
<Button
android:id="@+id/btnSubmit"
style="@style/addressBookLand"
android:text="Submit"
android:layout_below="@id/etPhoneNumber"
android:layout_toLeftOf="@id/btnCancel"
android:layout_alignParentLeft="true"/>
<Button
android:id="@+id/btnCancel"
style="@style/addressBookLand"
android:onClick="onClickCancel"
android:text="Cancel"
android:layout_below="@id/etEmailAddress"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
答案 0 :(得分:2)
如果您绝对不想使用LinearLayout
那么优雅的解决方案可能是创建一个宽度和高度为0的TextView
作为中心点的标记,并将其用于将你的其他View
定位在它周围。例如;
<TextView
android:id="@+id/centre_marker"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_centerHorizontal="true"/>
因为它有0宽度(如果你想在EditText
之间留一个空格,你可以给这个标记一个宽度,或者使用其他View
上的边距),它或多或少完全在中心。因此,您可以将左侧的所有组件对齐到右侧,并将右侧的所有组件对齐到左侧。例如;
<EditText
android:id="@+id/etFirstName"
style="@style/addressBookLand"
android:hint="Enter your first name"
android:inputType="text"
android:layout_below="@id/tvTitle"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@id/centre_marker"/>
<EditText
android:id="@+id/etLastName"
style="@style/addressBookLand"
android:hint="Enter your last name"
android:inputType="text"
android:layout_below="@id/tvTitle"
android:layout_toRightOf="@id/centre_marker"/>
或者,正如其他人所提到的,只要您不打算再制作布局,水平LinearLayouts
内的两个相等大小的垂直LinearLayout
就可以获得所需的结果复杂或不那么规范。
我希望这会有所帮助。如果您需要澄清,您可以给我留言,我会尽可能地解释。
答案 1 :(得分:1)
将EditTexts分组为两个垂直LinearLayouts。围绕这些包裹水平LinearLayout,并给予垂直LinearLayouts权重=“1”
<LinearLayout
android:orientation="horizontal"
android:width="match_parent"
android:height="wrap_content">
<LinearLayout
android:orientation="vertical"
android:weight="1"
android:width="0dp"
android:height="wrap_content">
<!-- put first column here -->
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:weight="1"
android:width="0dp"
android:height="wrap_content">
<!-- put second column here -->
</LinearLayout
</LinearLayout
答案 2 :(得分:1)
只需使用放置在“线性布局”中的2个相关布局创建列,并在列上使用权重,并将Width_layout设置为match_parent。 请记住,您可以将Layouts嵌套在其他布局中。
答案 3 :(得分:1)
尝试以下代码
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#fffc" >
<TextView
android:id="@+id/tvTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:inputType="text"
android:text="Address Book App"
android:textSize="22sp"
android:textStyle="bold|italic" />
<EditText
android:id="@+id/etFirstName"
style="@style/addressBookLand"
android:layout_alignParentLeft="true"
android:layout_below="@id/tvTitle"
android:layout_toLeftOf="@id/etLastName"
android:hint="Enter your first name"
android:inputType="text" />
<EditText
android:id="@+id/etAddressLine"
style="@style/addressBookLand"
android:layout_below="@id/etFirstName"
android:hint="Enter your address"
android:inputType="text" />
<EditText
android:id="@+id/etCity"
style="@style/addressBookLand"
android:layout_below="@id/etAddressLine"
android:hint="Enter your city"
android:inputType="text" />
<Button
android:id="@+id/btnCancel"
style="@style/addressBookLand"
android:layout_below="@id/etEmailAddress"
android:layout_centerHorizontal="true"
android:onClick="onClickCancel"
android:text="Cancel" />
<Button
android:id="@+id/btnSubmit"
style="@style/addressBookLand"
android:layout_alignParentLeft="true"
android:layout_below="@id/etPhoneNumber"
android:layout_toLeftOf="@id/btnCancel"
android:text="Submit" />
<EditText
android:id="@+id/etLastName"
style="@style/addressBookLand"
android:layout_alignBaseline="@+id/etFirstName"
android:layout_alignBottom="@+id/etFirstName"
android:layout_alignParentRight="true"
android:ems="10"
android:hint="Enter your last name"
android:inputType="text" />
<EditText
android:id="@+id/etDistrict"
style="@style/addressBookLand"
android:layout_alignParentRight="true"
android:layout_below="@+id/etLastName"
android:ems="10"
android:hint="Enter your district"
android:inputType="text" >
<requestFocus />
</EditText>
<EditText
android:id="@+id/etPostCode"
style="@style/addressBookLand"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:ems="10"
android:hint="Enter your postcode"
android:inputType="number" />
<EditText
android:id="@+id/etEmailAddress"
style="@style/addressBookLand"
android:layout_alignParentRight="true"
android:layout_below="@+id/etPostCode"
android:ems="10"
android:hint="Enter your email Address"
android:inputType="textEmailAddress" />
<EditText
android:id="@+id/etPhoneNumber"
style="@style/addressBookLand"
android:layout_alignParentLeft="true"
android:layout_below="@+id/etCity"
android:ems="10"
android:hint="Enter your phone number"
android:inputType="phone" />
希望这能解决您的问题
答案 4 :(得分:1)
尝试使用以下代码。希望这会有效。
<?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" >
<View
android:id="@+id/center"
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_centerHorizontal="true" />
<EditText
android:id="@+id/fist_row"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/center" />
<EditText
android:id="@+id/second_row"
android:layout_alignLeft="@+id/center"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/fist_row"/>
答案 5 :(得分:1)
另外你说linearlayout不适合你,你应该考虑将它用作相对布局的孩子!
这样,您可以围绕两个按钮设置水平线性布局,并将它们水平居中。因此,而不是两个按钮,如:
<LinearLayout
android:height="wrap_content"
android:width="match_parent"
android:orientation="horizontal"
android:gravity="center_horizontal"
android:layout_below="@id/etPhoneNumber" >
<Button
android:id="@+id/btnSubmit"
style="@style/addressBookLand"
android:text="Submit"/>
<Button
android:id="@+id/btnCancel"
style="@style/addressBookLand"
android:onClick="onClickCancel"
android:text="Cancel"/>
</Linearlayout>
这也可能是一个解决方案: Center two buttons horizontally