安卓APP智能台灯调节灯的亮度与亮灭(与单片机ESP8266WiFi模块进行通信)tcp协议

(5)TempControlView.java

public class TempControlView extends View {

// 控件宽

private int width;

// 控件高

private int height;

// 刻度盘半径

private int dialRadius;

// 圆弧半径

private int arcRadius;

// 刻度高

private int scaleHeight = dp2px(10);

// 刻度盘画笔

private Paint dialPaint;

// 圆弧画笔

private Paint arcPaint;

// 标题画笔

private Paint titlePaint;

// 温度标识画笔

private Paint tempFlagPaint;

// 旋转按钮画笔

private Paint buttonPaint;

// 温度显示画笔

private Paint tempPaint;

// 文本提示

private String title = “档数调节”;

// 温度

private int temperature = 15;

// 最低温度

private int minTemp = 15;

// 最高温度

private int maxTemp = 5;

// 四格代表温度1度

private int angleRate = 4;

// 每格的角度

private float angleOne = (float) 270 / (maxTemp - minTemp) / angleRate;

// 按钮图片

private Bitmap buttonImage = BitmapFactory.decodeResource(getResources(),

R.mipmap.btn_rotate);

// 按钮图片阴影

private Bitmap buttonImageShadow = BitmapFactory.decodeResource(getResources(),

R.mipmap.btn_rotate_shadow);

// 抗锯齿

private PaintFlagsDrawFilter paintFlagsDrawFilter;

// 温度改变监听

private OnTempChangeListener onTempChangeListener;

// 控件点击监听

private OnClickListener onClickListener;

// 以下为旋转按钮相关

// 当前按钮旋转的角度

private float rotateAngle;

// 当前的角度

private float currentAngle;

/**

  • 是否可以旋转

*/

private boolean canRotate = false;

public TempControlView(Context context) {

this(context, null);

}

public TempControlView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public TempControlView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init();

}

