服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - 详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

2022-10-14 14:04李子果 Android

这篇文章主要介绍了android studio游戏摇杆开发教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

最近在做一个山寨版的王者荣耀,刚开始做的时候毫无头绪 摇杆的多点触控做的特别烂

经过几天的思考已完美解决所有问题,下面就和大家分享下这个摇杆的开发思路

若有不正之处,请多多谅解并欢迎指正。

首先这个摇杆要用到较多的数学知识,小编的数学特别烂也就高中水平吧

我们这个摇杆一共就五个按钮,一个移动摇杆、三个技能摇杆和一个普通攻击按钮

最终效果

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

好了废话少说让我们开始吧

新建一个项目

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

建好项目之后,我们先新建一个类叫做“画”。也是我们的主view

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

修改hua.java的代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public class hua extends relativelayout implements runnable{ //继承relativelayout 实现runnable接口
 
 private paint p;//画笔
 
 public hua(context context) {
 super(context);
 p=new paint();
 setbackgroundcolor(color.black);//背景颜色设为黑色
 }
 
 @override
 protected void ondraw(canvas g) {//重写ondraw方法
 super.ondraw(g);
 }
 
 @override
 public void run() {
 
 }
}

接下来我们做移动摇杆

我们要准备一张图片(待会我会把图片都丢在附件里)

首先用ps画一个这样半透明的圆ps部分就不做教程了

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

把背景隐藏掉 保存为png格式

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

把我们刚刚制作的图片添加进来

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

先新建一个类 my.java

?
1
2
3
4
5
6
7
public class my { //这个类当一个全局变量使用
 public static int w,h;//屏幕的宽高
 public static float bili;
 public static mainactivity main;
 public static rectf re=new rectf();
 public static int ontouchalpha=100;//触控区透明度0-255 0为透明,为了测试我们先设为100
}

修改 mainactivity 的代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
public class mainactivity extends appcompatactivity {
 
 @override
 protected void oncreate(bundle savedinstancestate) {
 super.oncreate(savedinstancestate);
 my.main=this;
 getsupportactionbar().hide();//隐藏标题栏
 this.getwindow().setflags(windowmanager.layoutparams.flag_fullscreen, windowmanager.layoutparams.flag_fullscreen);//全屏 隐藏状态栏
 //判断当前是否横屏 如果不是就设为横屏,设为横屏之后会自动调用oncreate方法
 if (getresources().getconfiguration().orientation == configuration.orientation_landscape) {
 //获取屏幕的宽高
 displaymetrics dis = getresources().getdisplaymetrics();
 my.w = dis.widthpixels;
 my.h = dis.heightpixels;
 //获取屏幕分辨率和1920*1080的比例 以便适应不同大小的屏幕
 my.bili = (float) (math.sqrt(my.w * my.h) / math.sqrt(1920 * 1080));
 setcontentview(new hua(this));
 } else {
 setrequestedorientation(activityinfo.screen_orientation_landscape);// 横屏
 }
 }
}

新建类 move.java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
package com.yaogan.liziguo.yaogan;
 
import android.graphics.bitmap;
import android.graphics.bitmapfactory;
import android.graphics.canvas;
import android.graphics.paint;
 
/**
 * created by liziguo on 2018/6/15.
 */
 
public class move {
 private float x1,y1;//按下时的坐标 大圆
 private float x2,y2;//移动后的坐标 小圆
 private final float r1,r2;//r1大圆的半径 r2小圆的半径
 public float angle;//x1y1指向x2y2的角度 弧度制
 public boolean down=false;//判断是否被按下
 public boolean in=false;//判断小圆是否在大圆里面,简单的说就是防止小圆被脱太远
 public boolean move=false;//判断手指按下后是否移动(my实际开发中用到,该教程用不到此变量)
 public bitmap img;//大圆小圆的图片
 
