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程序
Apr 04 Python
python3.0 字典key排序
Dec 24 Python
Python实现Linux下守护进程的编写方法
Aug 22 Python
python3设计模式之简单工厂模式
Oct 17 Python
TensorFlow变量管理详解
Mar 10 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
Mar 22 Python
浅谈Python里面小数点精度的控制
Jul 16 Python
python itchat给指定联系人发消息的方法
Jun 11 Python
python实现大文件分割与合并
Jul 22 Python
python实现贪吃蛇游戏源码
Mar 21 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
Feb 26 Python
Python实现日志实时监测的示例详解
Apr 06 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 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
Chrome Web App开发小结
2014/09/04 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
Firebug入门指南(Firefox浏览器)
2010/08/21 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
Layer UI表格列日期格式化及取消自动填充日期的实现方法
2020/05/10 Javascript
Python读大数据txt
2016/03/28 Python
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
建筑专业自荐信范文
2014/01/05 职场文书
项目考察欢迎辞
2014/01/17 职场文书
保险公司早会主持词
2014/03/22 职场文书
职务聘任书范文
2014/03/29 职场文书
2014年班干部工作总结
2014/11/25 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
大学军训口号大全
2015/12/24 职场文书
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL