web-dev-qa-db-ja.com

relativeLayoutで要素が重なり合っている

アクティビティを作成し、デフォルトでAndroid Studioに含まれるRelativeLayoutを使用しました。

TextViewの直前にボタンを配置しようとしていますが、それができません。

結果は次のとおりです。

enter image description here

これが私のコードです：

<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_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=".MyActivity">

    <TextView
        Android:id="@+id/heading"
        Android:text="@string/hello_world"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        />

    <Button
        Android:id="@+id/button"
        Android:text="@string/sachin_jain"
        Android:layout_width="wrap_content"
        Android:layout_height="20dp"
        Android:layout_alignLeft="@+id/heading"
        Android:layout_alignTop="@+id/heading"
        Android:layout_centerHorizontal="true"
        />

</RelativeLayout>

何かが足りないようです。どんな助けでもいただければ幸いです！

androidandroid-layouttextviewrelativelayout
7
sachinjain024

私が見つけた解決策は次のとおりです。Android:layout_below/Android:layout_alignTopの代わりにAndroid:layout_alignRightを使用します

<TextView
    Android:id="@+id/heading"
    Android:text="My First Activity with Relative Layout"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_centerHorizontal="true"
    />

<Button
    Android:id="@+id/button"
    Android:text="Save"
    Android:layout_width="300px"
    Android:layout_height="wrap_content"
    Android:layout_below="@id/heading"
    Android:layout_margin="20px"
    Android:layout_centerHorizontal="true"
    />

スクリーンショットは次のとおりです。

Snapshot with working Relative Layout

8
sachinjain024

最初にボタン、次にテキストビューが必要だと思います。次に、次のようなことを行うことができます。

<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:tools="http://schemas.Android.com/tools"
Android:layout_width="fill_parent"
Android:layout_height="fill_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=".MyActivity">

<TextView
    Android:id="@+id/heading"
    Android:text="@string/hello_world"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    />

<Button
    Android:id="@+id/button"
    Android:text="@string/sachin_jain"
    Android:layout_width="wrap_content"
    Android:layout_height="20dp"
    Android:layout_alignRight="@+id/heading"
    Android:layout_alignTop="@+id/heading"
    Android:layout_centerHorizontal="true"
    />

</RelativeLayout>

あなたの問題はあなたが持っていたということでした：

 Android:layout_alignLeft="@+id/heading"
    Android:layout_alignTop="@+id/heading"

両方のビューを互いに上に揃えるボタンで。

1
Illegal Argument