 public move(){
 r1 = 480 * 0.5f * my.bili;//乘上一个比例 适应不同大小的屏幕
 r2 = 300 * 0.5f * my.bili;
 img= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.yaogan);//初始化摇杆图片
 }
 
 public void down(float xx,float yy){ //摇杆按下后的操作
 if(xx<r1) x1=r1;
 else x1 = xx;
 
 if(my.h-yy<r1) y1=my.h-r1;
 else y1 = yy;
 //上面的代码是防止按下的位置太靠近屏幕边缘
 //跟x1=xx;y1=yy;区别不大,待会可以改成x1=xx;y1=yy;看看效果有什么不同
 down=true;
 }
 public void move(float xx,float yy){ //按下摇杆后移动的操作
 angle=getangle(xx,yy);
 in=in(xx, yy);
 move=ismove(xx,yy);
 if (!in) {
 //下面会做解释
 xx= (float) (x1+ math.sin(angle)*r1*0.7f);
 yy= (float) (y1+ math.cos(angle)*r1*0.7f);
 }
 x2=xx;
 y2=yy;
 }
 public void up(){ //松开后的操作
 down=false;
 }
 
 public float getangle(float xx,float yy){ //获取x1y1指向x2y2的角度
 double angle,k;
 if (y1==yy)//斜率不存在时
 if (x1 > xx)//判断x1指向x2的方向
 angle=-math.pi/2;
 else
 angle=math.pi/2;
 else{
 k=(x1-xx)/(y1-yy); //两点的坐标求斜率,至于为什么是(x1-x2)/(y1-y2)不是(y1-y2)/(x1-x2)待会我们再做解释
 if (y1 > yy) {//判断x1y1指向x2y2的方向
 // 用反tan求角度 这个高中好像没学过 既然math类已经帮我们封装好了就直接拿来用吧
 angle=math.atan(k) + math.pi;
 } else {
 angle=math.atan(k);
 }
 //这段可写可不写 让计算出来的角度属于-pi/2到pi/2
 if(angle>math.pi)
 angle-=math.pi*2;
 else if(angle<-math.pi)
 angle+=math.pi*2;
 }
 return (float) angle;
 }
 
 public boolean in(float xx, float yy) { //防止小圆被脱太远 拖动范围不超出r1的70%
 double r = math.sqrt((x1 - xx) * (x1 - xx) + (y1 - yy) * (y1 - yy));//两点间距离公式
 if (r < r1*0.7f)
 return true;
 else return false;
 }
 public boolean ismove(float xx, float yy) { //判断按下摇杆后 是否移动,如果x1y1 x2y2的距离大于r1*0.15视为移动
 // my实际开发中用到,该教程用不到此变量
 double r = math.sqrt((x1 - xx) * (x1 - xx) + (y1 - yy) * (y1 - yy));//两点间距离公式
 if (r > r1*0.15f)
 return true;
 else return false;
 }
 public void ondraw(canvas g, paint p){ //画摇杆
 if(down) { //当摇杆被按下时 才显示
 //怎么用canvas画图这里就不说了
 my.re.left = x1 - r1;
 my.re.top = y1 - r1;
 my.re.right = x1 + r1;
 my.re.bottom = y1 + r1;
 g.drawbitmap(img, null, my.re, p); //画大圆
 my.re.left = x2 - r2;
 my.re.top = y2 - r2;
 my.re.right = x2 + r2;
 my.re.bottom = y2 + r2;
 g.drawbitmap(img, null, my.re, p); //画小圆
 }
 }
}

新建类 ontouchmove.java

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
package com.yaogan.liziguo.yaogan;
 
import android.content.context;
import android.graphics.color;
import android.view.motionevent;
import android.view.view;
 
/**
 * created by liziguo on 2018/6/16.
 */
 
public class ontouchmove extends view { //这个view负责监听移动摇杆的手势
 
 private move m;
 
 public ontouchmove(context context,move move) {
 super(context);
 this.m=move;
 setbackgroundcolor(color.white);//背景色设为白色
 getbackground().setalpha(my.ontouchalpha);//设置触控区透明度
 setontouchlistener(new ontouchlistener() { //设置触控监听
 @override
 public boolean ontouch(view v, motionevent ev) {
 //加上getx() gety()因为这个view不是分布在左上角的
 final float xx = ev.getx() + getx(), yy = ev.gety() + gety();
 
 if (ev.getaction() == motionevent.action_down) {
 m.down(xx, yy);//按下时的操作
// m.move(xx, yy);
 }
 m.move(xx, yy);//移动时的操作
 if (ev.getaction() == motionevent.action_up) {
 m.up();//松开时的操作
 }
 return true;//不要返回false
 }
 });
 }
}

修改 hua.java 的代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
package com.yaogan.liziguo.yaogan;
 
import android.content.context;
import android.graphics.canvas;
import android.graphics.color;
import android.graphics.paint;
import android.widget.relativelayout;
 
/**
 * created by liziguo on 2018/6/15.
 */
 
public class hua extends relativelayout implements runnable{ //继承relativelayout 实现runnable接口
 
