接1
如果单独定义一个canvas页,然后把鼠标事件加到该页,通过主页调用这个canvas,则canvas页上的鼠标动作事件能够正常地响应定义在它里面的函数。
canvas定义eventcanvas.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="1200"
mouseDown="OnMouseDown(event)"
mouseMove="OnMouseMove(event)"
mouseUp="OnMouseUp(event)"
>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import flash.geom.Matrix;
import flash.geom.Point;
import mx.managers.CursorManager;
//鼠标按下响应事件
public function OnMouseDown(event:MouseEvent):void
{
trace("MOUSE DOWN canvas");
// Alert.show("MOUSE DOWN canvas");
}
//鼠标移动响应事件
public function OnMouseMove(event:MouseEvent):void
{
//如果鼠标左键按下
/* Alert.show("MOUSE move canvas"); */
trace("MOUSE Move canvas");
}
//鼠标抬起响应事件
public function OnMouseUp(event:MouseEvent):void
{
//如果鼠标左键按下
trace("MOUSE Up canvas");
//Alert.show("MOUSE UP canvas");
}
]]>
</mx:Script>
</mx:Canvas>
分享到:
相关推荐
在掌握基础后阅读,可以解决很多实际开发中的布局问题,如flex布局和grid布局。 4. **数据结构与算法**:对于前端开发者来说,理解和掌握数据结构与算法同样重要。《漫画算法》和《JavaScript 数据结构与算法设计》...
- **创建自定义布局**:利用`display: flex`或`display: grid`构建复杂的响应式布局。 - **隐藏和显示元素**:通过`display: none`隐藏元素,节省页面空间或实现交互效果。 - **表格样式布局**:使用`display: table...
2. **使用Bison和Flex的意义:** - 在处理复杂的语言结构时,Bison和Flex可以帮助生成高效的解析器。 - 对于开发gSOAP这样的工具而言,能够有效地处理各种XML文档格式是非常重要的。 3. **Bison和Flex与gSOAP的...
CSS属性如`color`改变文本颜色,`background-color`设置背景色,`font-size`调整字体大小,`padding`和`margin`控制内边距和外边距,`display`决定元素的显示方式,如`block`、`inline-block`或`flex`。 在`font`...
我们还需要考虑响应式设计,使应用能在不同屏幕尺寸上正确显示,这可以通过灵活的布局widgets如Flex和Stack来实现。 总的来说,这个Flutter UI挑战项目是一个极好的学习机会,它涵盖了从网络请求到UI设计的多个方面...
2. **响应式设计**:TailwindCSS提供了预设的断点类,如`sm:`(小屏幕)、`md:`(中等屏幕)和`lg:`(大屏幕),用于在不同设备上调整元素的显示。这使得视频卡片在手机、平板电脑和桌面设备上都能保持良好的用户...
- **布局设计**:CSS的`display: flex`或`grid`可以用来创建响应式的网格布局,适应不同屏幕尺寸。 - **背景和边框**:设置画布的背景色和边框,提升用户体验。 - **按钮样式**:通过CSS伪类`:hover`和`:active`...