使用不同的屏幕分辨率时对齐问题

时间:2014-12-17 06:49:17

标签: android android-layout

请帮我安排适合所有设备的布局和元素, 我现在的xml代码如下所示。主要问题是元素在不同屏幕分辨率下运行时会发生变化     

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="2dp" >

        <Button
            android:id="@+id/firstimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle"
            android:gravity="center"
            android:scaleType="fitXY" />

        <ImageView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"/>
    <TextView 
        android:id="@+id/texthere"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="helloooo"
        android:textSize="15dp"
        android:layout_below="@+id/firstimage"/>
    </RelativeLayout>


    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/secondimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
        <TextView 
        android:id="@+id/texthere2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="helloooo"
        android:textSize="15dp"
        android:layout_below="@+id/secondimage"/>
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/thirdimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />

    </RelativeLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/second_row"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/first_row"
    android:layout_centerHorizontal="true"
    android:layout_margin="15dp"
    android:orientation="horizontal" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/fourthimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/fifthimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/sixthimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
    </RelativeLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/third_row"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/second_row"
    android:layout_centerHorizontal="true"
    android:layout_margin="15dp"
    android:orientation="horizontal" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/sevimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/eighthimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/ninthimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smallcircle" />

        <ImageView
            android:id="@+id/text9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/workscam"
            android:textSize="15dp" />
    </RelativeLayout>
</LinearLayout>

`

0 个答案:

没有答案