 private paint p;//画笔
 private move m=new move();//移动摇杆
 
 public hua(context context) {
 super(context);
 p=new paint();
 setbackgroundcolor(color.black);//背景颜色设为黑色
 //实例化一个ontouchmove
 ontouchmove ontouchmove=new ontouchmove(context,m);
 //把ontouchmove添加进来 宽度为屏幕的1/3 高度为屏幕的1/2
 addview(ontouchmove,my.w/3,my.h/2);
 //设置ontouchmove的位置
 ontouchmove.setx(0);
 ontouchmove.sety(my.h/2);
 
 new thread(this).start();//启动重绘线程
 }
 
 @override
 protected void ondraw(canvas g) {//重写ondraw方法
 super.ondraw(g);
 m.ondraw(g,p);//画移动摇杆
 }
 
 @override
 public void run() { //每隔20毫秒刷新一次画布
 while(true){
 try {thread.sleep(20);} catch (interruptedexception e) {e.printstacktrace();}
 postinvalidate();//重绘 在子线程重绘不能调用invalidate()方法
 }
 }
}

好的 现在我们的摇杆可以说已经做好一大半了,因为剩下的原理都一样

先运行一遍看看效果吧

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

左下角的白色矩形是我们的ontouchmove类,为了更好的测试我们先让他显示出来 等做好了再隐藏掉

下面我们来解释一下为什么斜率k=(x1-x2)/(y1-y2)而不是(y1-y2)/(x1-x2)吧

因为我们手机上的平面直角坐标系跟数学上的平面直角坐标系不一样

数学上的平面直角坐标系是这样的

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

而我们手机是这样的

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

有没有发现把手机的坐标系 逆时针旋转一下就是数学里的坐标系了,不过x跟y调了一下位置

所以我们在写代码的时候把x y换一下就行了

数学坐标系中k=1的直线

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

程序中k=1的直线

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

再解释下 move 类的 move方法

?
1
2
3
4
5
6
7
8
9
10
11
12
public void move(float xx,float yy){ //按下摇杆后移动的操作
 angle=getangle(xx,yy);
 in=in(xx, yy);
 move=ismove(xx,yy);
 if (!in) {
 //下面会做解释
 xx= (float) (x1+ math.sin(angle)*r1*0.7f);
 yy= (float) (y1+ math.cos(angle)*r1*0.7f);
 }
 x2=xx;
 y2=yy;
 }

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

好的下面我们开始做技能摇杆,这教程做的比较累啊

下面的技能类是我直接从我游戏里拷贝过来的并做了些小修改

解释可能没那么清楚毕竟原理都一样

只不过是多了几个功能而已

准备图片

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

 

添加到工程里

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

由于图片比较多 我们加载图的代码位置改一下

修改 mainactivity。java 和 my.java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
public class mainactivity extends appcompatactivity {
 
 @override
 protected void oncreate(bundle savedinstancestate) {
 super.oncreate(savedinstancestate);
 my.main=this;
 getsupportactionbar().hide();//隐藏标题栏
 this.getwindow().setflags(windowmanager.layoutparams.flag_fullscreen, windowmanager.layoutparams.flag_fullscreen);//全屏 隐藏状态栏
 //判断当前是否横屏 如果不是就设为横屏,设为横屏之后会自动调用oncreate方法
 if (getresources().getconfiguration().orientation == configuration.orientation_landscape) {
 //获取屏幕的宽高
 displaymetrics dis = getresources().getdisplaymetrics();
 my.w = dis.widthpixels;
 my.h = dis.heightpixels;
 //获取屏幕分辨率和1920*1080的比例 以便适应不同大小的屏幕
 my.bili = (float) (math.sqrt(my.w * my.h) / math.sqrt(1920 * 1080));
 //加载图片
 my.border= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.border);
 my.cancel= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.cancel);
 my.down= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.down);
 my.yaogan= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.yaogan);
 my.cd= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.cd);
 setcontentview(new hua(this));
 } else {
 setrequestedorientation(activityinfo.screen_orientation_landscape);// 横屏
 }
 }
}
?
1
2
3
4
5
6
7
8
9
10
11
public class my { //这个类当一个全局变量使用
 public static int w,h;//屏幕的宽高
 public static float bili;
 public static mainactivity main;
 public static rectf re=new rectf();
 public static int ontouchalpha=100;//触控区透明度0-255 0为透明,为了测试我们先设为100
 
 public static bitmap border,cancel,down,yaogan,cd;
 
