-
圆画完了之后就是处理画线和画箭头问题了
-
最后一点就是手指在移动的过程中与最后一个点的连线
代码编写
====
一、自定义控件java类
package com.wust.nineview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import androidx.annotation.Nullable;
import java.util.ArrayList;
import java.util.List;
import java.util.Timer;
import java.util.TimerTask;
/**
-
ClassName: selfNineView
-
Description:
-
date: 2021/5/26 9:34
-
@author yiqi
-
@email:1820762465@qq.com
-
@QQ:1820762465
-
@since JDK 1.8
*/
public class selfNineView extends View {
private boolean initFlag = false;
private List mPointData;
private List mSelectData;
private float downPointX;
private float downPointY;
private float outCircleR;
private float inCircleR;
private Paint normalPaint;
private int normalColor = Color.parseColor(“#505450”);
private Paint downPaint;
private int downColor = Color.parseColor(“#00ff00”);
private Paint errorPaint;
private int errorColor = Color.parseColor(“#ff0000”);
private Paint linePressPaint;
private float arrowHeight = 20;
private int angle = 30;
private onTouchResult mOnTouchResult;
private boolean isWrongFlag = false;
private boolean isPressFlag = false;
public selfNineView(Context context) {
this(context, null);
}
public selfNineView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public selfNineView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mSelectData = new ArrayList<>();
normalPaint = initPaint(normalColor);
downPaint = initPaint(downColor);
errorPaint = initPaint(errorColor);
linePressPaint = initPaint(downColor);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
@Override
protected void onDraw(Canvas canvas) {
if (!initFlag) {
initCell();
initFlag = true;
}
drawCircle(canvas);
drawLine(canvas);
}
//绘制两个点之间的连线以及箭头
private void drawLine(Canvas canvas) {
if (mSelectData != null && mSelectData.size() != 0) {
// System.out.println(mSelectData.size());
myPoint lastPoint = mSelectData.get(0);
if (isWrongFlag){
linePressPaint.setColor(errorColor);
}else {
linePressPaint.setColor(downColor);
}
for (int i = 1; i < mSelectData.size(); i++) {
myPoint curPoint = mSelectData.get(i);
float d = (float) twoPointDistace(lastPoint.x, lastPoint.y, curPoint.x, curPoint.y);
float cos_a = (curPoint.x - lastPoint.x) * 1.0f / d;
float sin_a = (curPoint.y - lastPoint.y) * 1.0f / d;
canvas.drawLine(lastPoint.x + inCircleR * cos_a, lastPoint.y + inCircleR * sin_a,
curPoint.x - inCircleR * cos_a, curPoint.y - inCircleR * sin_a, linePressPaint);
//绘制箭头
drawArrow(lastPoint.x, lastPoint.y, d, cos_a, sin_a, canvas);
lastPoint = curPoint;
}
if (isPressFlag){
//绘制射线
float d = (float) twoPointDistace(lastPoint.x, lastPoint.y, downPointX, downPointY);
float cos_a = (downPointX - lastPoint.x) * 1.0f / d;
float sin_a = (downPointY - lastPoint.y) * 1.0f / d;
canvas.drawLine(lastPoint.x + inCircleR * cos_a, lastPoint.y + inCircleR * sin_a,
downPointX, downPointY, linePressPaint);
}
}
}
private void drawArrow(float startX, float startY, float d, float cos_a, float sin_a, Canvas canvas) {
float l = (float) (arrowHeight * (Math.tan(Math.toRadians(angle))));
float x0 = startX + (d - outCircleR - arrowHeight) * cos_a;
float y0 = startY + (d - outCircleR - arrowHeight) * sin_a;
float x1 = startX + (d - outCircleR) * cos_a;
float y1 = startY + (d - outCircleR) * sin_a;
float x2 = x0 + l * sin_a;
float y2 = y0 - l * cos_a;
float x3 = x0 - l * sin_a;
float y3 = y0 + l * cos_a;
Path path = new Path();
path.moveTo(x1, y1);
path.lineTo(x2, y2);
path.lineTo(x3, y3);
path.close();
linePressPaint.setStyle(Paint.Style.FILL);
canvas.drawPath(path, linePressPaint);
}
private double twoPointDistace(float startX, float startY, float endX, float endY) {
return Math.sqrt(Math.pow(startX - endX, 2) + Math.pow(startY - endY, 2));
}
@Override
public boolean onTouchEvent(MotionEvent event) {
downPointX = event.getX();
downPointY = event.getY();
System.out.println(event.getAction());
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
isPressFlag = true;
for (int i = 0; i < mPointData.size(); i++) {
myPoint currentPoint = mPointData.get(i);
if (checkIsInCircle(downPointX, downPointY, currentPoint.x, currentPoint.y, outCircleR)) {
//记录按下的那个点,等下要以密码的形式返回出去
mSelectData.add(currentPoint);
currentPoint.state = myPoint.STATE_DOWN;
}
}
invalidate();
break;
case MotionEvent.ACTION_MOVE:
for (int i = 0; i < mPointData.size(); i++) {
myPoint currentPoint = mPointData.get(i);
if (checkIsInCircle(downPointX, downPointY, currentPoint.x, currentPoint.y, outCircleR)) {
//防止反复记下重复点
if (!mSelectData.contains(currentPoint)) {
mSelectData.add(currentPoint);
currentPoint.state = myPoint.STATE_DOWN;
}
}
}
invalidate();
break;
case MotionEvent.ACTION_UP:
isPressFlag = false;
if (mSelectData != null && mSelectData.size() != 0) {
//抬起的时候,密码回调
StringBuilder stringBuilder = new StringBuilder();
for (int i = 0; i < mSelectData.size(); i++) {
stringBuilder.append(mSelectData.get(i).i);
}
// System.out.println(“stringBuilder.toString() ->” + stringBuilder.toString());
mOnTouchResult.result(stringBuilder.toString());
}
//清除状态
postDelayed(new Runnable() {
@Override
public void run() {
clearState();
invalidate();
}
},1000);
break;
}
return true;
}
private void clearState() {
isWrongFlag = false;
mSelectData.clear();
for (int i = 0; i < mPointData.size(); i++) {
mPointData.get(i).state = myPoint.STATE_NORMAL;
}
}
//检查是否在圈内
private boolean checkIsInCircle(float downPointX, float downPointY, float centerX, float centerY, float R) {
return Math.sqrt(Math.pow(downPointX - centerX, 2) + Math.pow(downPointY - centerY, 2)) < R;
}
//初始化画笔
private Paint initPaint(int color) {
Paint paint = new Paint();
paint.setDither(true);
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.STROKE);
paint.setColor(color);
paint.setStrokeWidth(5);
return paint;
}
//画圈
private void drawCircle(Canvas canvas) {
System.out.println(“drawCircle mSelectData ->” + mSelectData);
System.out.println(“drawCircle mPointData ->” + mPointData);
for (int i = 0; i < mPointData.size(); i++) {
if (mPointData.get(i).state == myPoint.STATE_NORMAL) {
canvas.drawCircle(mPointData.get(i).x, mPointData.get(i).y, outCircleR, normalPaint);
canvas.drawCircle(mPointData.get(i).x, mPointData.get(i).y, inCircleR, normalPaint);
} else if (mPointData.get(i).state == myPoint.STATE_DOWN) {
canvas.drawCircle(mPointData.get(i).x, mPointData.get(i).y, outCircleR, downPaint);
canvas.drawCircle(mPointData.get(i).x, mPointData.get(i).y, inCircleR, downPaint);
}else if (mPointData.get(i).state == myPoint.STATE_ERROR) {
canvas.drawCircle(mPointData.get(i).x, mPointData.get(i).y, outCircleR, errorPaint);
canvas.drawCircle(mPointData.get(i).x, mPointData.get(i).y, inCircleR, errorPaint);
}
}
}
//初始化九个单元格
private void initCell() {
mPointData = new ArrayList<>();
//获取布局宽高
int width = getWidth();
int height = getHeight();
//第一个点的位置
float possionX = 0;
float possionY = 0;
//横竖屏兼容,计算第一个点的坐标
if (width < height) {
possionX = width * 1.0f / 6;
possionY = (height - width) * 1.0f / 2 + width * 1.0f / 6;
height = width;
} else {
possionX = (width - height) * 1.0f / 2 + height * 1.0f / 6;
possionY = height * 1.0f / 6;
width = height;
}
//设置内外圆的半径
outCircleR = width * 1.0f / 12;
inCircleR = width * 1.0f / 50;
//循环产生九个点
int n = 1;
for (int i = 0; i < 3; i++) {
for (int j = 0; j < 3; j++) {
mPointData.add(new myPoint(possionX + j * width * 1.0f / 3, possionY + i * height * 1.0f / 3, n++));
}
}
}
public void setOnTouchResultListener(onTouchResult onTouchResult) {
this.mOnTouchResult = onTouchResult;
}
public interface onTouchResult {
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
最后
我的面试经验分享可能不会去罗列太多的具体题目,因为我依然认为面试经验中最宝贵的不是那一个个具体的题目或者具体的答案,而是结束面试时,那一刻你的感受以及多天之后你的回味~
很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候,总会遇到一些问题,比如学了一段时间感觉没有方向感,不知道该从那里入手去学习,对此我整理了一些资料,需要的可以免费分享给大家
在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。
【Android核心高级技术PDF文档,BAT大厂面试真题解析】
【算法合集】
【延伸Android必备知识点】
【Android部分高级架构视频学习资源】
**Android精讲视频领取学习后更加是如虎添翼!**进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
DF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。
【Android核心高级技术PDF文档,BAT大厂面试真题解析】
[外链图片转存中…(img-3p1qmJD8-1712439626023)]
【算法合集】
[外链图片转存中…(img-7mmPTATo-1712439626023)]
【延伸Android必备知识点】
[外链图片转存中…(img-doNmiO1a-1712439626023)]
【Android部分高级架构视频学习资源】
**Android精讲视频领取学习后更加是如虎添翼!**进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!