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中使用next()方法操作文件的教程
May 24 Python
python不换行之end=与逗号的意思及用途
Nov 21 Python
python编程使用selenium模拟登陆淘宝实例代码
Jan 25 Python
Python编程深度学习计算库之numpy
Dec 28 Python
python之信息加密题目详解
Jun 26 Python
学Python 3的理由和必要性
Nov 19 Python
python之pymysql模块简单应用示例代码
Dec 16 Python
Python Numpy库常见用法入门教程
Jan 16 Python
Python实现企业微信机器人每天定时发消息实例
Feb 25 Python
python 实现分组求和与分组累加求和代码
May 18 Python
面向新手解析python Beautiful Soup基本用法
Jul 11 Python
python中的class_static的@classmethod的巧妙用法
Jun 22 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
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
javascript web对话框与弹出窗口
2009/02/22 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
Jquery之Bind方法参数传递与接收的三种方法
2014/06/24 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
NodeJS使用jQuery选择器操作DOM
2015/02/13 NodeJs
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
js 只比较时间大小的实例
2017/10/26 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
2018/10/12 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
VSCode中自动为Python文件添加头部注释
2019/11/14 Python
python3 xpath和requests应用详解
2020/03/06 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
葡萄牙语专业个人求职信
2013/12/10 职场文书
销售总监岗位职责
2014/01/04 职场文书
简历里的自我评价
2014/01/31 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
DE1107机评
2022/04/05 无线电