 public static skill skill;//当前正在使用的技能 现在会报错 因为我们还没新建技能skill类
}

修改 move 类的构造方法

?
1
2
3
4
5
6
public move(){
 r1 = 480 * 0.5f * my.bili;//乘上一个比例 适应不同大小的屏幕
 r2 = 300 * 0.5f * my.bili;
// img= bitmapfactory.decoderesource(my.main.getresources(),r.mipmap.yaogan);//初始化摇杆图片////////////////////////
 img=my.yaogan;////////////////////////////////////////////////////
 }

新建技能类 skill.java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
package com.yaogan.liziguo.yaogan;
 
import android.graphics.bitmap;
import android.graphics.canvas;
import android.graphics.paint;
 
/**
 * created by liziguo on 2018/6/16.
 */
 
public abstract class skill {
 public int jineng;
 private final float x,y;//技能图标中心位置,不是按下时的位置
 private float x2, y2;//技能按下移动后手指的坐标
 private float xxx,yyy;//判断拖动点是否超出两倍r的范围
 private final float calcelx, cancely;
 public float angle;//技能按下后 x y指向xx yy的角度
 public bitmap img, imgborder, imgdown, imgyaogan,imgcd,imgcancel;
 private final float r2;
 private final float r3=50*my.bili;
 public boolean down=false;
 public boolean down_main=false;//down_main 只触发一次;
 public boolean cancel=false;
 public int cdmax;
 public long last,cd=0;//last最后一次释放技能的时间
 /*
 0 普通攻击
 1 技能1
 2 技能2
 3 技能3
 */
 public skill(int jineng, int cd, bitmap image){
 this.jineng=jineng;
 switch (jineng){
 case 0:
 x= my.w*0.87f;
 y= my.h*0.8f;
 break;
 case 1:
 x= my.w*0.7f;
 y= my.h*0.88f;
 break;
 case 2:
 x= my.w*0.75f;
 y= my.h*0.62f;
 break;
 case 3:
 x= my.w*0.9f;
 y= my.h*0.5f;
 break;
 default:x=y=0;
 }
 cdmax=cd;
 if(jineng == 0) r2=125*my.bili;
 else r2=80*my.bili;
 calcelx =my.w-r2*2;
 cancely =my.h/4;
 img=image;
 imgborder=my.border;
 imgdown=my.down;
 imgyaogan=my.yaogan;
 imgcd=my.cd;
 imgcancel=my.cancel;
 }
 // public abstract void down();
// public abstract void move();
// public abstract void up();
 public void down(){ //down 由ontouch触发
 if(cd>0)return;
 down=true;
 my.skill=this;
 }
 public abstract void down_main(); //down 教程用不到该抽象方法
 
 public void move(float x,float y){//按下技能后 由ontouch触发
 x2 =x;
 y2 =y;
 angle=getangle(x2, y2);
 cancel=incancel(x,y);
 if (jineng !=0 && !in2(x,y)) {
 xxx= (float) (this.x+ math.sin(angle)*r2*2);
 yyy= (float) (this.y+ math.cos(angle)*r2*2);
 }else{
 xxx=x;
 yyy=y;
 }
 }
 public abstract void move_main();//按下技能后 由myactor触发 教程用不到该抽象方法
 public abstract void up(); //松开后 由myactor触发 释放技能
 
 public boolean in(float xx,float yy){ //判断是否被点中
 double r= math.sqrt((x - xx)*(x-xx)+(y-yy)*(y-yy));
 if(r<r2)
 return true;
 else return false;
 }
 public boolean in2(float xx, float yy) { //判断拖动点是否超出两倍r的范围
 double r = math.sqrt((x - xx) * (x - xx) + (y - yy) * (y - yy));
 if (r < r2 * 2)
 return true;
 else return false;
 }
 public boolean incancel(float xx,float yy){ //判断是否取消
 double r= math.sqrt((calcelx - xx)*(calcelx -xx)+(cancely -yy)*(cancely -yy));
 if(r<r2)
 return true;
 else return false;
 }
 public float getangle(float xx,float yy){ //x y指向xx yy的角度
 float angle,k;
 if (y==yy)
 if (x > xx)
 angle= (float) (-math.pi/2);
 else
 angle= (float) (math.pi/2);
 else{
 k=(x-xx)/(y-yy);
 if (y > yy) {
 angle= (float) (math.atan(k) + math.pi);
 } else {
 angle= (float) math.atan(k);
 }
 if(angle>math.pi)
 angle-=math.pi*2;
 else if(angle<-math.pi)
 angle+=math.pi*2;
 
 }
 return angle;
 }
 private float drawpx=10*my.bili;
 
