多种屏幕尺寸的ImageView的相对布局

时间:2015-05-01 17:42:51

标签: android android-layout

我们正在开发一个应用程序,其中包含一个包含多个符合更大图像的ImageView的RelativeLayout

http://i.imgur.com/EB8s4sR.png

现在看起来不错,但仅限于某些屏幕尺寸,因为我们使用固定宽度的ImageView元素。为了对齐目的,我们已经使所有图像的宽度相同,因此它们都可以正确对齐,只需要担心高度。

我们知道,如果我们想要定位任何屏幕尺寸,除了拥有适用于多个DPI的资源外,我们还需要使用屏幕或容器相关的措施,例如match_parent。

问题是我们无法让match_parent在我们的布局上正常运行。

http://i.imgur.com/zmeNH0C.png

我们做错了什么?对此类问题的任何提示?

RelativeLayout代码是

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_marginBottom="5dp"
    android:layout_weight=".90"
    android:padding="0dp"
    tools:context="com.diapasondev.weatherclothes.WeatherClothesActivity$PlaceholderFragment" >

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:visibility="gone" />

    <TextView
        android:id="@+id/loading_field"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/progressBar1"
        android:layout_centerHorizontal="true"
        android:text="@string/loading"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:visibility="gone" />

    <ImageView
        android:id="@+id/head"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/face"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/head"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/body"
        android:layout_marginTop="-15dp"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/face"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/hands"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:layout_below="@+id/face"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/umbrella"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/body"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/neck"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/body"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/legs"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/body"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />

    <ImageView
        android:id="@+id/feet"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/legs"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />
</RelativeLayout>

0 个答案:

没有答案