Android技术――高级UI：视图拖拽（下）
3、用视图拖拽+GridLayout实现简单移图游戏
这只实现了简单的最核心的UI，没有写判赢逻辑。
源代码参见：https://github.com/YongYuIT/YituGame
1、/YituGame/res/layout/activity_game_main_line.xml文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:id="@+id/rel_root"
android:padding="5dp" >
<GridLayout
android:id="@+id/grl_root"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:columnCount="2"
android:rowCount="5" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnSpan="2"
android:background="@drawable/final_img" />
<Space
android:layout_height="20dp"
android:layout_columnSpan="2" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_columnSpan="2"
android:orientation="horizontal" >
<LinearLayout
android:id="@+id/lil_0_0"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img_0_0"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/img_1" />
</LinearLayout>
<LinearLayout
android:id="@+id/lil_0_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal" >
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_columnSpan="2"
android:orientation="horizontal" >
<LinearLayout
android:id="@+id/lil_1_0"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img_1_0"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/img_2" />
</LinearLayout>
<LinearLayout
android:id="@+id/lil_1_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img_1_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/img_4" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_columnSpan="2"
android:orientation="horizontal" >
<LinearLayout
android:id="@+id/lil_2_0"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img_2_0"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/img_5" />
</LinearLayout>
<LinearLayout
android:id="@+id/lil_2_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img_2_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/img_3" />
</LinearLayout>
</LinearLayout>
</GridLayout>
</RelativeLayout>
2、/YituGame/src/com/thinking/yitugame/Game_Main.java文件
package com.thinking.yitugame;
import com.thinking.basicService.LogService;
import android.app.Activity;
import android.content.ClipData;
import android.os.Bundle;
import android.view.DragEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.View.DragShadowBuilder;
import android.view.View.OnDragListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.GridLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
public class Game_Main extends Activity
{
LinearLayout lil_0_0;
LinearLayout lil_0_1;
LinearLayout lil_1_0;
LinearLayout lil_1_1;
LinearLayout lil_2_0;
LinearLayout lil_2_1;
RelativeLayout rel_root;
@Override
protected void onCreate(Bundle savedInstanceState)
{
LogService.writeLog("running!");
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.activity_game_main_line);
ImageView img_0_0 = (ImageView) findViewById(R.id.img_0_0);
ImageView img_1_0 = (ImageView) findViewById(R.id.img_1_0);
ImageView img_1_1 = (ImageView) findViewById(R.id.img_1_1);
ImageView img_2_0 = (ImageView) findViewById(R.id.img_2_0);
ImageView img_2_1 = (ImageView) findViewById(R.id.img_2_1);
lil_0_0 = (LinearLayout) findViewById(R.id.lil_0_0);
lil_0_1 = (LinearLayout) findViewById(R.id.lil_0_1);
lil_1_0 = (LinearLayout) findViewById(R.id.lil_1_0);
lil_1_1 = (LinearLayout) findViewById(R.id.lil_1_1);
lil_2_0 = (LinearLayout) findViewById(R.id.lil_2_0);
lil_2_1 = (LinearLayout) findViewById(R.id.lil_2_1);
rel_root = (RelativeLayout) findViewById(R.id.rel_root);
img_0_0.setOnTouchListener(new ImgOnTouchListener());
img_1_0.setOnTouchListener(new ImgOnTouchListener());
img_1_1.setOnTouchListener(new ImgOnTouchListener());
img_2_0.setOnTouchListener(new ImgOnTouchListener());
img_2_1.setOnTouchListener(new ImgOnTouchListener());
lil_0_0.setOnDragListener(new MyDragListener());
lil_0_1.setOnDragListener(new MyDragListener());
lil_1_0.setOnDragListener(new MyDragListener());
lil_1_1.setOnDragListener(new MyDragListener());
lil_2_0.setOnDragListener(new MyDragListener());
lil_2_1.setOnDragListener(new MyDragListener());
rel_root.setOnDragListener(new MyDragListener());
}
private int[] getXYById(int id)
{
if (id == lil_0_0.getId())
{
return new int[] { 0, 0 };
}
if (id == lil_0_1.getId())
{
return new int[] { 0, 1 };
}
if (id == lil_1_0.getId())
{
return new int[] { 1, 0 };
}
if (id == lil_1_1.getId())
{
return new int[] { 1, 1 };
}
if (id == lil_2_0.getId())
{
return new int[] { 2, 0 };
}
if (id == lil_2_1.getId())
{
return new int[] { 2, 1 };
} else
{
return new int[] { ⑴, ⑴ };
}
}
private class ImgOnTouchListener implements OnTouchListener
{
@Override
public boolean onTouch(View v, MotionEvent event)
{
LogService.writeLog("onTouch running!");
ClipData data = ClipData.newPlainText("", "");
DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(v);
v.startDrag(data, shadowBuilder, v, 0);
return true;
}
}
class MyDragListener implements OnDragListener
{
@Override
public boolean onDrag(View v, DragEvent event)
{
int action = event.getAction();
switch (event.getAction())
{
case DragEvent.ACTION_DRAG_STARTED:
break;
case DragEvent.ACTION_DRAG_ENTERED:
break;
case DragEvent.ACTION_DRAG_EXITED:
break;
case DragEvent.ACTION_DROP:
View view = (View) event.getLocalState();
ViewGroup owner = (ViewGroup) view.getParent();
LinearLayout container;
try
{
container = (LinearLayout) v;
} catch (Exception e)
{
view.setVisibility(View.VISIBLE);
break;
}
LogService.writeLog("owner:" + getXYById(owner.getId())[0]
+ " " + getXYById(owner.getId())[1] + " container:"
+ getXYById(container.getId())[0] + " "
+ getXYById(container.getId())[1]);
LogService.writeLog("getChildCount"
+ container.getChildCount());
if ((getXYById(owner.getId())[0] == getXYById(container
.getId())[0] || getXYById(owner.getId())[1] == getXYById(container
.getId())[1])
&& container.getChildCount() == 0)
{
owner.removeView(view);
container.addView(view);
}
view.setVisibility(View.VISIBLE);
break;
case DragEvent.ACTION_DRAG_ENDED:
default:
break;
}
return true;
}
}
}
真机运行效果：