private void init() {

dialPaint = new Paint();

dialPaint.setAntiAlias(true);

dialPaint.setStrokeWidth(dp2px(2));

dialPaint.setStyle(Paint.Style.STROKE);

arcPaint = new Paint();

arcPaint.setAntiAlias(true);

arcPaint.setColor(Color.parseColor(“#3CB7EA”));

arcPaint.setStrokeWidth(dp2px(2));

arcPaint.setStyle(Paint.Style.STROKE);

titlePaint = new Paint();

titlePaint.setAntiAlias(true);

titlePaint.setTextSize(sp2px(20));

titlePaint.setColor(Color.parseColor(“#FFFFFF”));

titlePaint.setStyle(Paint.Style.STROKE);

tempFlagPaint = new Paint();

tempFlagPaint.setAntiAlias(true);

tempFlagPaint.setTextSize(sp2px(25));

tempFlagPaint.setColor(Color.parseColor(“#FFFFFF”));

tempFlagPaint.setStyle(Paint.Style.STROKE);

buttonPaint = new Paint();

tempFlagPaint.setAntiAlias(true);

paintFlagsDrawFilter = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);

tempPaint = new Paint();

tempPaint.setAntiAlias(true);

tempPaint.setTextSize(sp2px(60));

tempPaint.setColor(Color.parseColor(“#3B434E”));

tempPaint.setStyle(Paint.Style.STROKE);

}

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

// 控件宽、高

width = height = Math.min(h, w);

// 刻度盘半径

dialRadius = width / 2 - dp2px(20);

// 圆弧半径

arcRadius = dialRadius - dp2px(20);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

drawScale(canvas);

drawArc(canvas);

drawText(canvas);

drawButton(canvas);

drawTemp(canvas);

}

/**

  • 绘制刻度盘

  • @param canvas 画布

*/

private void drawScale(Canvas canvas) {

canvas.save();

canvas.translate(getWidth() / 2, getHeight() / 2);

// 顺时针旋转135-2度

canvas.rotate(133);

//未达到的温度

dialPaint.setColor(Color.parseColor(“#00ff00”));

for (int i = angleRate * maxTemp; i > angleRate * temperature; i–) {

canvas.drawLine(0, -dialRadius, 0, -dialRadius + scaleHeight, dialPaint);

canvas.rotate(-angleOne);

}

//已经达到的温度

dialPaint.setColor(Color.parseColor(“#E37364”));

for (int i = temperature * angleRate; i >= minTemp * angleRate; i–) {

canvas.drawLine(0, -dialRadius, 0, -dialRadius + scaleHeight, dialPaint);

canvas.rotate(-angleOne);

}

canvas.restore();

}

/**

  • 绘制刻度盘下的圆弧

  • @param canvas 画布

*/

private void drawArc(Canvas canvas) {

canvas.save();

canvas.translate(getWidth() / 2, getHeight() / 2);

canvas.rotate(135 + 2);

RectF rectF = new RectF(-arcRadius, -arcRadius, arcRadius, arcRadius);

canvas.drawArc(rectF, 0, 265, false, arcPaint);

canvas.restore();

}

/**

  • 绘制标题与温度标识

  • @param canvas 画布

*/

private void drawText(Canvas canvas) {

canvas.save();

// 绘制标题

float titleWidth = titlePaint.measureText(title);

canvas.drawText(title, (width - titleWidth) / 2, dialRadius * 2 + dp2px(15), titlePaint);

// 绘制最小温度标识

// 最小温度如果小于10,显示为0x

String minTempFlag = “”;

if (minTemp <= 0) {

minTempFlag = minTemp + “”;

} else {

minTempFlag = minTemp < 10 ? “0” + minTemp : minTemp + “”;

}

float tempFlagWidth = titlePaint.measureText(maxTemp + “”);

canvas.rotate(55, width / 2, height / 2);

canvas.drawText(minTempFlag, (width - tempFlagWidth) / 2, height + dp2px(5), tempFlagPaint);

// 绘制最大温度标识

canvas.rotate(-105, width / 2, height / 2);

canvas.drawText(maxTemp + “”, (width - tempFlagWidth) / 2, height + dp2px(5), tempFlagPaint);

canvas.restore();

}

/**

  • 绘制旋转按钮

  • @param canvas 画布

*/

private void drawButton(Canvas canvas) {

// 按钮宽高

int buttonWidth = buttonImage.getWidth();

int buttonHeight = buttonImage.getHeight();

// 按钮阴影宽高

int buttonShadowWidth = buttonImageShadow.getWidth();

int buttonShadowHeight = buttonImageShadow.getHeight();

// 绘制按钮阴影

canvas.drawBitmap(buttonImageShadow, (width - buttonShadowWidth) / 2,

(height - buttonShadowHeight) / 2, buttonPaint);

Matrix matrix = new Matrix();

// 设置按钮位置,移动到控件中心

matrix.setTranslate((width - buttonWidth) / 2, (height - buttonHeight) / 2);

// 设置旋转角度,旋转中心为控件中心,当前也是按钮中心

matrix.postRotate(45 + rotateAngle, width / 2, height / 2);

//设置抗锯齿

canvas.setDrawFilter(paintFlagsDrawFilter);

canvas.drawBitmap(buttonImage, matrix, buttonPaint);

}

/**

  • 绘制温度

  • @param canvas 画布

*/

private void drawTemp(Canvas canvas) {

canvas.save();

canvas.translate(getWidth() / 2, getHeight() / 2);

float tempWidth = tempPaint.measureText(temperature + “”);

float tempHeight = (tempPaint.ascent() + tempPaint.descent()) / 2;

if (temperature==0){

canvas.drawText(“off”, -tempWidth-30 - dp2px(5), -tempHeight, tempPaint);

}else{

canvas.drawText(temperature + “档”, -tempWidth-30 - dp2px(5), -tempHeight, tempPaint);

}

canvas.restore();

}

private boolean isDown;

private boolean isMove;

@Override

public boolean onTouchEvent(MotionEvent event) {

if (!canRotate) {

return super.onTouchEvent(event);

} else {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

isDown = true;

float downX = event.getX();

float downY = event.getY();

currentAngle = calcAngle(downX, downY);

break;

case MotionEvent.ACTION_MOVE:

isMove = true;

float targetX;

float targetY;

downX = targetX = event.getX();

downY = targetY = event.getY();

float angle = calcAngle(targetX, targetY);

// 滑过的角度增量

float angleIncreased = angle - currentAngle;

// 防止越界

if (angleIncreased < -270) {

angleIncreased = angleIncreased + 360;

} else if (angleIncreased > 270) {

angleIncreased = angleIncreased - 360;

}

IncreaseAngle(angleIncreased);

currentAngle = angle;

invalidate();

break;

case MotionEvent.ACTION_CANCEL:

case MotionEvent.ACTION_UP: {

if (isDown) {

if (isMove) {

// 纠正指针位置

rotateAngle = (float) ((temperature - minTemp) * angleRate * angleOne);

invalidate();

// 回调温度改变监听

if (onTempChangeListener != null) {

onTempChangeListener.change(temperature);

}

isMove = false;

} else {

// 点击事件

if (onClickListener != null) {

onClickListener.onClick(temperature);

}

}

isDown = false;

}

break;

}

}

return true;

}

}

/**

  • 以按钮圆心为坐标圆点,建立坐标系,求出(targetX, targetY)坐标与x轴的夹角

  • @param targetX x坐标

  • @param targetY y坐标

  • @return (targetX, targetY)坐标与x轴的夹角

*/

private float calcAngle(float targetX, float targetY) {

float x = targetX - width / 2;

float y = targetY - height / 2;

double radian;

if (x != 0) {

float tan = Math.abs(y / x);

if (x > 0) {

if (y >= 0) {

radian = Math.atan(tan);

} else {

radian = 2 * Math.PI - Math.atan(tan);

}

} else {

if (y >= 0) {

radian = Math.PI - Math.atan(tan);

} else {

radian = Math.PI + Math.atan(tan);

}

}

} else {

if (y > 0) {

radian = Math.PI / 2;

} else {

radian = -Math.PI / 2;

}

}

return (float) ((radian * 180) / Math.PI);

}

/**

  • 增加旋转角度

  • @param angle 增加的角度

*/

private void IncreaseAngle(float angle) {

rotateAngle += angle;

if (rotateAngle < 0) {

rotateAngle = 0;

} else if (rotateAngle > 270) {

rotateAngle = 270;

}

// 加上0.5是为了取整时四舍五入

temperature = (int) ((rotateAngle / angleOne) / angleRate + 0.5) + minTemp;

}

/**

  • 设置几格代表1度,默认4格

  • @param angleRate 几格代表1度

*/

public void setAngleRate(int angleRate) {

this.angleRate = angleRate;

}

/**

  • 设置温度

  • @param temp 设置的温度

*/

public void setTemp(int temp) {

setTemp(minTemp, maxTemp, temp);

}

/**

  • 设置温度

  • @param minTemp 最小温度

  • @param maxTemp 最大温度

  • @param temp 设置的温度

*/

public void setTemp(int minTemp, int maxTemp, int temp) {

this.minTemp = minTemp;

this.maxTemp = maxTemp;

if (temp < minTemp) {

this.temperature = minTemp;

} else {

this.temperature = temp;

}

// 计算每格的角度

angleOne = (float) 270 / (maxTemp - minTemp) / angleRate;

// 计算旋转角度

rotateAngle = (float) ((temp - minTemp) * angleRate * angleOne);

invalidate();

}

/**

  • 设置旋钮是否可以旋转

  • @param canRotate

*/

public void setCanRotate(boolean canRotate) {

this.canRotate = canRotate;

}

public boolean getCanRotate() {

return this.canRotate;

}

/**

  • 设置温度改变监听

  • @param onTempChangeListener 监听接口

*/

public void setOnTempChangeListener(OnTempChangeListener onTempChangeListener) {

this.onTempChangeListener = onTempChangeListener;

}

/**

  • 设置点击监听

  • @param onClickListener 点击回调接口

*/

public void setOnClickListener(OnClickListener onClickListener) {

this.onClickListener = onClickListener;

}

/**

  • 温度改变监听接口

*/

public interface OnTempChangeListener {

/**

  • 回调方法

  • @param temp 温度

*/

void change(int temp);

}

/**

  • 点击回调接口

*/

public interface OnClickListener {

/**

  • 点击回调方法

  • @param temp 温度

*/

void onClick(int temp);

}

public int dp2px(float dp) {

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,

getResources().getDisplayMetrics());

}

private int sp2px(float sp) {

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, sp,

getResources().getDisplayMetrics());

}

}

(6)manifests

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

package=“com.example.myclient”>

<application

android:allowBackup=“true”

android:icon=“@mipmap/ic_launcher”

android:label=“@string/app_name”

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

最后

题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限,很多程序员朋友无法获得正确的资料得到学习提升,故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

Android开发8年,阿里、百度一面惨被吊打!我是否应该转行了?

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们,帮助大家在IT道路上学习和发展

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img
1712725411651)]
[外链图片转存中…(img-cUooyyt1-1712725411651)]
[外链图片转存中…(img-Cludm0oB-1712725411652)]
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
[外链图片转存中…(img-pttR6dsH-1712725411652)]

最后

题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限,很多程序员朋友无法获得正确的资料得到学习提升,故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

[外链图片转存中…(img-dMKFAqEW-1712725411653)]

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们,帮助大家在IT道路上学习和发展

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-1G9j04G7-1712725411653)]

  • 29
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值