python开发之tkinter实现图形随鼠标移动的方法


Posted in Python onNovember 11, 2015

本文实例讲述了python开发之tkinter实现图形随鼠标移动的方法。分享给大家供大家参考,具体如下:

做这个东西的时候,灵感源自于一个js效果:

两个眼睛随鼠标移动而移动

运行效果:

python开发之tkinter实现图形随鼠标移动的方法

代码部分:

from tkinter import *
#1.获取到小圆当前的圆心坐标(x1, y1)
#2.获取到小圆移动的圆心坐标(x2, y2)
#3.把小圆从坐标(x1, y1)移动到坐标(x2, y2)
__author__ = {'name' : 'Hongten',
       'mail' : 'hongtenzone@foxmail.com',
       'blog' : 'http://blog.csdn.net/',
       'QQ': '648719819',
       'created' : '2013-09-20'}
class Eay(Frame):
  def createWidgets(self):
    ## The playing field
    self.draw = Canvas(self, width=500, height=500)
    #鼠标位置
    self.mouse_x = 450
    self.mouse_y = 250
    #圆心坐标(x,y)
    self.oval_zero_x = 250
    self.oval_zero_y = 250
    #外面大圆半径
    self.oval_r = 100
    #里面小圆半径
    self.oval_R = 30
    self.oval_r1 = self.oval_r - self.oval_R + 0.5
    self.oval_r2 = self.oval_r - self.oval_R - 0.5
    #小圆
    self.letter_ball_x1 = 250
    self.letter_ball_y1 = 250
    # The ball 外面大圆
    self.ball = self.draw.create_oval((self.oval_zero_x - self.oval_r),
                     (self.oval_zero_y - self.oval_r),
                     (self.oval_zero_x + self.oval_r),
                     (self.oval_zero_y + self.oval_r),
                     fill="white")
    self.ball = self.draw.create_oval((self.oval_zero_x - self.oval_r1),
                     (self.oval_zero_y - self.oval_r1),
                     (self.oval_zero_x + self.oval_r1),
                     (self.oval_zero_y + self.oval_r1),
                     fill="blue")
    self.ball = self.draw.create_oval((self.oval_zero_x - self.oval_r2),
                     (self.oval_zero_y - self.oval_r2),
                     (self.oval_zero_x + self.oval_r2),
                     (self.oval_zero_y + self.oval_r2),
                     fill="white")
    #里面小圆
    self.ball_over = self.draw.create_oval((self.oval_zero_x - self.oval_R),
                        (self.oval_zero_y - self.oval_R),
                        (self.oval_zero_x + self.oval_R),
                        (self.oval_zero_y + self.oval_R),
                        fill="red")
    self.draw.pack(side=LEFT)
  def mouseMove(self, event):
    self.mouse_x = event.x
    self.mouse_y = event.y
    if SHOW_LOG:
      print('#' * 50)
      print('鼠标的坐标为:({}, {})'.format(self.mouse_x, self.mouse_y))
      print('小圆当前坐标为:({}, {})'.format(self.letter_ball_x1, self.letter_ball_y1))
    '''获取到小圆移动的圆心坐标(x2, y2)'''
    ax_x = abs(self.mouse_x - self.oval_zero_x)
    ax_y = abs(self.mouse_y - self.oval_zero_y)
    if SHOW_LOG:
      print('坐标A(oval_zero_x, oval_zero_y)到坐标X(mouse_x, mouse_y)的距离为AX')
      print('AX中ax_x = {}, ax_y = {}'.format(ax_x, ax_y))
    ax_len = ((ax_x ** 2) + (ax_y ** 2))**0.5
    if SHOW_LOG:
      print('AX的长度为:{}'.format(ax_len))
    #如果鼠标坐标在(ax_len > |r-R|)
    if ax_len > abs(self.oval_r - self.oval_R):
      ac_len = abs(self.oval_r - self.oval_R)
      if SHOW_LOG:
        print('AC的产度为:{}'.format(ac_len))
      if int(self.mouse_x - self.oval_zero_x) != 0:
        if int(self.mouse_y - self.oval_zero_y) != 0:
          #求直线斜率 y = kx + b
          k = (self.mouse_y - self.oval_zero_y)/(self.mouse_x - self.oval_zero_x)
          if SHOW_LOG:
            print('鼠标到大圆圆心的直线的斜率为:{}'.format(k))
          b = self.mouse_y - (k * self.mouse_x)
          ###################################################
          #小圆移动后的坐标
          #这里有三个条件:
          #  1.小圆的圆心坐标(x1, y1)在直线AC上(y = kx + b)
          #  2.(r-R)^2 = x1^2 + y1^2  由1,2可以得到 => (r-R)^2 = x1^2 + 2*x1*k*b + b^2  => x1有两个值,通过3判断x1的符号,从而求出y1
          #  3.if self.mousex_x > 0:
          #     x1 > 0
          #这是一个二元二次方程,方程的解有两组,不过通过鼠标的位置self.mouse_x(self.mouse_y)可以判断圆心坐标x1(y1)
          letter_ball_x2 = ((ac_len * (abs(self.mouse_x - self.oval_zero_x)))/ax_len) + self.letter_ball_x1
          letter_ball_y2 = (letter_ball_x2 * k) + b
          if SHOW_LOG:
            print('小圆当前坐标为:({}, {})'.format(self.letter_ball_x1, self.letter_ball_y1))
            print('小圆移动后坐标为:({}, {})'.format(letter_ball_x2, letter_ball_y2))
          #把小圆从坐标(x1, y1)移动到坐标(x2, y2)
          self.moved_x2 = letter_ball_x2 - self.letter_ball_x1
          self.moved_y2 = letter_ball_y2 - self.letter_ball_y1
          if SHOW_LOG:
            print('需要移动的距离是:({}, {})'.format(int(self.moved_x2), int(self.moved_y2)))
          self.draw.move(self.ball_over, int(self.moved_x2), int(self.moved_y2))
          self.letter_ball_x1 = letter_ball_x2
          self.letter_ball_y1 = letter_ball_y2
        else:
          print('鼠标在X轴上') 
      else:
        print('鼠标在Y轴上')
    else:
      if SHOW_LOG:
        print('小圆的移动后的坐标就是鼠标坐标')
      #小圆移动后的坐标
      letter_ball_x2 = self.mouse_x
      letter_ball_y2 = self.mouse_y
      if SHOW_LOG:
        print('小圆移动后坐标为:({}, {})'.format(letter_ball_x2, letter_ball_y2))
      #把小圆从坐标(x1, y1)移动到坐标(x2, y2)
      self.moved_x2 = letter_ball_x2 - self.letter_ball_x1
      self.moved_y2 = letter_ball_y2 - self.letter_ball_y1
      if SHOW_LOG:
        print('需要移动的距离是:({}, {})'.format(int(self.moved_x2), int(self.moved_y2)))
      self.draw.move(self.ball_over, int(self.moved_x2), int(self.moved_y2))
      self.letter_ball_x1 = letter_ball_x2
      self.letter_ball_y1 = letter_ball_y2
  def move_ball(self, *args):
    #当鼠标在窗口中按下左键拖动的时候执行
    #Widget.bind(self.draw, "<B1-Motion>", self.mouseMove)
    #当鼠标在大圆内移动的时候执行
    self.draw.tag_bind(self.ball, "<Any-Enter>", self.mouseMove)
  def __init__(self, master=None):
    global letter_ball_x2
    letter_ball_x2 = 0
    global letter_ball_y2
    letter_ball_y2 = 0
    global SHOW_LOG
    SHOW_LOG = True
    Frame.__init__(self, master)
    Pack.config(self)
    self.createWidgets()
    self.after(10, self.move_ball)
