九宫格手势密码

关于自定义控件已经了解过一些理论知识了,但是实际动手的次数实在是很少,最近下定决心开始动手实践。
下面就是对九宫格手势密码的具体实现做一个总结和说明,也为一些不知如何去实现的朋友提供一个思路

首先大家来看一下用法:

<com.example.customer.myapplication.weight.Lock9View
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:errorNum="3"
        app:hightDrawable="@drawable/huizhi"
        app:minPoint="4"
        app:nodeLineColor="@color/colorPrimary"
        app:nodeLineWidth="5dp"
        app:nodePadding="20dp"
        app:normalDrawable="@drawable/chushi"/>

里面app开头的属性都是控件里面的自定义属性,至于自定义属性具体是怎么写的,后面会给大家介绍

接下来我们来看一下控件中提供的一个方法

/**
     * 设置已有密码
     *
     * @param lock
     */
    public void setLock(String lock) {
        this.lock = lock;
        this.isSetLock = false;
    }

这个方法是在已经设置过密码,现在需要去解锁的时候调用的。

至于手势绘制结果是通过一个回调返回的,大家只需要实现一下这个监听就可以监听到密码设置结果和解锁结果了

//密码绘制的回调
    public interface OnLockFinishListener {
   
        void onSuccess(boolean isSetLock, String password);

        void onShort(int remainder);

        void onFailue(boolean isSetLock, String password);
    }

这个是回调监听,里面主要有三个方法,成功,失败,密码太短这三个,isSetLock是是否是设置密码的,true - 设置密码 false - 解锁密码 password - 当前绘制的密码

接下来我们看一下在Lock9View内部定义的一个继承自View的NodeView

//九宫格中的每个宫格
    private class NodeView extends View {
   
        //记录对应的中心点坐标,半径,编号,当前状态(默认or高亮)

        private float centerX;

        private float centerY;

        private</
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想实现一个手势九宫格密码的界面,可以借助tkinter的Canvas组件来实现。下面是一个简单的示例代码: ```python import tkinter as tk class GesturePasswordApp: def __init__(self, master): self.master = master self.master.title("手势九宫格密码") self.canvas = tk.Canvas(self.master, width=300, height=300) self.canvas.pack() self.canvas.bind("<B1-Motion>", self.on_drag) self.passcode = [] self.lines = [] self.create_grid() def create_grid(self): for row in range(3): for col in range(3): x1 = col * 100 + 50 y1 = row * 100 + 50 x2 = x1 + 50 y2 = y1 + 50 self.canvas.create_oval(x1, y1, x2, y2, fill="white", outline="black") def on_drag(self, event): x = event.x // 100 * 100 + 75 y = event.y // 100 * 100 + 75 if (x, y) not in self.passcode: self.passcode.append((x, y)) self.canvas.create_oval(x - 25, y - 25, x + 25, y + 25, fill="blue", outline="black") if len(self.passcode) > 1: prev_x, prev_y = self.passcode[-2] line = self.canvas.create_line(prev_x, prev_y, x, y, fill="blue") self.lines.append(line) def clear(self): self.canvas.delete("all") self.create_grid() self.passcode = [] for line in self.lines: self.canvas.delete(line) self.lines = [] root = tk.Tk() app = GesturePasswordApp(root) root.mainloop() ``` 在这个示例中,我们创建了一个名为`GesturePasswordApp`的类,该类继承自tkinter的`Tk`类。通过在`Canvas`上绑定鼠标拖动事件`<B1-Motion>`,我们可以捕捉到用户的手势输入。在`on_drag`方法中,我们根据鼠标位置绘制蓝色的圆形,并连接前后两个圆形之间的线条。密码的坐标点存储在`passcode`列表中,连接的线条存储在`lines`列表中。 运行代码后,你可以在窗口中拖动鼠标,绘制手势图案。每次绘制完成后,你可以清除密码并重新开始。请注意,这只是一个简单的示例,实际应用中可能需要更复杂的逻辑和界面设计。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值