我为Android制作了一个小应用,我对XAML有疑问。
这是XML布局代码:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".reverse_screen"
android:textAllCaps="false">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<EditText
android:text="Enter a message"
android:layout_weight="1"
android:layout_width="0dp"
android:id="@+id/hi_field"
android:layout_height="wrap_content"
/>
<Button
android:text="@string/button_send"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:text="Reversed:"/>
</RelativeLayout>
这就是它的样子:
我希望TextView元素位于LinearLayout中的EditText元素下面,但是IDE不允许我这样做,因为它们不在同一个布局中。
我想保留LinearLayout以保持EditText的权重,以允许它水平拉伸。
那么如何在LinearLayout的EditText下的RelativeLayout中创建TextView? android:layout_below
不起作用,因为它们位于不同的布局中。
我该如何解决?
答案 0 :(得分:4)
答案很简单。 将一个ID添加到LinearLayout,然后将布局放在TextView下面
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<EditText
android:text="Enter a message"
android:layout_weight="1"
android:layout_width="0dp"
android:id="@+id/hi_field"
android:layout_height="wrap_content"
/>
<Button
android:text="@string/button_send"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:layout_below="@+id/linearLayout"
android:text="Reversed:"/>
这里LinearLayout和TextView是 RelativeLayout的直接子项,因此, android:layout_below 将在同一个工作。
答案 1 :(得分:1)
只需将其添加到TextView
即可android:layout_below="@id/linearLayout"
您正在使用RelativeLayout,因为视图彼此重叠。只需将代码添加到textView:D
即可答案 2 :(得分:0)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".reverse_screen"
android:textAllCaps="false">
<LinearLayout
android:id="@+id/top_linear"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<EditText
android:text="Enter a message"
android:layout_weight="1"
android:layout_width="0dp"
android:id="@+id/hi_field"
android:layout_height="wrap_content"
/>
<Button
android:text="@string/button_send"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/top_linear"
android:textSize="20sp"
android:text="Reversed:"/>
</RelativeLayout>