首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布中绘制的背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 )

一、鼠标滚轮缩放的中心点设置为当前鼠标中心点 - 要点分析 ---- 鼠标指针指向界面中的 Canvas 画布某个位置 , Canvas 画布中绘制着一张超大图片 , 以该位置为中心 , 滑动鼠标滚轮时进行缩放...; 使用鼠标滚轮缩放后 , 在 Canvas 中绘制的图片的尺寸肯定是放大或者缩小了 , 尺寸发生了改变 ; 图片缩放时 , 鼠标指针指向一个位置 , 该位置对应着一个当前 Canvas 画布中的 x..., 需要进行下面两个步骤的操作 : 保存当前鼠标指针指向的位置 , 以及鼠标指针指向位置对应图片中坐标位置的比例 ; 鼠标指针指向的位置不变 , 指向图片坐标比例不变 , 图片尺寸发生了改变 , 重新计算当前图片的放置位置...offsetX = (int) (pointer_x - canvasX); offsetY = (int) (pointer_y - canvasY); } 二、绘制超大图像 + 鼠标拖动...offsetY += dy; // 重新绘图 repaint(); // 记录当前拖动后的位置

2.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【Java AWT 图形界面编程】使用小键盘按键缩放 Canvas 画布中绘制的背景图像 ( 键盘按键监听 + 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 )

    + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 ---- 在 【Java AWT 图形界面编程】Canvas 中绘制超大图片 ( 使用鼠标拖动查看全图 | 设置 JFrame 窗口自动关闭...| 获取并绘制图片 | 鼠标拖动计算位移 | 画布偏移 ) 博客中 , 绘制了超大图像 , 可以使用鼠标拖动 ; 在 【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布 ( 鼠标滚轮事件监听器...MouseWheelListener ) 博客中 , 新增鼠标滚轮缩放画布示例 , 但是使用鼠标拖动时 , 拖动的效果也随之缩放, 如 缩小画布后 , 移动鼠标 , 移动距离对应的缩放效果也随之缩小...; 在 【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布中绘制的背景图像 ( 鼠标滚轮事件监听器 MouseWheelListener | Canvas 中绘制图像并设置图像大小...) 博客中 , 使用缩放背景图像的方式 , 实现缩放效果 , 并同时福袋鼠标指针拖拽效果 ; 本博客中实现的案例 , 在上面的基础上 , 添加了鼠标滚轮缩放的中心点设置为当前鼠标中心点 ; 1、代码示例

    1.8K20

    如何使用一套键盘鼠标,同时控制多台电脑_控制鼠标

    蓝牙键盘 我使用的蓝牙键盘是 GANSS GS87键的蓝牙双模键盘茶轴,既支持有线,也支持无线。最大的优点是便宜,到手 300 多,这个价格能买到有牌子、质量还不错的机械键盘算是非常难得的。...如果你的蓝牙键盘是 Win键位,并且你的电脑是 Mac 电脑,那么当你第一次使用连接蓝牙外置键盘时,需要进行修饰键位的调整,不然你会发现键位与预期的不符。...蓝牙鼠标使用鼠标是 罗技的 MX Master3,这款鼠标已经觊觎已久了,终于在今年的 618 有便宜一点了,让我用 428 (原价 799)的超低价给买到了。...总结一下该鼠标的亮点有这些: MAGSPEED 疾速的电磁滚轮,手感非常棒,真的爱了。...打开电脑找到该鼠标的蓝牙设备,进行连接即可。

    2K20

    使用pynput库控制和监测鼠标键盘

    上一篇文章了解了pyautogui的简单使用及一些功能,但是后来发现还是不能满足我都要求, 安装 pynput 正常下载总是不稳定,出现了一片红色文字,因为服务器国外的,换成国内镜像。 ?...这里使用的是清华大学的镜像下载的,还有豆瓣什么的都可以,速度会比较快,搞定。 ?...总共就三部分内容,鼠标,键盘和平台限制,我们主要看第一第二部分,这个库允许我们去控制和监测输入设备,符合我的要求。 控制鼠标 pynput.mouse包含用于控制和监视鼠标的类。...控制是非常简单的,不同的功能调用不同的方法,方法里面添加上对应的参数。 ? 监控鼠标 鼠标监听是会开启一个新的线程的,使用第一种listener.join()会阻塞后面程序继续运行。...控制键盘 键盘支持字符,数字和特殊按键,字母数字可以通过key.char方法字符内容,特殊方法不可以。也可以实现组合按键的效果。 ? 监控键盘 监控键盘和鼠标是一样的原理,注意参数传递要对应。 ?

    1.4K30

    使用 RecyclerView 实现 Gallery 画廊效果,并控制 Item 停留位置

    其实我们可以控制其 Item 的停留位置,并使其实现画廊效果。如果大家熟悉 SnapHelper 的话,估计大家就都会了。...效果如下: 居中实现方式 使用 SnapHelper 配合 RecyclerView 实现控制 Item 位置居中显示,非常简单,官方默认提供的 LinearSnapHelper 就是居中的,我们直接使用即可...RecyclerView.LayoutManager layoutManager, View targetView) 当拖拽或滑动结束时会回调该方法,返回一个out = int[2],out[0]x轴,out[1] y轴,这就是我们需要修改的位置偏移量...RecyclerView.LayoutManager layoutManager, View targetView) { int[] out = new int[2]; //判断支持水平滚动,修改水平方向的位置...mMySnapHelper = new CustomSnapHelper(); mMySnapHelper.attachToRecyclerView(rv); 最后,其实垂直方向也可以实现哦,大家可以尝试一下垂直方向的使用方式是不是非常简单

    3.5K70

    Python: pyautogui模块之鼠标控制

    文章背景:PyAutoGUI是一个纯Python的GUI自动化工具,其目的是可以用程序自动控制鼠标和键盘操作,利用它可以实现自动化任务。...1 确定鼠标位置 1.1 坐标轴系统 pyautogui的鼠标函数使用x,y坐标,原点在屏幕左上角,向右x坐标增加,向下y坐标增加,所有坐标都是正整数,没有负数坐标。.... >>> print(currentMouseX, currentMouseY) 350 465 使用pyautogui.position()函数,确定鼠标当前的位置。...2 控制鼠标移动 pyautogui.moveTo(x,y[,duration = t]) 将鼠标移动到屏幕的指定位置 pyautogui.moveRel(x,y[,duration = t]) 相对于当前位置...=t]) #将鼠标拖动到指定位置 pyautogui.dragRel(x,y[,duration=t]) #将鼠标拖动到相对当前位置位置

    5.1K20

    实战 | 手把手教你用Python+OpenCV实现滑块验证码->自动拖动验证

    导读 本文主要介绍如何使用Python+OpenCV实现滑块验证码->自动拖动验证。...背景介绍 前几天在某网站下载代码时,跳转到滑块验证码界面,需要验证OK后才能下载,貌似这种验证方式现在很流行,所以打算用OpenCV尝试如何让其自动拖动验证。...效果展示 核心步骤是提取滑动块目标位置,如下是效果展示: 目标滑动块定位步骤与演示: 实现步骤: 【1】截取验证图片,颜色通道转换为HSV,取V通道分析 原图: V通道效果: B,G,R=...,作为鼠标滑动起点; 【2】定位模板滑动块位置; 【3】控制鼠标拖动,直到与目标滑动块完全重合; 这里提供两种思路: ① 笔者发现这个网站的起始滑动块x位置都是10,那么可以计算目标滑动块与起始滑动块...X坐标差值,控制鼠标移动对应的像素量; ② 截取目标滑动块的ROI位置,实时计算ROI被覆盖后剩余像素数量,当剩余像素数量最小时认为被覆盖完全,松开鼠标

    3.2K30

    手写原生代码专题 | 图片拖拽效果(一)

    二、 图片拖拽效果介绍 本篇文章,如下视频所示,界面有5个方格拖放区域,我们可以在这些区域里拖拽图片,当鼠标拖动图片时,图片周围有灰色的粗边框效果提示用户当前元素可拖动,在可放置图片的目标方格会出现白色的虚线边框并且背景色更改为黑色...,提示用户可以在此位置放置被拖动的图片,结束拖动时(松开鼠标时),图片将会放置在目标方格内。...在拖动至目标位置元素时,为了让用户更直观的感受到哪些位置是可以放置的目标元素,我们需要给其定义 hovered 样式,进入目标位置元素时,样式发生改变,背景为黑灰色,并有白色的边框虚线。...接下来我们分别来定义相关事件函数, dragstart :当图片目标刚被拖动时,我们为元素添加灰色的粗边框属性 .hold,并将当前此元素的容器背景div隐藏,这里使用样式 invisible。...,松开鼠标时触发,我们先将当前位置的样式更改为empty,并在其中添加拖动的图片元素容器。

    2.2K30

    「Adobe国际认证」Adobe PS软件,内容识别修补和移动

    您可以在两个模式中使用内容识别移动工具: 使用移动模式将对象置于不同的位置(在背景相似时最有效)。 使用扩展模式扩展或收缩头发、树或建筑物等对象。...只需针对已经移动的那部分图像,调整用于控制大小的句柄即可。 3.选择要移动或扩展的区域。您可以使用“移动”工具绘制选区,也可以使用任何其他选择工具。 4.将选区拖曳到您要放置对象的区域。...注意:“透明”选项非常适用于具有清晰分明纹理的纯色背景或渐变背景(如一只小鸟在蓝天中翱翔)。 5。若要控制粘贴的区域以怎样的速度适应周围的图像,请调整扩散滑块。...6.将指针定位在选区内,并执行下列一种操作: 如果在选项栏中选中了“源”,请将选区边框拖动到想要从中进行取样的区域。松开鼠标按钮时,原来选中的区域被使用样本像素进行修补。...如果在选项栏中选定了“目标”,请将选区边界拖动到要修补的区域。释放鼠标按钮时,将使用样本像素修补新选定的区域。 使用图案修复区域 1.选择修补工具 。 2.在图像中拖动,选择要修复的区域。

    1.4K30

    3dslicer使用教程_c4d视图设置

    置中 将3D视图放于场景的中央位置,同时使图像被包含入3Dcube中 放大 缩小 切换投影方式 将会在直角投影和透视投影两种投影方式之间进行切换,并进行相应的绘制,呈现不同的3D视图 视图旋转 3D视图会以一定速率绕上下轴进行旋转...标尺 可以选择在slice viewers视图中显示标尺标识长度大小 三类图像层 1.背景层(Background) 背景层允许读入的是vtkMRMLScalarVolumeNode类型的标量体数据节点或者...背景层的默认不透明度为1,且不可修改。可以设置是否需要插值显示。...可以通过拖动控制器面板上的不透明度工具条或者设置控制器面板上数值设定框或者直接在视图上Ctrl键+鼠标左键上下拖动来改变前景的不透明度。可以设置是否需要插值显示。...同前景层类似,可以通过拖动控制器面板上的不透明度工具条(眼睛右边的下拉菜单)或者设置控制器面板上数值设定框或者直接在视图上Ctrl键+鼠标左键左右拖动来改变前景的不透明度。

    3.3K20

    手摸手从零到一开发一个灵活的Todolist便签项目

    具体使用非常简单,点击鼠标任意拖动即可创建一个便签面板,接下来就可以在里面进行书写了,非常的简单,同时所有的便签都知道随意拖动位置和调整大小。...进入开发 首先我们要进行最基础的项目布局,但是这段内容太过于基础,我们可以看到,整个内容就只有一页,那么很明显,我们无需过于复杂的布局,点开控制台可以看到总共就两层,一层是canvas背景一层就是我们的主要绘制区域了...绘制canvas的网格背景 首先我们要知道网格背景有什么用处,细心的朋友会发现,每一次我们拖动便签的时候,一次移动的是一个格子,而并不是我们日常的拖动事件可以随意拖动,这也就是我们绘制这个网格背景的作用...从右上角滑动拉到左下角 我们看看下面这副图,红点代表鼠标初始按下的位置,黑点代表抬起的位置,也包含移动的方向,同时我们用(oldX,oldY)表示按下点坐标,(newX,newY)代表移动中和最终抬起的坐标...可以看到上图,用户可以按下鼠标往四个方向拉,而这种时候,我们的左上角的点的计算方式也不同,所以我们在用户拖动的过程中,需要通过diffX和diffY的差距判断用户的滑动方向,进而拿到左上角的准确的点的位置

    95030

    EonerCMS——做一个仿桌面系统的CMS(十二)

    当我们在拖动一个图标的时候,原图标不动,然后复制出一个与其一样半透明的图标,然后放开鼠标,删除原先的位置,更新到移动后的位置,如图   思路清楚后,就可以动手开始做了,首先是复制一个半透明图标,触发事件是在我鼠标左键...display:none">'+$(this).html()+''); ... ... });   注意看,当我mousedown的时候,复制出来的半透明图标是不显示的,显示是在当鼠标按住拖动时才显示出来的...(); }); });   当然,只要是拖动的功能,我都会增加一个透明背景遮罩层,避免触发桌面上的一些点击事件或hover效果,拖动的完整代码如下 $(document).on("mousedown...left y = e.screenY; //鼠标位于屏幕的top sT = $(this).offset().top; sL = $(this).offset().left; //增加背景遮罩层...obj.css({left:_l,top:_t}).attr("left",_l).attr("top",_t); }); });   接下来要做的就是,当鼠标抬起的时候,更新图标位置,事件就是mouseup

    36620

    【CSS】PhotoShop 切图 ① ( 常见的图片格式 - jpeg、gif、png、psd | PhotoShop 切片工具 )

    、gif、png、psd ---- 常见的图片格式 : jpeg : 支持丰富的颜色 , 一般不透明的产品图片就是用该颜色 ; gif : 颜色只有 256 色 , 只能存储简单图片 , 可 设置透明背景...; 各种格式的图片使用场景 : 不需要透明背景的高质量图片 就是用 jpeg 格式图片 ; 需要透明背景的图片 就使用 png 格式 ; 如果 需要动画效果 使用 gif 格式图片 ; 美工使用 PhotoShop...在 Photoshop 左侧的工具栏中 , 选择切片工具 , 3、选择切片工具样式 切片工具选择后 , 在工具栏中 , 有三种样式 : 正常 : 使用鼠标任意拖动可随意改变矩形框大小 ; 固定长宽比...: 使用鼠标拖动 , 只能切出固定长宽比的图片 ; 固定大小 : 鼠标左键点击 , 即可生成一个固定大小的切片区域 ; 4、改变切片大小 使用 切片工具 框选一个矩形框后 , 可以拖动 矩形框...上下左右 中间位置的小方块 , 改变矩形框的尺寸 ; 5、改变切片位置 如果切片大小合适 , 但是切片位置不对 , 可以 使用 上下左右 箭头按键 , 移动整体切片位置 , 移动效果如下 ; 选择完切片后

    77720

    Windows 7 操作系统

    单击左上角的应用程序图标,会打开窗口中应用程序的控制菜单,使用该菜单也可以实现最小化、最大化和关闭等功能。  拖动标题栏可以拖动窗口,还可以双击标题栏完成窗口的最大化和还原的切换。  ...只要用鼠标拖动桌面上的图标,就可以将图标移动到自己喜欢的位置。  在桌面的任意空白处右击,将出现一个快捷菜单。...选中“使用AeroPeek预览桌面”,当鼠标移动到任务栏末端的“显示桌面”按钮时(无需点击),可暂时查看桌面。  任务栏的位置和高度也是可以改变的。...除了在对话框中选择屏幕上的任务栏位置外,将鼠标移到任务栏的上边沿时,鼠标的指针将变为“”形状,此时,拖动鼠标就可以改变任务栏的高度。...把鼠标移到任务栏的空白处,然后向屏幕的其他边拖动任务栏,就可将任务栏移到屏幕的其他边上。

    35930
    领券