2

我正在尝试编写一个应用程序来玩蛇和梯子（这是我编写的第一个应用程序，我只是为了好玩……而不是为了课程或商业目的或其他任何东西）。

所以我的问题是，我想将玩家令牌的 ImageView 从板上的一个方格移动到另一个方格。我不知道如何做两件事：

  1. 如何将令牌的图像视图放置在布局中的板图像视图顶部？

  2. 我怎样才能将令牌图像视图本身移动一定百分比的板图像视图大小？这是可能的还是我应该以其他方式做到这一点？

我有为播放器、棋盘和方块编写的课程，一切都很好。我只需要知道如何处理玩家的令牌。（我已经通过在每次我掷骰子时显示一条吐司消息来说明玩家位置来测试它）。

这是布局的xml代码：

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center" 
    android:background="@drawable/stripes_background"
    android:orientation="vertical" >


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_gravity="center"
        android:layout_marginTop="0dp"
        android:layout_weight="0.1"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/toGameListButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1.00"
            android:background="@drawable/alternate_button_background"
            android:text="Quit"
            android:textColor="#FFFFFF"
            android:textSize="17sp" />

        <Button
            android:id="@+id/restartButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1.00"
            android:background="@drawable/alternate_button_background"
            android:text="Restart"
            android:textColor="#FFFFFF"
            android:textSize="17sp" />
    </LinearLayout>

    <TextView
        android:id="@+id/textViewTurn"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:gravity="center"
        android:layout_weight="0.1"
        android:text="TextView set to Player&apos;s turn"
        android:textColor="#FF9900"
        android:textSize="19sp"
        android:textStyle="bold" />

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="0dip"
        android:layout_weight="0.7" >

        <ImageView
            android:id="@+id/game_board"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:contentDescription="Board"
            android:src="@drawable/snakes_and_ladders_raw_board" />

        <ImageView
            android:id="@+id/green_indicator"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </FrameLayout>

    <Button
        android:id="@+id/rollButton"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_marginTop="10dp"
        android:layout_weight="0.1"
        android:background="@drawable/alternate_button_background"
        android:text="Roll!"
        android:textColor="#FFFFFF"
        android:textSize="19sp" />

</LinearLayout>

任何意见是极大的赞赏。让我知道我是否应该更具体地解决我的问题或任何问题。

4

1 回答 1

3

如何将令牌的图像视图放置在布局中的板图像视图顶部？

您可以简单地将两个 ImageView 放入一个 RelativeLayout，然后确保令牌的 ImageView 低于（在代码中）板的 ImageView。

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/game_board"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:contentDescription="Board"
            android:src="@drawable/snakes_and_ladders_raw_board" />

        <!-- views below in code will be on top -->
        <ImageView
            android:id="@+id/green_indicator"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </RelativeLayout>

我怎样才能将令牌图像视图本身移动一定百分比的板图像视图大小？这是可能的还是我应该以其他方式做到这一点？

您可以访问板 ImageView 宽度属性并相应地为标记 ImageView 设置动画。

ImageView board = (ImageView) findViewById(R.id.board);
ImageView token = (ImageView) findViewById(R.id.token);

// animates the token imageview to the right side by 50% of the boardimageviews width
token.animate().x(board.getWidth() / 2).setDuration(500);
于 2013-08-11T12:52:17.127 回答