Android可触摸选择刻度,有惯性,指针自动补正的刻度盘/表盘

项目地址

https://github.com/oneAcorn/WeightDialView-master
-------------------------------------------------------------------我是分割线---------------------------------------------------------------------

效果图

拖动,惯性,自动补正效果
拖动,惯性,自动补正效果
隐藏刻度线,更改背景图,设置总刻度效果(注:图中总刻度为12,不是60,所以松手时,指针补正至5点)
隐藏刻度线,更改背景图,设置总刻度效果

一 引用方法

1.在root build.gradle中加入

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

2.在项目的 build.gradle中加入

dependencies {
	        implementation 'com.github.oneAcorn:WeightDialView-master:1.0.2'
	}

二 使用方法

1.在xml中声明,total_scale为总刻度

    <view
        android:id="@+id/weightdialview"
        class="com.acorn.weightdiallibrary.WeightDialView"
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:total_scale="100"
        />

2.设置初始相关参数

        weightDialView.setCircle(10); //设置当前圈数为10
        weightDialView.setScale(7);  //设置当前指向刻度为7

3.增加/减少总刻度

在这里插入图片描述

    //增加总刻度
    public void addTotalScale(View view) {
        weightDialView.setTotalScale(weightDialView.getTotalScale() + 10);
    }

    //减少总刻度
    public void reduceTotalScale(View view) {
        try {
            weightDialView.setTotalScale(weightDialView.getTotalScale() - 10);
        } catch (Exception e) {
            //总刻度不能小于0
            Toast.makeText(this, e.getMessage(), Toast.LENGTH_LONG).show();
        }
    }

4.增加/减少指针与圆心的距离比

在这里插入图片描述

    //增加指针与圆心的距离比
    public void addThumbDistance(View view) {
        try {
            //0~1,越小越靠近边缘,越大越靠近圆心
            weightDialView.setThumbDistance(weightDialView.getThumbDistance() - 0.05f);
        } catch (Exception e) {
            //distance必须大于等于0或小于等于1
            Toast.makeText(this, e.getMessage(), Toast.LENGTH_LONG).show();
        }
        notifyStatus();
    }

    //减少指针与圆心的距离比
    public void reduceThumbDistance(View view) {
        try {
            //0~1,越小越靠近边缘,越大越靠近圆心
            weightDialView.setThumbDistance(weightDialView.getThumbDistance() + 0.05f);
        } catch (Exception e) {
            //distance必须大于等于0或小于等于1
            Toast.makeText(this, e.getMessage(), Toast.LENGTH_LONG).show();
        }
        notifyStatus();
    }

5.显示/隐藏刻度线,显示/隐藏背景图

隐藏刻度线,更改背景图,设置总刻度效果

weightDialView.showScaleLine(); //显示刻度线
weightDialView.hideScaleLine(); //隐藏刻度线
    private boolean flag = false;

    public void toggleBackground(View view) {
        if (flag) {
            weightDialView.setCircleBackground(null); //隐藏背景图
        } else {
            //显示背景图
            weightDialView.setCircleBackground(ImageUtil
                    .drawableToBitamp(getResources()
                            .getDrawable(R.mipmap.watch_dial)));
            //设置总刻度12
            weightDialView.setTotalScale(12);
        }
        bgBtn.setText(flag ? "显示背景图" : "隐藏背景图");
        flag = !flag;
    }

6.设置监听器

    weightDialView.setOnScaleChangeListener(new WeightDialView.OnScaleChangeListener() {
            @Override
            public void onScaleChange(int newScale, boolean isClockwise, int circles) {
                listenerTv.setText("当前刻度:" + newScale + ",圈数:" + circles + ",顺时针:" + isClockwise);
            }
        });

项目地址

https://github.com/oneAcorn/WeightDialView-master

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个自己设置表盘指针刻度的Tkinter时钟代码,并加上详细注释: ```python import tkinter as tk from math import cos, sin, pi import time # 创建主窗口 root = tk.Tk() root.title("时钟") # 创建标签,用于显示时间 time_label = tk.Label(root, font=("Arial", 80)) time_label.pack() # 画表盘函数 def draw_clock(): # 获取画布大小 width = canvas.winfo_width() height = canvas.winfo_height() # 计算表盘半径和中心坐标 r = min(width, height) / 2 * 0.8 cx = width / 2 cy = height / 2 # 画表盘外圆 canvas.delete("clock") # 删除之前的表盘 canvas.create_oval(cx-r, cy-r, cx+r, cy+r, width=5, outline="black", tags="clock") # 画表盘刻度 for i in range(12): angle = pi / 6 * i # 计算刻度线的角度 x1 = cx + (r-20) * cos(angle) y1 = cy + (r-20) * sin(angle) x2 = cx + r * cos(angle) y2 = cy + r * sin(angle) canvas.create_line(x1, y1, x2, y2, width=5, tags="clock") # 画表盘指针 # 计算指针位置 now = time.localtime() hour_angle = pi / 6 * now.tm_hour + pi / 360 * now.tm_min minute_angle = pi / 30 * now.tm_min second_angle = pi / 30 * now.tm_sec hour_length = r * 0.5 minute_length = r * 0.7 second_length = r * 0.9 # 画指针 # 时针 x = cx + hour_length * sin(hour_angle) y = cy - hour_length * cos(hour_angle) canvas.create_line(cx, cy, x, y, width=10, fill="red", tags="clock") # 分针 x = cx + minute_length * sin(minute_angle) y = cy - minute_length * cos(minute_angle) canvas.create_line(cx, cy, x, y, width=5, fill="blue", tags="clock") # 秒针 x = cx + second_length * sin(second_angle) y = cy - second_length * cos(second_angle) canvas.create_line(cx, cy, x, y, width=2, fill="green", tags="clock") # 在1000ms后调用自身,实现更新表盘指针 canvas.after(1000, draw_clock) # 创建画布,用于画表盘 canvas = tk.Canvas(root, width=600, height=600) canvas.pack(expand=True, fill="both") # 在100ms后调用draw_clock()函数,实现画表盘指针 canvas.after(100, draw_clock) # 运行主循环 root.mainloop() ``` 这个程序使用Tkinter创建一个窗口,通过Canvas组件画出时钟表盘指针。程序分为两个主要部分:`draw_clock()`函数和主循环部分。 `draw_clock()`函数用于画表盘指针,并且每秒钟更新指针位置。首先获取画布的大小,计算表盘半径和中心坐标,然后画出表盘外圆和刻度线。接着计算当前时间对应的指针位置,画出时针、分针和秒针。最后在1000ms后调用自身,实现每秒钟更新指针位置。 主循环部分首先创建画布,然后在100ms后调用`draw_clock()`函数,实现画出表盘指针。最后运行主循环。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值