 public void next(){
 //计算技能冷却时间
 cd=cdmax-system.currenttimemillis()+last;
 }
 //按下的时候技能图标下移 显示蓝色框框
 public void ondraw(canvas g, paint p){
 my.re.left=x-r2;
 my.re.top=y-r2;
 my.re.right=x+r2;
 my.re.bottom=y+r2;
 if(down){
// new rectf(x-r2,y-r2,x+r2,y+r2);
// new rectf(x-r2,y-r2+10*my.bili,x+r2,y+r2+10*my.bili);
// my.re.left=x-r2;
// my.re.top=y-r2;
// my.re.right=x+r2;
// my.re.bottom=y+r2;
 if(jineng!=0){
 final float bl=2;
 my.re.left=x-r2*bl;
 my.re.top=y-r2*bl;
 my.re.right=x+r2*bl;
 my.re.bottom=y+r2*bl;
 //蓝色框框未下移
 g.drawbitmap(imgdown,null,my.re,p);
 }
 my.re.left=x-r2;
 my.re.top=y-r2;
 my.re.right=x+r2;
 my.re.bottom=y+r2;
 ///////////////////////////////////////////////////////////
 //技能图片和技能边框下移
 my.re.top+=drawpx;
 my.re.bottom+=drawpx;
 g.drawbitmap(img,null,my.re,p);
 my.re.left-=drawpx;
 my.re.top-=drawpx;
 my.re.right+=drawpx;
 my.re.bottom+=drawpx;
 
 g.drawbitmap(imgborder,null,my.re,p);
 if(jineng!=0){
 my.re.left=xxx-r3;
 my.re.top=yyy-r3;
 my.re.right=xxx+r3;
 my.re.bottom=yyy+r3;
 g.drawbitmap(imgyaogan,null,my.re,p);
 //cancle
 my.re.left= calcelx -r2;
 my.re.top= cancely -r2;
 my.re.right= calcelx +r2;
 my.re.bottom= cancely +r2;
 g.drawbitmap(imgcancel,null,my.re,p);
 }
 }else{
 g.drawbitmap(img,null,my.re,p);
 if(jineng!=0 && cd>0) {
 p.settextsize(40*my.bili);
                p.setcolor(color.white);
 g.drawbitmap(imgcd,null,my.re,p);
 float f=cd/100f;
 f=(int)f;
 f=f/10;
 g.drawtext(string.valueof(f),x-p.gettextsize()*4/5,y+p.gettextsize()/3,p);
 
 }
 my.re.left-=drawpx;
 my.re.top-=drawpx;
 my.re.right+=drawpx;
 my.re.bottom+=drawpx;
 g.drawbitmap(imgborder,null,my.re,p);
 }
 }
}

新建一个类 ontouchskill.java 他也是一个监听view

这样多点触控会好写很多,刚开始我是用一个view做监听的 写到我心态爆炸。。。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
package com.yaogan.liziguo.yaogan;
 
import android.content.context;
import android.graphics.color;
import android.view.motionevent;
import android.view.view;
 
/**
 * created by liziguo on 2018/6/16.
 */
 
public class ontouchskill extends view {
 /*
 a 普通攻击
 q 技能1
 w 技能2
 e 技能3
 r 没有r
 */
 
 public skill a,q,w,e;
 
 public ontouchskill(context context,skill a,skill q,skill w,skill e) {
 super(context);
 a=a;q=q;w=w;e=e;
 setbackgroundcolor(color.white);
 getbackground().setalpha(my.ontouchalpha);//0-255
 setontouchlistener(new ontouchlistener() {
 @override
 public boolean ontouch(view v, motionevent ev) {
 final float xx = ev.getx() + getx(), yy = ev.gety() + gety();
 if (ev.getaction() == motionevent.action_down) {
 if ( a.in(xx, yy)) {
 a.down();
 } else if ( q.in(xx, yy)) {
 q.down();
 } else if ( w.in(xx, yy)) {
 w.down();
 } else if ( e.in(xx, yy)) {
 e.down();
 }
 
 }
 if (my.skill != null) my.skill.move(xx, yy);
 if(ev.getaction()==motionevent.action_up){
 a.down = false;
 q.down = false;
 w.down = false;
 e.down = false;
 }
 return true;
 }
 });
 }
}

