关于睡眠检测自定义VIEW

先上图:

第一步,先定义画笔工具,行高,和标题

private String[] title = new String[]{"清醒","浅睡","中睡","深睡"};
private Paint mPaint = null;
private Paint mSoberPaint = null;//清醒
private Paint mLightSleepPaint = null;//浅睡
private Paint mMiddleSleepPaint = null;//中睡
private Paint mDeepSleepPaint = null;//深睡
private List<Paint> mPaintList = null;
private float sleepHeigh = 0;
private float sleepWidth = 0;

模拟数据

/*** 睡眠等级从0-7* 0-1 清醒* 2-3 浅睡* 4-5 中睡* 6-7 深睡*/
private String mSleepData = "777722222226666666633333333332222222111111115555555666666677777775552222222333333322211111111115556666444444" +        "777722222226666666633333333332222222111111115555555666666677777775552222222333333322211111111115556666444444" +        "777722222226666666633333333332222222111111115555555666666677777775552222222333333322211111111115556666444444" ;

第二步,初始化画笔

sleepHeigh = getResources().getDimension(R.dimen.sleep_height);mPaint = new Paint();
//设置抗锯齿
mPaint.setAntiAlias(true);
//设置是否抖动
mPaint.setDither(true);
//这个是文本缓存，设置线性文本，如果设置为true就不需要缓存，
mPaint.setLinearText(false);
mPaint.setStrokeCap(Paint.Cap.BUTT);
mPaint.setColor(getResources().getColor(R.color.sleep_color_bg));//清醒
mSoberPaint = new Paint();
setPaint(mSoberPaint);
mSoberPaint.setColor(getResources().getColor(R.color.sober_color));//浅睡
mLightSleepPaint = new Paint();
setPaint(mLightSleepPaint);
mLightSleepPaint.setColor(getResources().getColor(R.color.light_sleep_color));//中睡
mMiddleSleepPaint = new Paint();
setPaint(mMiddleSleepPaint);
mMiddleSleepPaint.setColor(getResources().getColor(R.color.middle_sleep_color));//深睡
mDeepSleepPaint = new Paint();
setPaint(mDeepSleepPaint);
mDeepSleepPaint.setColor(getResources().getColor(R.color.deep_sleep_color));mPaintList = new ArrayList<>();
mPaintList.add(mSoberPaint);
mPaintList.add(mLightSleepPaint);
mPaintList.add(mMiddleSleepPaint);
mPaintList.add(mDeepSleepPaint);

第三步,画上下边框

//画上边框背景
mPaint.setColor(getResources().getColor(R.color.sleep_color_bg));
canvas.drawLine(0,0,getWidth(),0,mPaint);

//内线
mPaint.setColor(getResources().getColor(R.color.sleep_color_within_bg));
canvas.drawLine(0,sleepHeigh,getWidth(),sleepHeigh,mPaint);
canvas.drawLine(0,sleepHeigh*2,getWidth(),sleepHeigh*2,mPaint);
canvas.drawLine(0,sleepHeigh*3,getWidth(),sleepHeigh*3,mPaint);

//画下边框背景
mPaint.setColor(getResources().getColor(R.color.sleep_color_bg));
canvas.drawLine(0,sleepHeigh*4,getWidth(),sleepHeigh*4,mPaint);

第四步,画睡眠数据

//画字
for (int i= 1;i<=4;i++){String text = title[i-1];mPaint.getTextBounds(text, 0, text.length(), rect);canvas.drawText(text,getWidth()-rect.width(),sleepHeigh*i-5,mPaint);
}//睡眠结果
sleepWidth = (float) getWidth()/ mSleepData.length();
for (int i = 0; i < mSleepData.length(); i++){int v = Integer.parseInt(String.valueOf(mSleepData.charAt(i)));int sleepState = v/2;canvas.drawRect(sleepWidth*i, sleepHeigh*(sleepState+1),sleepWidth*(i+1), sleepHeigh*sleepState, mPaintList.get(sleepState));// 长方形
}

文章源码下载地址:睡眠监测自定义view-Android代码类资源-CSDN下载

关于睡眠检测自定义VIEW相关推荐

Android自定义View，滑动，事件传递小结
本文只总结知识点欢迎补充,欢迎纠正.谢谢! #预备知识 Android控件框架 ####1. View树状图 Android的View树结构总是以一个ViewGroup开始,包含多个View或Vie ...
【Android 应用开发】自定义View 和 ViewGroup
一. 自定义View介绍自定义View时, 继承View基类, 并实现其中的一些方法. (1) ~ (2) 方法与构造相关 (3) ~ (5) 方法与组件大小位置相关 (6) ~ (9) 方法与触摸 ...
Android中实现Bitmap在自定义View中的放大与拖动
一基本实现思路: 基于View类实现自定义View –MyImageView类.在使用View的Activity类中完成OnTouchListener接口,实现对MotionEvent事件的监听与处理 ...
自定义View：测量measure，布局layout，绘制draw
1. 什么是View 在Android的官方文档中是这样描述的:表示了用户界面的基本构建模块.一个View占用了屏幕上的一个矩形区域并且负责界面绘制和事件处理. 手机屏幕上所有看得见摸得着的都是Vie ...
Android开发自定义View
Android中View组件的作用类似于Swing变成中的JPanel,它只是一个空白的矩形区域,View组件中没有任何内容.对于Android应用的其他UI组件来说,它们都继承了View组件,然后在 ...
Android零基础入门第24节：自定义View简单使用
Android零基础入门第24节:自定义View简单使用原文:Android零基础入门第24节:自定义View简单使用当我们开发中遇到Android原生的组件无法满足需求时,这时候就应该自定义Vi ...
android 自定义view实现拖动放大缩小_自定义itemCheckView
阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android 本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容: 自定义View类实现自定义View标签 ...
Android自定义滑动进度条,Android自定义View实现圆形水波进度条
每次听到某大牛谈论自定义View,顿时敬佩之心,如滔滔江水连绵不绝,心想我什么时候能有如此境界,好了,心动不如行动,于是我开始了自定义View之路,虽然过程有坎坷,但是结果我还是挺满意的.我知道大牛还 ...
android canvas_Android 自定义View篇（七）实现环形进度条效果
前言 Android 自定义 View 是高级进阶不可或缺的内容,日常工作中,经常会遇到产品.UI 设计出花里胡哨的界面.当系统自带的控件不能满足开发需求时,就只能自己动手撸一个效果. 本文就带自定义 ...

关于睡眠检测自定义VIEW

关于睡眠检测自定义VIEW相关推荐

最新文章

热门文章