刻度尺

最新推荐文章于 2023-04-18 16:41:56 发布
最新推荐文章于 2023-04-18 16:41:56 发布
阅读量882 收藏
点赞数
分类专栏： Android 工作总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dylan_null/article/details/46818507
版权

如图所示图的上面就是一个可以旋转的刻度尺

代码如下:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.drawable.Drawable;
import android.media.SoundPool;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

import com.ijoysoft.flashlight.R;
import com.ijoysoft.flashlight.activity.MainActivity;
import com.ijoysoft.flashlight.util.Arithmetic;
import com.ijoysoft.flashlight.util.ScreenUtil;

public class StaffView extends SurfaceView implements SurfaceHolder.Callback,
		Runnable {

	private SurfaceHolder mSurfaceHolder = null;
	private Canvas canvas;
	private Paint paint;
	// 刻度游标
	private Drawable pointer;
	// 图片
	private Drawable imgBitmap;
	// 背景
	private Drawable background;
	// 初始值
	private float initValue;
	// 刻度单位最小值
	private float interval;
	// 单位
	private String unit;
	// 是否初始
	private boolean isInit = true;
	// 显示结果X坐标
	private int result_x = 36; // 结果的X轴位置
	// 显示结果Y坐标
	private int result_y = 25; // 结果的Y轴位置
	/**
	 * 显示结果字体大小
	 */
	private int result_size = 24; // 结果的字体大小
	private int size;
	private float result = 0;
	// 结果画笔
	private Paint reslutPaint;
	// 字体画笔
	private Paint textPaint;
	// 黑线画笔
	private Paint bPaint;
	// 白线画笔
	private Paint wPaint;
	// 显示的文字
	private String value[] = { "8", "9", "sos", "0", "1", "2", "3", "4", "5",
			"6", "7" };
	// 线的间隔
	private int mSpace;
	// 图片的间隔
	private int imgSpace;
	// view宽
	private int mWidth;
	// view高
	private int mHeight;
	// 选择的值
	private int rate;
	// 滑动时变化的值
	private int mNumber = 0;
	private int index = 1;
	private boolean isLeft = true;
	private int isLeftChange = 1;
	private Context context;
	private SoundPool pool;
	private int hitOkSfx;

	public StaffView(Context context, float initValue, float interval,
			SoundPool pool, int i) {
		super(context);
		this.context = context;
		this.pool = pool;
		hitOkSfx = i;
		mSurfaceHolder = this.getHolder();
		mSurfaceHolder.addCallback(this);
		paint = new Paint();
		this.setFocusable(true);
		pointer = getResources().getDrawable(R.drawable.kedu_pointer);
		imgBitmap = getResources().getDrawable(R.drawable.turn_img);
		background = getResources().getDrawable(R.drawable.staff_bg);

		this.initValue = initValue;
		this.interval = interval;
		this.unit = unit;
		init(context);
	}

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

	}

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

	@Override
	public void surfaceDestroyed(SurfaceHolder holder) {

	}

	@Override
	public void run() {
		draw(0);
	}

	private void init(Context context) {
		size = ScreenUtil.dip2px(context, 1);
		// 显示结果
		reslutPaint = new Paint();
		reslutPaint.setColor(Color.BLACK);
		reslutPaint.setTextSize(result_size);
		// 字体
		textPaint = new Paint();
		textPaint.setStrokeWidth(ScreenUtil.dip2px(context, 3));
		// 黑线
		bPaint = new Paint();
		bPaint.setColor(Color.BLACK);
		bPaint.setStrokeWidth(size);
		// 白线
		wPaint = new Paint();
		wPaint.setColor(Color.WHITE);
		wPaint.setStrokeWidth(size);
	}

	/**
	 * @param direction
	 *            方向，-1向左，1向右，0不动
	 */
	public void draw(int direction) {
		// 获取画布
		canvas = mSurfaceHolder.lockCanvas();
		if (mSurfaceHolder == null || canvas == null) {
			return;
		}
		canvas.drawColor(Color.WHITE);
		paint.setAntiAlias(true);
		paint.setColor(Color.GRAY);
		background.setBounds(0, 0, getWidth(), getHeight());
		background.draw(canvas);
		if (isInit) {
			result = initValue;
		} else {
			switch (direction) {
			case 1:
				result = Arithmetic.add(result, interval);
				mNumber = (int) ((result - initValue) / interval);
				initValue = result;
				isLeft = true;
				break;
			case -1:
				result = Arithmetic.sub(result, interval);
				mNumber = (int) ((result - initValue) / interval);
				initValue = result;
				mNumber = Math.abs(mNumber);
				isLeft = false;
				break;
			}
			if (MainActivity.isSound) {
				if (index % 2 == 0) {
					pool.play(hitOkSfx, 1, 1, 0, 0, 0);
				}
			}
		}
		initStaff();

		pointer.setBounds(mWidth / 2 - ScreenUtil.dip2px(context, 17), mHeight
				* 5 / 6 - ScreenUtil.dip2px(context, 20), mWidth / 2
				+ ScreenUtil.dip2px(context, 17),
				mHeight * 5 / 6 + ScreenUtil.dip2px(context, 12));
		pointer.draw(canvas);
		// canvas.drawText(Float.toString(result) + " " + unit, result_x,
		// result_y, reslutPaint);
		// 画上面的图
		if (isInit) {
			for (int i = 0; i < 8; i++) {
				int top = mHeight / 9;
				int left = imgSpace + i * imgSpace * 2;
				int right = imgSpace * 2 + i * imgSpace * 2;
				imgBitmap.setBounds(left, top, right, mHeight * 5 / 9);
				imgBitmap.draw(canvas);
			}
		} else {
			if (index % 2 == 0) {
				for (int i = 0; i < 8; i++) {
					int top = mHeight / 9;
					int left = imgSpace + i * imgSpace * 2;
					int right = imgSpace * 2 + i * imgSpace * 2;
					imgBitmap.setBounds(left, top, right, mHeight * 5 / 9);
					imgBitmap.draw(canvas);
				}
			} else {
				for (int i = 0; i < 9; i++) {
					int top = mHeight / 9;
					int left = 0 + i * imgSpace * 2;
					int right = imgSpace + i * imgSpace * 2;
					imgBitmap.setBounds(left, top, right, mHeight * 5 / 9);
					imgBitmap.draw(canvas);
				}
			}

		}
		// 解锁画布，提交画好的图像
		mSurfaceHolder.unlockCanvasAndPost(canvas);
	}

	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		mWidth = getWidth();
		mHeight = getHeight();
		mSpace = getWidth() / 14;
		imgSpace = getWidth() / 17;
	}

	private void initStaff() {
		canvas.drawLine(0, mHeight * 2 / 3, mWidth, mHeight * 2 / 3, wPaint);
		canvas.drawLine(0, mHeight * 2 / 3 - 2, mWidth, mHeight * 2 / 3 - 2,
				bPaint);
		canvas.drawLine(0, mHeight, mWidth, mHeight, wPaint);
		canvas.drawLine(0, mHeight - 2, mWidth, mHeight - 2, bPaint);

		if (mNumber > 0) {
		//实现从新排列数组
			if (!isLeft) {
				String temp;
				if (isLeftChange % 2 == 0) {
					for (int k = value.length - 1; k > 0; k--) {
						temp = value[k];
						value[k] = value[k - 1];
						value[k - 1] = temp;
					}
				}
				isLeftChange++;
			} else {
				String mp;
				if (isLeftChange % 2 == 1) {
					for (int k = 0; k < value.length - 1; k++) {
						mp = value[k];
						value[k] = value[k + 1];
						value[k + 1] = mp;
					}
				}
				isLeftChange++;
			}
		}
		int j = 0;
		for (int i = 1; i < 14; i++) {
			if (isInit) {
				if (i % 2 == 1) {
					canvas.drawLine(mSpace * i, mHeight - 2, mSpace * i,
							mHeight - mHeight / 12, bPaint);
					if (value[j].equals("sos")) {
						textPaint.setColor(Color.YELLOW);
					} else if (value[j].equals("0")) {
						textPaint.setColor(Color.RED);
					} else {
						textPaint.setColor(Color.WHITE);
					}

					if (i == 7) {
						textPaint.setTextSize(ScreenUtil.dip2px(context, 18));
						if (value[j].equals("sos")) {
							rate = 0;
						} else if (value[j].equals("0")) {
							rate = -1;
						} else {
							rate = Integer.parseInt(value[j]);
						}
					} else {
						textPaint.setTextSize(ScreenUtil.dip2px(context, 12));
					}
					if (value[j].equals("sos")) {
						if (i == 7) {
							canvas.drawText(
									value[j],
									mSpace * i - ScreenUtil.dip2px(context, 13),
									mHeight - mHeight / 6, textPaint);
						} else {
							canvas.drawText(
									value[j],
									mSpace * i - ScreenUtil.dip2px(context, 10),
									mHeight - mHeight / 6, textPaint);
						}
					} else {
						canvas.drawText(value[j],
								mSpace * i - ScreenUtil.dip2px(context, 3),
								mHeight - mHeight / 6, textPaint);
					}
					j++;
				} else {
					canvas.drawLine(mSpace * i, mHeight - 2, mSpace * i,
							mHeight - mHeight / 24, bPaint);
				}

			} else {
				if (index % 2 == 0) {
					if (i % 2 == 1) {

						canvas.drawLine(mSpace * i, mHeight - 2, mSpace * i,
								mHeight - mHeight / 12, bPaint);
						if (value[j].equals("sos")) {
							textPaint.setColor(Color.YELLOW);
						} else if (value[j].equals("0")) {
							textPaint.setColor(Color.RED);
						} else {
							textPaint.setColor(Color.WHITE);
						}

						if (i == 7) {
							textPaint.setTextSize(ScreenUtil
									.dip2px(context, 18));
							if (value[j].equals("sos")) {
								rate = 0;
							} else if (value[j].equals("0")) {
								rate = -1;
							} else {
								rate = Integer.parseInt(value[j]);
							}
						} else {
							textPaint.setTextSize(ScreenUtil
									.dip2px(context, 12));
						}
						if (value[j].equals("sos")) {
							if (i == 7) {
								canvas.drawText(value[j], mSpace * i
										- ScreenUtil.dip2px(context, 13),
										mHeight - mHeight / 6, textPaint);
							} else {
								canvas.drawText(value[j], mSpace * i
										- ScreenUtil.dip2px(context, 10),
										mHeight - mHeight / 6, textPaint);
							}
						} else {
							canvas.drawText(value[j],
									mSpace * i - ScreenUtil.dip2px(context, 3),
									mHeight - mHeight / 6, textPaint);
						}
						j++;
					} else {
						canvas.drawLine(mSpace * i, mHeight - 2, mSpace * i,
								mHeight - mHeight / 24, bPaint);
					}
				} else {
					if (i % 2 == 1) {
						canvas.drawLine(mSpace * i, mHeight - 2, mSpace * i,
								mHeight - mHeight / 24, bPaint);
					} else {
						canvas.drawLine(mSpace * i, mHeight - 2, mSpace * i,
								mHeight - mHeight / 12, bPaint);
						if (value[j].equals("sos")) {
							textPaint.setColor(Color.YELLOW);
						} else if (value[j].equals("0")) {
							textPaint.setColor(Color.RED);
						} else {
							textPaint.setColor(Color.WHITE);
						}

						if (i == 7) {
							textPaint.setTextSize(ScreenUtil
									.dip2px(context, 18));
							if (value[j].equals("sos")) {
								rate = 0;
							} else if (value[j].equals("0")) {
								rate = -1;
							} else {
								rate = Integer.parseInt(value[j]);
							}
						} else {
							textPaint.setTextSize(ScreenUtil
									.dip2px(context, 12));
						}
						if (value[j].equals("sos")) {
							if (i == 7) {
								canvas.drawText(value[j], mSpace * i
										- ScreenUtil.dip2px(context, 13),
										mHeight - mHeight / 6, textPaint);
							} else {
								canvas.drawText(value[j], mSpace * i
										- ScreenUtil.dip2px(context, 10),
										mHeight - mHeight / 6, textPaint);
							}
						} else {
							canvas.drawText(value[j],
									mSpace * i - ScreenUtil.dip2px(context, 3),
									mHeight - mHeight / 6, textPaint);
						}
						j++;
					}
				}
				if (i == 13) {
					index++;
				}
			}

		}

	}

	private float initx = 0;

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			initx = event.getX();
			break;
		case MotionEvent.ACTION_MOVE:
			float lastx = event.getX();
			if (lastx > initx + mSpace) {
				isInit = false;
				draw(-1);
				initx = lastx;
			} else if (lastx < initx - mSpace) {
				isInit = false;
				draw(1);
				initx = lastx;
			}
			if (callback != null) {
				callback.run();
			}
			break;
		}
		return true;
	}
	
	private Runnable callback;
	//这个接口监听刻度尺的旋转
	public void setCallback(Runnable callback) {
		this.callback = callback;
	}
	//获取选中的值
	public int getRate() {
		return rate;
	}
}