game = Eay()
game.mainloop()

希望本文所述对大家Python程序设计有所帮助。

Python 相关文章推荐
python中使用enumerate函数遍历元素实例
Jun 16 Python
python optparse模块使用实例
Apr 09 Python
jupyter安装小结
Mar 13 Python
通过python实现弹窗广告拦截过程详解
Jul 10 Python
Django的models中on_delete参数详解
Jul 16 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
Feb 26 Python
利用 PyCharm 实现本地代码和远端的实时同步功能
Mar 23 Python
python爬虫学习笔记之pyquery模块基本用法详解
Apr 09 Python
Python中三维坐标空间绘制的实现
Sep 22 Python
如何利用Matlab制作一款真正的拼图小游戏
May 11 Python
python 实现图与图之间的间距调整subplots_adjust
May 21 Python
Python调用腾讯API实现人脸身份证比对功能
Apr 04 Python
Python复制文件操作实例详解
Nov 10 #Python
Python中对元组和列表按条件进行排序的方法示例
Nov 10 #Python
Python 文件管理实例详解
Nov 10 #Python
Python list操作用法总结
Nov 10 #Python
python控制台中实现进度条功能
Nov 10 #Python
使用Python发送各种形式的邮件的方法汇总
Nov 09 #Python
尝试使用Python多线程抓取代理服务器IP地址的示例
Nov 09 #Python
You might like
咖啡的传说和历史
2021/03/03 新手入门
十天学会php之第二天
2006/10/09 PHP
php判断文件上传类型及过滤不安全数据的方法
2014/12/17 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
Zend Framework教程之动作的基类Zend_Controller_Action详解
2016/03/07 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
限制文本字节数js代码
2007/03/06 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
js设置控件的隐藏与显示的两种方法
2014/08/21 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
javascript计算对象长度的方法
2017/10/25 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
[33:15]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VP VS Mineski
2018/03/31 DOTA
简单介绍Python中的JSON模块
2015/04/08 Python
Python遍历目录的4种方法实例介绍
2015/04/13 Python
python提取页面内url列表的方法
2015/05/25 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
使用Python项目生成所有依赖包的清单方式
2020/07/13 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
python Timer 类使用介绍
2020/12/28 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
最新个人职业生涯规划书
2014/01/22 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
镇党委书记群众路线整改措施思想汇报
2014/10/13 职场文书
大班下学期个人总结
2015/02/13 职场文书
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android