根据背景图像的相对布局包装宽度和高度

时间:2013-09-18 20:18:38

标签: android android-layout relativelayout

我面临的问题是非常奇怪的相对布局不是根据图像扭曲宽度和高度。它在全屏显示相对布局,因为你可以看到Image 代码:

<?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"
android:background="@drawable/img_bg_wood">

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/nine_man_morris" >
</RelativeLayout>

</RelativeLayout>

当我将ImageView放置在相对布局中时,我解决了这个问题,它可以完美地运行,因为你可以看到Image

代码:

<?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"
android:background="@drawable/img_bg_wood">

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/nine_man_morris" />

</RelativeLayout>

</RelativeLayout>

但问题是我不想使用imageview 因为它仍然在全屏显示RelativeLayout。我想根据图像包装relativelayout,就像上面显示的代码一样。

2 个答案:

答案 0 :(得分:5)

// try this
<?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"
    android:background="@drawable/img_bg_wood">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/nine_man_morris"
        android:gravity="center">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/ic_launcher" />

    </RelativeLayout>

</RelativeLayout>

答案 1 :(得分:0)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#A0000000"
                android:clickable="true"
                android:focusable="true">

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                    xmlns:app="http://schemas.android.com/apk/res-auto"
                    android:layout_centerInParent="true"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    >


        <!-- The Background Image -->           
        <ImageView

                android:layout_width="wrap_content"
                android:scaleType="fitXY"
                android:layout_centerInParent="true"
                android:id="@+id/background_image"
                android:layout_height="wrap_content"
                android:src="@drawable/bg_pic"


                />



        <!-- The view group containd around the image -->
        <LinearLayout
                android:orientation="vertical"
                android:layout_alignBottom="@id/background_image"
                android:layout_alignLeft="@id/background_image"
                android:layout_alignRight="@id/background_image"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">








            </LinearLayout>

    </RelativeLayout>


</RelativeLayout>

这应该可以解决您的问题