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 相关文章推荐
50行代码实现贪吃蛇(具体思路及代码)
Apr 27 Python
python登录豆瓣并发帖的方法
Jul 08 Python
Python如何快速上手? 快速掌握一门新语言的方法
Nov 14 Python
Python中pow()和math.pow()函数用法示例
Feb 11 Python
JavaScript中的模拟事件和自定义事件实例分析
Jul 27 Python
python实现证件照换底功能
Aug 20 Python
在Python 的线程中运行协程的方法
Feb 24 Python
Python多进程编程常用方法解析
Mar 26 Python
Python之Matplotlib文字与注释的使用方法
Jun 18 Python
keras 多任务多loss实例
Jun 22 Python
Python3基于print打印带颜色字符串
Jul 06 Python
如何在Python3中使用telnetlib模块连接网络设备
Sep 21 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 xml实例 留言本
2009/03/20 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
PHP实现图片自动清理的方法
2015/07/08 PHP
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
JS JSON对象转为字符串的简单实现方法
2013/11/18 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
2015/12/08 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
easyui validatebox验证
2016/04/29 Javascript
JS中Array数组学习总结
2017/01/18 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
python基础教程之获取本机ip数据包示例
2014/02/10 Python
python交互界面的退出方法
2019/02/16 Python
python实现合并两个排序的链表
2019/03/03 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
使用Python绘制台风轨迹图的示例代码
2020/09/21 Python
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
简历里的自我评价范文
2014/02/24 职场文书
小学生运动会报道稿
2014/09/12 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
pytorch查看网络参数显存占用量等操作
2021/05/12 Python
anaconda python3.8安装后降级
2021/06/11 Python