在相对布局中缩放两个imageView,它们彼此相邻

时间:2014-04-07 18:47:53

标签: android xml imageview scale

我为普通屏幕创建了main.xml。一切都很好看。 现在我尝试缩放imageViews以使用更大的屏幕。在顶部和底部缩放imageView没有问题,但它们之间有两个imageView,它们彼此相邻。

main.xml中:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" 
       >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:src="@drawable/bergsteiger2"
            android:layout_alignParentTop="true"
            android:adjustViewBounds="true"
            android:layout_above="@+id/start" />

         <ImageButton
            android:id="@+id/start"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:layout_above="@+id/uebungen"
            android:background="?android:selectableItemBackground"

            android:src="@drawable/start"
            />

    <ImageButton
            android:id="@+id/anleitung"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/uebungen"
            android:layout_above="@+id/impressum"
            android:background="?android:selectableItemBackground"

            android:src="@drawable/anleitung"
            />
    <ImageButton
            android:id="@+id/uebungen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"


            android:background="?android:selectableItemBackground"
            android:layout_above="@+id/impressum"
            android:src="@drawable/uebungen"
            />



         <ImageButton
            android:id="@+id/impressum"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"


            android:background="?android:selectableItemBackground"
            android:layout_alignParentBottom="true"
                    android:layout_centerHorizontal="true"
            android:src="@drawable/impressum"
            />

    </RelativeLayout>

大\ main.xml中

<?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:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/start"
        android:layout_alignParentTop="true"
        android:adjustViewBounds="true"
        android:src="@drawable/bergsteiger2" />

    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/impressum"
        android:orientation="horizontal"


        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true" >

        <ImageButton
            android:id="@+id/anleitung"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/uebungen"
            android:background="?android:selectableItemBackground"
            android:src="@drawable/anleitung" />

        <ImageButton
            android:id="@+id/uebungen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:adjustViewBounds="true"
            android:background="?android:selectableItemBackground"
            android:scaleType="fitXY"
            android:src="@drawable/uebungen" />
    </RelativeLayout>

    <ImageButton
        android:id="@+id/impressum"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:background="?android:selectableItemBackground"
        android:scaleType="fitXY"
        android:src="@drawable/impressum" />

    <ImageButton
        android:id="@+id/start"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/relativeLayout1"
        android:layout_alignParentLeft="true"
        android:adjustViewBounds="true"
        android:background="?android:selectableItemBackground"
        android:scaleType="fitXY"
        android:src="@drawable/start" />

</RelativeLayout>

enter image description here

左一个是大一个,我想缩放“Übungen”和“Anleitung”

1 个答案:

答案 0 :(得分:1)

将两个视图添加到LinearLayout中,使用sumweight属性。线性布局的宽度与父级相匹配,总重量为2.内部的两个图像的宽度均为0dp,权重为1.您可以保留边距以及您现在使用的所有attrbitues 。  这样:

<LinearLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/impressum"
        android:orientation="horizontal"
        android:layout_centerHorizontal="true"
        android:adjustViewBounds="true"
        android:weightSum="2">

        <ImageButton
            android:id="@+id/anleitung"
            android:layout_width="0dp"
            android:layout_weigth="1"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/uebungen"
            android:background="?android:selectableItemBackground"
            android:src="@drawable/anleitung" />

        <ImageButton
            android:id="@+id/uebungen"
            android:layout_width="0dp"
            android:layout_weigth="1"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:background="?android:selectableItemBackground"
            android:scaleType="fitXY"
            android:src="@drawable/uebungen" />
    </LinearLayout>

希望它有所帮助。