Dylanex
关注
专栏目录
刻度尺效果
大白兔
04-05 3355
废话不多说，我们直接上代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <meta name="format-detectio
绘制刻度尺的原理
Jermery的专栏
09-02 2483
pdc->SetMapMode(MM_LOMETRIC); //逻辑单位0.1毫米,x向右递增，y上递增CPoint p[2];p[0].x = m_nMinX;p[0].y = m_nMinY;p[1].x = m_nMaxX;p[1].y = m_nMaxY;pdc->DPtoLP(p, 2);int midx = (int)((p[0].x + p[1].x) * 0.5f);int mid
C#实现刻度尺包含像素和毫米
11-29
使用C# 实现刻度尺，尺子上方刻度为像素，下方刻度为毫米，使用VS2013 编译，尺子是半透明的。dpi是写成固定的，没继续深入进去，一般情况可用
用CSS划一把刻度尺
weixin_34038293的博客
08-31 1428
2019独角兽企业重金招聘Python工程师标准>>> ...
桌面刻度尺（电子刻度尺）
07-12
桌面刻度尺，又称电子刻度尺，长17CM（为物理长度），有时候比较有用，有横放和竖放两种放法。
C# 实现刻度尺
03-14
C# 实现刻度尺。 使用C# 实现刻度尺，尺子上方刻度为像素，下方刻度为毫米，使用VS2013 编译，尺子是半透明的。 C#实现刻度尺 毫米刻度 像素刻度
C#中使用GDI+绘制一把漂亮的直尺(带透明度)
热门推荐
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
04-20 1万+
这是三年前研究C#与GDI+时的作品，它使用C#与GDI+绘制一把有透明度、带刻度 (以像素为单位)的直尺。最终效果：横向直尺：（注：设置了80%不透明度）竖向直尺：（注：设置了100%不透明度，即完全不透明）C#代码：using System;using System.Drawing;using System.Drawing.Drawing2D;using System.Re
微信小程序实现带刻度尺滑块-滑动标尺/刻度尺（身高、体重选择器）组件
最新发布
10-30
在微信小程序开发中，创建一个带有刻度尺的滑块组件可以极大地提升用户在选择身高、体重等数值时的交互体验。这样的组件通常用于需要精确数值输入的场景，如健康管理应用或者在线问卷调查等。本篇文章将深入探讨如何...
javascript 时间刻度尺插件
07-18
JavaScript时间刻度尺插件是一种用于可视化时间轴的工具，常用于数据展示、日程管理或图表绘制等场景。它能够帮助用户清晰地看到时间序列上的各个关键点，提高数据的可读性和交互性。在本文中，我们将深入探讨这个...
vue刻度尺组件文件源码
04-08
在"vue刻度尺组件"这个项目中，我们很显然在关注一个特定的Vue组件，这个组件用于创建可视化的刻度尺。刻度尺是数据可视化中的常见元素，常用于图表或者界面设计中，以表示数值或比例。 首先，让我们深入了解Vue...
C#自制刻度表控件
07-27
C#自己手画的刻度表,纯Gdi+,呵呵，在这里分享下
温度刻度尺,刻度尺，尺子
11-16
内含源码，自己可修改样式，及相关的功能，可以设置范围尺度，拖动，滑动，设置跳转到指定刻度
自定义刻度尺
10-12
可滑动刻度尺，可自定义刻度尺长度；Gallery，被选中的条目可高亮显示
标尺控件，即刻度尺控件
04-27
标尺，刻度尺，dll，现成的标尺控件，直接调用就可以，希望对大家有用
WORD制作打印刻度尺
01-13
WORD制作打印刻度尺，用于没有塑料刻度尺的时候使用，蛮好的。
html 原生实现刻度尺
04-15
在本项目中，我们将主要使用`<div>`标签来创建刻度尺的基本框架，并用`<canvas>`元素来绘制刻度尺的刻度和指针。 1. **HTML结构**： 创建一个基本的HTML页面，设置一个包含`<canvas>`元素的`<div>`，作为刻度尺的...
winform下刻度尺控件的实现
小鹏云友的博客
04-18 849
winform下刻度尺控件的实现
用C#实现的标尺(C#源码)
07-25
开发环境:VS.NET 2005,.NetFrameWork 2.0,C#功能说明:用C#实现的一个类似于Codesoft 7.0文档的简单线性标尺.了解Codesoft软件的朋友,应该比较清楚.实现功能:文档大小修改,刻度缩放,刻度随文档移动.本人刚涉及C#编程.这个实例是本人用C#写的小程序,也是上传到CSDN的第一个资源.本实例仅供大家了解学习,有兴趣的朋友可以和我共同讨论,共同学习,共同进步.
css html 实现刻度,vue语法css实现刻度尺
weixin_32515577的博客
07-11 1865
更新记录1.0.2(2021-04-09)滑动小于半个格时，刻度线不会回弹问题1.0.1(2021-03-28)vue语法css实现刻度尺横向整数、小数点竖向整数、小数点查看更多平台兼容性app微信小程序支付宝小程序百度小程序字节小程序QQ小程序快应用×√√√√√×h5-SafariAndroid Browser微信浏览器(Android)QQ浏览器(Android)ChromeIEEdgeFir...
Android滑动刻度尺实现教程
"Android实现滑动刻度尺效果" 在Android应用开发中，有时我们需要创建一些交互式的用户界面组件，例如滑动刻度尺，用于让用户选择特定的数值或区间，如身高、体重等。本教程将详细介绍如何在Android中实现这样一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值