我正在尝试使用Android Studio创建一个超级简单的2x2滑动拼图。即使实际上不建议使用2x2，我也想让这款游戏尽可能简单。
在content_game.xml文件中，我使用ImageButtons创建了一个2x2表格。在我的Game.java文件中的OnCreate()函数中，我引用了每个小部件，并创建并调用了shuffle()函数以将它们混合在一起。在同一活动中，我创建了一个“新拼图”按钮以再次随机播放图像。
Game.java的完整文件：
gameGrid[0][0] = (ImageButton) findViewById(R.id.square1);
gameGrid[0][1] = (ImageButton) findViewById(R.id.square2);
gameGrid[1][0] = (ImageButton) findViewById(R.id.square3);
gameGrid[1][1] = (ImageButton) findViewById(R.id.square4);
newPuzzleButton = (Button) findViewById(R.id.newPuzzleBtn);
movesTextView = (TextView) findViewById(R.id.movesTextView);
//event handlers
for (int x = 0; x < gameGrid.length; x++) {
for (int y = 0; y < gameGrid[x].length; y++) {
gameGrid[x][y].setOnClickListener(this);
}
}
newPuzzleButton.setOnClickListener(this);
//scramble grid for new puzzle
scramble();
//starting values
moves = 0;
gameOver = false;
imgName = "shoes"; //default puzzle img
movesTextView.setText(String.valueOf(moves));
gameString = " "; //4 spaces (1 for each square)
}
private void scramble() {
Random random = new Random();
int x_index;
int y_index;
ImageButton temp[][] = new ImageButton[2][2];
for (int x = gameGrid.length - 1; x > 0; x--) {
for (int y = gameGrid[x].length - 1; y > 0; y--) {
x_index = random.nextInt(x + 1);
y_index = random.nextInt(y + 1);
temp[x][y] = gameGrid[x_index][y_index];
gameGrid[x_index][y_index] = gameGrid[x][y];
gameGrid[x][y] = temp[x][y];
}
}
}
@Override
public void onClick(View v) {
switch(v.getId()) {
case R.id.newPuzzleBtn:
scramble();
//set starting values
moves = 0;
gameOver = false;
imgName = "shoes"; //default puzzle img
movesTextView.setText(String.valueOf(moves));
gameString = " "; //4 spaces (1 for each square)
break;
default:
ImageButton b = (ImageButton) v;
if (b.getId() == R.id.square4) {
moves = 4;
}
else if (b.getId() == R.id.square3){
moves = 3;
}
else if (b.getId() == R.id.square2){
moves = 2;
}
else {
moves = 1;
}
movesTextView.setText(String.valueOf(moves));
}
}
完整的content_game_.xml文件：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context=".Game"
tools:showIn="@layout/activity_game">
<TextView
android:id="@+id/movesTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginBottom="10dp"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:gravity="center_horizontal"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TableLayout
android:layout_width="350dp"
android:layout_height="350dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:layout_marginBottom="225dp"
android:orientation="vertical">
<TableRow>
<ImageButton
android:id="@+id/square1"
android:layout_width="175dp"
android:layout_height="175dp"
android:background="#ccc"
android:textSize="30sp" />
<ImageButton
android:id="@+id/square2"
android:layout_width="175dp"
android:layout_height="175dp"
android:background="#ccc"
android:textSize="30sp" />
</TableRow>
<TableRow>
<ImageButton
android:id="@+id/square3"
android:layout_width="175dp"
android:layout_height="175dp"
android:background="#ccc"
android:textSize="30sp" />
<ImageButton
android:id="@+id/square4"
android:layout_width="175dp"
android:layout_height="175dp"
android:background="#ccc"
android:textSize="30sp" />
</TableRow>
</TableLayout>
<Button
android:id="@+id/newPuzzleBtn"
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_alignParentBottom="true"
android:layout_marginBottom="150dp"
android:layout_span="3"
android:text="@string/newPuzzleBtn"
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:textSize="20sp" />
</RelativeLayout>
当我打开游戏时，我期望2D阵列会被改组，但事实并非如此。每个拼图的碎片都保持正确的顺序。
编辑： 每个ImageButton小部件的背景都设置为完整图像的每个断点。
我也尝试过在shuffle()函数中交替使用此代码块，但无济于事：
int num;
for (int x = gameGrid.length - 1; x > 0; x--) {
for (int y = gameGrid[x].length - 1; y > 0; y--) {
num = random.nextInt(y);
if (num == 0) {
gameGrid[x][y] = (ImageButton) findViewById(R.id.square1);
}
else if (num == 1) {
gameGrid[x][y] = (ImageButton) findViewById(R.id.square2);
}
else if (num == 2) {
gameGrid[x][y] = (ImageButton) findViewById(R.id.square3);
}
else {
gameGrid[x][y] = (ImageButton) findViewById(R.id.square4);
}
}
}
答案 0 :(得分：1)
您的代码不会随机排列ImageButton的位置。
类似的情况：如果您在一张纸上写下了四个人的电话号码，则改组他们在纸上出现的顺序不会为这四个人分配新的号码。
我想您为每个ImageButton分配了固定的可绘制资源。您可以使用2D可绘制资源数组
private int[][] images = {R.drawable.top_left, R.drawable.top_right, R.drawable.bottom_left, R.drawable.bottom_right};
其中top_left.png，top_right.png，bottom_left.png和bottom_right.png是拼图的四个部分。
如果您随机整理那个，然后将可绘制资源分配给ImageButton，那么您应该会获得所需的效果。
请注意，您的scramble（）中的循环应运行到“> = 0”而不是“> 0”。
另一种随机播放图像资源的方法是使用SparseIntArray，它类似于List，但适用于原始数据类型int而不适用于Integer。这对于提高性能很有用。
private SparseIntArray images = new SparseIntArray();
让我们介绍两种新方法
private void initializeImages() {
images.clear();
images.append(0,R.drawable.ic_phone_24dp);
images.append(1, R.drawable.ic_face_24dp);
images.append(2, R.drawable.ic_favorite_24dp);
images.append(3, R.drawable.ic_star_24dp);
}
和
private void shuffleImageResourceIds() {
Random random = new Random();
for (int x = gameGrid.length - 1; x >= 0; x--) {
for (int y = gameGrid[x].length - 1; y >= 0; y--) {
int size = images.size();
if(size > 1){
int index = random.nextInt(size);
int imageResourceId = images.valueAt(index);
images.removeAt(index);
gameGrid[x][y].setImageResource(imageResourceId);
}
else {
gameGrid[x][y].setImageResource(images.valueAt(0));
}
}
}
}
在onCreate()
newPuzzleButton.setOnClickListener(this);
//scramble grid for new puzzle
//scramble();
initializeImages();
shuffleImageResourceIds();
和onClick()
@Override
public void onClick(View v) {
switch(v.getId()) {
case R.id.newPuzzleBtn:
// scramble();
initializeImages();
shuffleImageResourceIds();
//set starting values like before ...
break;
default:
// handle moves like before ...
}
}