把监听控件添加到hua,修改 hua.java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
package com.yaogan.liziguo.yaogan;
 
import android.content.context;
import android.graphics.bitmapfactory;
import android.graphics.canvas;
import android.graphics.color;
import android.graphics.paint;
import android.widget.relativelayout;
 
/**
 * created by liziguo on 2018/6/15.
 */
 
public class hua extends relativelayout implements runnable{ //继承relativelayout 实现runnable接口
 
 private paint p;//画笔
 private move m=new move();//移动摇杆
 
 /*
 a 普通攻击
 q 技能1
 w 技能2
 e 技能3
 r 没有r
 */
 
 public skill a=new skill(0,100, bitmapfactory.decoderesource(getresources(),r.mipmap.putonggongji)) {
 @override
 public void down_main() { }
 @override
 public void move_main() { }
 @override
 public void up() { }
 };
 public skill q=new skill(1,1000, bitmapfactory.decoderesource(getresources(),r.mipmap.skill1)) {
 @override
 public void down_main() { }
 @override
 public void move_main() { }
 @override
 public void up() {
 down_main=false;
 if(!cancel){ //技能冷却时间
 last= system.currenttimemillis();
 }
 }
 };
 public skill w=new skill(2,1000, bitmapfactory.decoderesource(getresources(),r.mipmap.skill2)) {
 @override
 public void down_main() { }
 @override
 public void move_main() { }
 @override
 public void up() {
 down_main=false;
 if(!cancel){
 last= system.currenttimemillis();
 }
 }
 };
 public skill e=new skill(3,1000, bitmapfactory.decoderesource(getresources(),r.mipmap.skill3)) {
 @override
 public void down_main() { }
 @override
 public void move_main() { }
 @override
 public void up() {
 down_main=false;
 if(!cancel){
 last= system.currenttimemillis();
 }
 }
 };
 
 public hua(context context) {
 super(context);
 p=new paint();
 setbackgroundcolor(color.black);//背景颜色设为黑色
 //实例化一个ontouchmove
 ontouchmove ontouchmove=new ontouchmove(context,m);
 //把ontouchmove添加进来 宽度为屏幕的1/3 高度为屏幕的1/2
 addview(ontouchmove,my.w/3,my.h/2);
 //设置ontouchmove的位置
 ontouchmove.setx(0);
 ontouchmove.sety(my.h/2);
 
 //添加技能摇杆监听
 ontouchskill ontouchskill=new ontouchskill(context,a,q,w,e);//后添加的优先级高
 addview(ontouchskill);
 ontouchskill.setx(my.w*0.7f-85*my.bili);
 ontouchskill.sety(my.h/2-85*my.bili);
 new thread(this).start();//启动重绘线程
 }
 
 @override
 protected void ondraw(canvas g) {//重写ondraw方法
 super.ondraw(g);
 m.ondraw(g,p);//画移动摇杆
 //画技能
 a.ondraw(g,p);
 q.ondraw(g,p);
 w.ondraw(g,p);
 e.ondraw(g,p);
 }
 
 @override
 public void run() { //每隔20毫秒刷新一次画布
 while(true){
 try {thread.sleep(20);} catch (interruptedexception e) {e.printstacktrace();}
 //计算冷却时间
 a.next();
 q.next();
 w.next();
 e.next();
 //释放技能
 if (my.skill != null) {
 my.skill.down_main();//教程用不到该方法
 my.skill.move_main();//教程用不到该方法
 if (my.skill.down == false) {
 my.skill.up();
 my.skill = null;
 }
 }
 
 postinvalidate();//重绘 在子线程重绘不能调用invalidate()方法
 }
 }
}

运行下看看效果吧

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

修改 my.java

?
1
2
3
4
5
6
7
8
9
10
11
public class my { //这个类当一个全局变量使用
 public static int w,h;//屏幕的宽高
 public static float bili;
 public static mainactivity main;
 public static rectf re=new rectf();
 public static int ontouchalpha=0;//把触控区透明度改成0
 
 public static bitmap border,cancel,down,yaogan,cd;
 
 public static skill skill;//当前正在使用的技能
}

再运行下

详解android studio游戏摇杆开发教程,仿王者荣耀摇杆

大功告成

下载地址:

android studio游戏摇杆开发教程 仿王者荣耀摇杆

以上所述是小编给大家介绍的android studio游戏摇杆开发教程详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!

原文链接:https://blog.csdn.net/u010756046/article/details/80710469

延伸 · 阅读

精彩推荐