转自 http://hi.baidu.com/njf119/blog/item/f76aa3efba85031cfcfa3c31.html
该事件在窗口打开或者形状发生变化时触发。该事件中的典型编程是,窗口打开时在该事件中根据程序的运行环境调整窗口的大小和位置,用户改变窗口形状时,按照适当比例调整窗口上控件的大小和位置。这样,可以保证窗口的大小不依赖运行环境,窗口大小改变时也不会使窗口上的部分控件显示不出来。
该事件的参数NewWidth和NewHeight是两个Integer类型的参数,可以直接在该事件中使用,用来获取改变后窗口的宽度和高度,以便和原来的宽、高比较获取大小变化比例,用该比例对其他控件进行一定的调整。
比如,可以在窗口的Resize事件中编写脚本,当用户调整窗口大小时,根据用户调整的比例对窗口上的控件大小进行调整。首先定义两个实例变量用来保存调整之前的窗口大小,在窗口的Open事件中对这两个实例变量初始化,脚本如下:
ii_width = This.width
ii_height = This.height
然后在窗口的Resize事件中编写如下脚本:
Int li_index //循环变量
DragObject lobj_every //用来获取窗口上的控件
For li_index = 1 To UpperBound(this.control[]) //对窗口中的所有控件逐一处理
lobj_every = control[li_index] //保存当前控件
lobj_every.x = lobj_every.x * (newwidth / ii_width) //重新设置X坐标
lobj_every.width = lobj_every.width * (newwidth / ii_width) //重新设置宽度
lobj_every.y = lobj_every.y * (newheight / ii_height) //重新设置Y坐标
lobj_every.height = lobj_every.height * (newheight / ii_height) //重新设置高度
Next
ii_width = newwidth //保存当前宽度
ii_height = newheight //保存当前高度
分享到:
相关推荐
支持基本的事件回调,提供元素实时宽高位置信息数据; 目前仅支持 pc 端、px 的 css 单位;后续添加移动端和 rem 自适应; 组件仅实现最基本的拖拽、缩放和旋转核心功能,源码简单清晰可解耦,有较高的扩展性 演示...
为了实现这些功能,Vue3-drag-resize-rotate可能使用了Vue的生命周期钩子、事件系统以及响应式属性。例如,`mounted`钩子可能用于初始化元素的位置和尺寸信息,而`updated`钩子则可能用于监听并处理拖动、旋转或缩放...
例如,你可以监听`change`事件来更新图像: ```javascript document.getElementById('fileInput').addEventListener('change', function(e) { var file = e.target.files[0]; resize.readFile(file); }); ``` ###...
Vue-drag-resize的使用提高了Web界面的交互性,使得原本需要依靠浏览器原生事件或第三方库实现的功能变得更加简洁和高效。对于开发者而言,该插件提供了一种易于集成和扩展的方法,来增强Web应用的用户操作体验。
在这里,用户可以看到与Resize功能相关的控件布局和事件处理代码。 3. `prjResize.vbp`:这是Visual Basic Project文件,存储了项目的整体信息,如引用库、工程组成员、项目设置等。通过这个文件,可以打开和管理...
PowerBuilder支持多种事件,如Paint事件、Resize事件等,这些事件在特定时刻触发,可以用来执行特定的代码。例如,我们可以在Paint事件中绘制自定义的形状,或者在Resize事件中调整形状的大小和位置。 在Paint事件...
此外,可以利用jQuery的`$(window).resize()`方法监听窗口大小变化,实时更新布局。 5. **优化和兼容性**:最后,为了提高性能,可以考虑使用事件委托,减少事件监听器的数量。同时,考虑到老版本浏览器可能不支持...
在模拟时钟程序中,使用事件处理机制来处理各种事件,例如 Timer 的 Tick 事件和窗口的 Resize 事件。 7. 图形绘制 在模拟时钟程序中,使用 GDI+ 库来绘制图形。程序使用 `Graphics` 对象来绘制时钟的表盘和指针。...
3. 窗口事件:窗口事件涉及窗口生命周期,例如窗口创建(Create)、关闭(Close)、移动(Move)、大小调整(Resize)和激活状态改变(Activate/Deactivate)。 4. 触摸屏事件:随着触控设备的普及,触摸事件成为...
在本文中,我们将深入探讨如何...这个过程涉及到VC++的GUI编程、Halcon的图像处理以及事件处理等多方面的知识,对于理解和掌握两者都有很大的帮助。通过不断实践和优化,我们可以构建更复杂、高效的机器视觉应用程序。
特征对jQuery的依赖性最小(选择器语法, .height() .scrollTop() .height() .scrollTop() .resize() ) 将可滚动区域划分为一系列离散的frames ,您可以将事件绑定到这些frames 支持特定于帧的事件以及可以在每个帧...
在C#窗体中,有多种事件,如Load、Resize、Closing等,其中`SizeChanged`事件会在窗体尺寸发生变化时被触发。 3. **最小化事件处理** - 当窗体被最小化时,实际上是其尺寸被改变为最小值,因此`SizeChanged`事件会...
综上所述,`aws-lambda-resize-image` 是一个利用 AWS Lambda 实现的图像大小调整解决方案,它结合了无服务器计算、事件驱动架构、S3 存储以及 JavaScript 编程,为开发者提供了一种高效、可扩展的方式来处理上传的...
类似于在 PC 上使用的 `resize` 事件,它可以帮助开发者捕捉到方向变化的瞬间,并采取相应的动作。 下面通过具体的代码示例来说明如何利用这些特性: ```javascript (function() { var init = function() { var ...
移动直尺可以通过改变其位置坐标来实现,而调整大小则需要处理窗体的`Resize`事件。在`MouseMove`和`MouseDown`/`MouseUp`事件中,我们可以计算鼠标点击和移动的偏移量,从而更新直尺的位置和大小。 5. **单位设置...
当浏览器窗口尺寸变化时(例如,用户旋转屏幕或者调整浏览器窗口大小),需要响应resize事件,并在事件处理函数中更新画布的尺寸,以保证内容适应新的尺寸而不变形。通过jQuery绑定resize事件到resetCanvas函数上,...
当设备的方向发生变化时,会触发orientationchange事件,类似于PC端的resize事件。通过监听该事件,可以在设备旋转时执行相应的操作。这通常与window.orientation属性一起使用,以确定设备的当前方向。 例如,可以...
开发者可能使用了Qt的信号和槽机制来触发动画,比如当用户点击按钮或发生其他事件时。此外,可能还包含了自定义的动画类,扩展了Qt的标准动画类,以满足特定需求或添加特殊功能。 总结来说,"resizeAnimation-...
- **日志记录**:添加日志记录功能,以便追踪程序运行过程中的关键事件或错误信息。 - **多线程处理**:对于大量图像的处理,考虑采用多线程技术来提高处理效率。 - **资源管理**:适当使用智能指针等现代C++特性来...
- `resize`:窗口大小改变时触发。 - `scroll`:用户滚动页面时触发。 5. **触摸和手势事件**(适用于移动设备): - `touchstart`,`touchmove`,`touchend` 和 `touchcancel`:处理触摸屏幕的操作。 - `swipe...