Android屏幕尺寸变化的tic tac toe游戏

时间:2016-08-29 19:54:27

标签: android android-layout screen screen-resolution hdpi

我在android中制作了tic tac toe游戏,在5英寸的屏幕上工作正常,但在我的荣誉蜜蜂4.5英寸显示器看起来像这样 in 4.5 inch honor bee

在我的5英寸连接中,它看起来很好用线内的所有芯片

这里是xml代码 用于布局                   

   <GridLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:rowCount="3"
    android:columnCount="3"
    android:id="@+id/grid"
    android:background="@drawable/board">

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView"
        android:layout_row="0"
        android:layout_column="0"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="20dp"
        android:onClick="drop"
        android:tag="0"
        android:clickable="false"
        android:maxHeight="87dp"
        android:maxWidth="87dp"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView3"
        android:layout_row="0"
        android:layout_column="1"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="35dp"
        android:onClick="drop"
        android:tag="1"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView2"
        android:layout_row="0"
        android:layout_column="2"
        android:onClick="drop"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginRight="20dp"
        android:tag="2"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView6"
        android:layout_row="1"
        android:layout_column="0"
        android:onClick="drop"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="80dp"
        android:layout_marginBottom="25dp"
        android:tag="3"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView5"
        android:layout_row="1"
        android:layout_column="1"
        android:onClick="drop"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="80dp"
        android:layout_marginRight="10dp"
        android:tag="4"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView8"
        android:layout_row="1"
        android:layout_column="2"
        android:onClick="drop"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="80dp"
        android:tag="5"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView4"
        android:layout_row="2"
        android:layout_column="0"
        android:onClick="drop"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"
        android:tag="6"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView7"
        android:layout_row="2"
        android:layout_column="1"
        android:onClick="drop"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="50dp"
        android:tag="7"
        android:adjustViewBounds="true"
        android:scaleType="centerInside" />

    <ImageView
        android:layout_width="87dp"
        android:layout_height="87dp"
        android:id="@+id/imageView9"
        android:layout_row="2"
        android:layout_column="2"
        android:onClick="drop"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="50dp"
        android:tag="8"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>
</GridLayout>

<LinearLayout
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/bck"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:weightSum="1"
     android:alpha="1"
    android:id="@+id/playagainlayout">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/winnermsg"
        android:layout_gravity="center_horizontal"
        android:textSize="40sp"
        android:layout_weight="0.44" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Play Again"
        android:id="@+id/play_again"
        android:layout_gravity="center_horizontal"
        android:layout_weight="0.05"
        android:onClick="playagain" />
</LinearLayout>

1 个答案:

答案 0 :(得分:1)

您必须使用layout_weight。因为权重处理比例并支持所有维度。否则,设置宽度和高度将不适用于每个设备

here是layout_weight的一个示例。

相关问题