Android游戏开发：实现360°平滑触屏摇杆

### Android 游戏开发：实现360°平滑触屏摇杆

#### 前言

在Android系统中，许多设备并没有实体的方向导航按键，因此，利用触屏特性制作360°摇杆来替代方向键成为了提升用户体验的重要手段。本文将详细介绍如何在Android游戏中实现这一功能。

#### 效果展示


#### 实现步骤

1. **绘制圆形**
- 首先，需要绘制两个圆形：一个固定的背景圆（表示摇杆的活动范围），一个可移动的小圆（代表摇杆）。
- 背景圆的颜色通常设置为灰色，小圆的颜色设置为红色。

2. **处理触屏事件**
- 当用户触屏时，获取触屏点的坐标，并计算该点与摇杆中心点之间的角度。
- 如果触屏点在背景圆内，直接将小圆移动到触屏点位置；如果触屏点在背景圆外，则计算小圆在背景圆边缘的对应位置。

3. **计算角度和坐标**
- 使用三角函数计算触屏点与摇杆中心点之间的角度。
- 通过角度和背景圆的半径，计算小圆在背景圆上的新坐标。

4. **恢复初始位置**
- 当用户松开手指时，将小圆恢复到初始位置。

#### 代码实现

```java
public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback, Runnable {
private Thread th;
private SurfaceHolder sfh;
private Canvas canvas;
private Paint paint;
private boolean flag;
private int RockerCircleX = 100;
private int RockerCircleY = 100;
private int RockerCircleR = 50;
private float SmallRockerCircleX = 100;
private float SmallRockerCircleY = 100;
private float SmallRockerCircleR = 20;

public MySurfaceView(Context context) {
super(context);
this.setKeepScreenOn(true);
sfh = this.getHolder();
sfh.addCallback(this);
paint = new Paint();
paint.setAntiAlias(true);
setFocusable(true);
setFocusableInTouchMode(true);
}

@Override
public void surfaceCreated(SurfaceHolder holder) {
th = new Thread(this);
flag = true;
th.start();
}

public double getRad(float px1, float py1, float px2, float py2) {
float x = px2 - px1;
float y = py1 - py2;
float xie = (float) Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
float cosAngle = x / xie;
float rad = (float) Math.acos(cosAngle);
if (py2 rad = -rad;
}
return rad;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE) {
if (Math.sqrt(Math.pow((RockerCircleX - (int) event.getX()), 2) + Math.pow((RockerCircleY - (int) event.getY()), 2)) >= RockerCircleR) {
double tempRad = getRad(RockerCircleX, RockerCircleY, event.getX(), event.getY());
getXY(RockerCircleX, RockerCircleY, RockerCircleR, tempRad);
} else {
SmallRockerCircleX = (int) event.getX();
SmallRockerCircleY = (int) event.getY();
}
} else if (event.getAction() == MotionEvent.ACTION_UP) {
SmallRockerCircleX = 100;
SmallRockerCircleY = 100;
}
return true;
}

public void getXY(float centerX, float centerY, float R, double rad) {
SmallRockerCircleX = (float) (R * Math.cos(rad)) + centerX;
SmallRockerCircleY = (float) (R * Math.sin(rad)) + centerY;
}

public void draw() {
try {
canvas = sfh.lockCanvas();
canvas.drawColor(Color.WHITE);
paint.setColor(0x70000000);
canvas.drawCircle(RockerCircleX, RockerCircleY, RockerCircleR, paint);
paint.setColor(0x70ff0000);
canvas.drawCircle(SmallRockerCircleX, SmallRockerCircleY, SmallRockerCircleR, paint);
} catch (Exception e) {
} finally {
try {
if (canvas != null)
sfh.unlockCanvasAndPost(canvas);
} catch (Exception e2) {
}
}
}

@Override
public void run() {
while (flag) {
draw();
try {
Thread.sleep(50);
} catch (Exception ex) {
}
}
}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {
flag = false;
}
}
```

#### 总结

通过上述步骤和代码，我们可以实现一个360°平滑触屏摇杆，为Android游戏提供更加流畅和直观的操作体验。希望本文对你的游戏开发有所帮助。