如何通过布局将图像放在后面

时间:2014-05-22 11:31:50

标签: android

我有以下布局。

我需要在它后面放一个图像,这样结果就像这样

enter image description here

目前结果是这样的

enter image description here

所以我需要将此图片"@drawable/white_bg"置于我的布局之后。

enter image description here

现在,如果我把它作为RelativeLayout的背景,或者如果我把它作为ImageView我会得到可怕的结果, 像这样:

enter image description here

这是XML:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/scrollView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bgland"
android:fillViewport="true" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MenuActivity" >

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_centerInParent="true"
            android:layout_margin="20dip"
            android:background="@android:color/darker_gray" />

        <Button
            android:id="@+id/buttonGoToMyLoc"
            style="@style/OrangeButtonStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_above="@+id/view1"
            android:layout_alignLeft="@+id/view1"
            android:layout_alignRight="@+id/view1"
            android:layout_marginBottom="10dip"
            android:layout_marginLeft="15dip"
            android:layout_marginRight="15dip"
            android:text="@string/menu_text_near_me" />

        <Button
            android:id="@+id/buttonGoToThisLoc"
            style="@style/OrangeButtonStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/view1"
            android:layout_alignRight="@+id/view1"
            android:layout_below="@+id/view1"
            android:layout_marginLeft="15dip"
            android:layout_marginRight="15dip"
            android:layout_marginTop="10dip"
            android:text="@string/menu_text_address" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/imageView1"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="25dip"
            android:text="@string/menu_title"
            android:textColor="@android:color/black"
            android:textSize="20dip"
            android:textStyle="bold" />

        <EditText
            android:id="@+id/locAddress"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/imageView1"
            android:layout_alignRight="@+id/imageView1"
            android:layout_below="@+id/textView1"
            android:layout_centerHorizontal="true"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_marginTop="10dip"
            android:ems="10"
            android:hint="@string/menu_hint"
            android:inputType="text"
            android:singleLine="true"
            android:visibility="gone" >

            <requestFocus />
        </EditText>

        <EditText
            android:id="@+id/locAddressCity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/imageView1"
            android:layout_alignRight="@+id/imageView1"
            android:layout_below="@+id/locAddress"
            android:layout_centerHorizontal="true"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:ems="10"
            android:hint="@string/menu_hint_city"
            android:inputType="text"
            android:singleLine="true"
            android:visibility="gone" />
    </RelativeLayout>
</RelativeLayout>

</ScrollView>

3 个答案:

答案 0 :(得分:2)

如果您将第一个relativeLayout的高度更改为fill_parent并在scrollView上添加填充,则代码将起作用,结果将是预期的。

它出现了:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/scrollView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"
android:padding="30dip"
android:fillViewport="true" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="@drawable/white" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MenuActivity" >

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_centerInParent="true"
            android:layout_margin="20dip"
            android:background="@android:color/darker_gray" />

        <Button
            android:id="@+id/buttonGoToMyLoc"
            style="@style/OrangeButtonStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_above="@+id/view1"
            android:layout_alignLeft="@+id/view1"
            android:layout_alignRight="@+id/view1"
            android:layout_marginBottom="10dip"
            android:layout_marginLeft="15dip"
            android:layout_marginRight="15dip"
            android:text="@string/menu_text_near_me" />

        <Button
            android:id="@+id/buttonGoToThisLoc"
            style="@style/OrangeButtonStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/view1"
            android:layout_alignRight="@+id/view1"
            android:layout_below="@+id/view1"
            android:layout_marginLeft="15dip"
            android:layout_marginRight="15dip"
            android:layout_marginTop="10dip"
            android:text="@string/menu_text_address" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/imageView1"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="25dip"
            android:text="@string/menu_title"
            android:textColor="@android:color/black"
            android:textSize="20dip"
            android:textStyle="bold" />

        <EditText
            android:id="@+id/locAddress"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/imageView1"
            android:layout_alignRight="@+id/imageView1"
            android:layout_below="@+id/textView1"
            android:layout_centerHorizontal="true"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_marginTop="10dip"
            android:ems="10"
            android:hint="@string/menu_hint"
            android:inputType="text"
            android:singleLine="true"
            android:visibility="gone" >

            <requestFocus />
        </EditText>

        <EditText
            android:id="@+id/locAddressCity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/imageView1"
            android:layout_alignRight="@+id/imageView1"
            android:layout_below="@+id/locAddress"
            android:layout_centerHorizontal="true"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:ems="10"
            android:hint="@string/menu_hint_city"
            android:inputType="text"
            android:singleLine="true"
            android:visibility="gone" />
    </RelativeLayout>
</RelativeLayout>

</ScrollView>

ps:“@ + id / imageView1”不存在,你指的是它。

答案 1 :(得分:1)

我希望它对您有所帮助,请根据您的要求添加图片。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#FF00FF" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_centerVertical="true"
    android:layout_margin="20dp"
    android:background="#FFFFFF" >

    <TextView
        android:id="@+id/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:text="Find A BIKE BACK"
        android:textColor="@android:color/black" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/back"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:gravity="center_vertical"
        android:orientation="vertical" >

        <EditText
            android:id="@+id/edit_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:hint="Put Some value" />

        <Button
            android:id="@+id/talk_bike_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="10dp"
            android:text="CAN I TALK THE BIKE ?" />

        <TextView
            android:id="@+id/line"
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="10dp"
            android:background="@android:color/black" />

        <Button
            android:id="@+id/near_me_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="10dp"
            android:text="NEAR ME" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="10dp"
            android:text="NEAR ADDRESS" />
    </LinearLayout>
</RelativeLayout>
</RelativeLayout>

答案 2 :(得分:1)

应将

@drawable/white_bg设置为RelativeLayout的背景。然后,您需要相对于彼此布局所有内容(android:layout_aboveandroid:layout_below)。

您的XML使用的@+id/imageView1不存在。