为Android的不同屏幕尺寸使用不同的布局

时间:2012-06-26 17:55:47

标签: android screen

我一直致力于Android的记忆游戏,而且我的布局存在问题。

我为每种类型的游戏(简单,中等和硬)设置了3种不同的布局,我在屏幕上需要匹配4x4,5x5或6x6图像。

我正在使用ImageAdapter获取图像并填充我用于在屏幕上显示iamges的GridView。

以下是Easy游戏的XML文件(4x4图像):

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

    <RelativeLayout 
        android:id="@+id/mainBar"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:gravity="center">
         <TextView 
           android:id="@+id/player1"
           android:layout_alignParentLeft="true"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Player1 - "
           />

        <TextView 
           android:id="@+id/player1Score"
           android:layout_toRightOf="@+id/player1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="00 "
           />

          <TextView 
           android:id="@+id/player2Score"
           android:layout_alignParentRight="true"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="00"
           />

        <TextView 
           android:id="@+id/player2"
           android:layout_toLeftOf="@+id/player2Score"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Player2 - "
           />

    <Chronometer
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="02:00" />

    </RelativeLayout>


   <GridView
       android:id="@+id/gridview"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:layout_alignParentBottom="true"
       android:layout_below="@id/mainBar"
       android:gravity="center_vertical|center_horizontal"
       android:numColumns="4">
</GridView>



</RelativeLayout>

唯一的问题是,当我在一个小屏幕尺寸的模拟器上运行应用程序时,图像看起来像拉伸......(见IMG#1)..当我真的想要看起来像这样的东西..(见IMG#2),无论大小,都在每个屏幕上!

IMG#1

IMG#2

我正在使用不同的资源(ldpi,mdpi,hdpi的不同图像)。

2 个答案:

答案 0 :(得分:0)

您遇到的问题是,当您支持多个屏幕密度时,您不支持多种物理屏幕尺寸。这就是为什么在较小的屏幕上你的图像看起来更大并开始扭曲。

要解决此问题,您可以为每种手机尺寸制作单独的布局:小型,普通型,大型和Xlarge。

然而,由于这非常繁琐,我倾向于使用线性布局和权重,以便布局xml可以在所有手机尺寸上进行缩放。

在这种情况下,您可能需要制作一个垂直线性布局,其中包含4个水平线性布局。

答案 1 :(得分:0)

使用它来查找正确的物理屏幕尺寸:

if ((getResources().getConfiguration().screenLayout & 
    Configuration.SCREENLAYOUT_SIZE_MASK) == 
        Configuration.SCREENLAYOUT_SIZE_LARGE) {
    // on a large screen device ...

}

来源:How to determine device screen size category (small, normal, large, xlarge) using code?