flex 区域,鼠标画矩形选择组件

最新推荐文章于 2017-06-22 10:20:09 发布
最新推荐文章于 2017-06-22 10:20:09 发布
阅读量203 收藏
点赞数
分类专栏： flex 鼠标 矩形 选择

网上类似的代码也不少.但是都只是自己工程中单独贴出来的代码片段. 并不适合通用场景,存在很多bug

举个例子:

1. 如果画框所属的父组件存在滚动的条. 获取的矩形区域大小和坐标就会错乱

2. 如果画矩形过程中,鼠标移出目标组件, 该矩形事件无法继续传播,等等.一些bug

 

今天我把自己工程画框单独剥离出来成一个组件调用.

 

如下图:



 

 

下面是一个demo工程代码,及整个源码提供大家下载

 

 

iteye_1144
关注
专栏目录
Flex中鼠标框选绘图，及解决绘图被Flex组件遮挡的问题
编程语言小筑
12-01 137
1.首先说，在Flex中，实现鼠标拖动，在页面上画出矩形选框的实现方式。 主要有两种，一种是将其画出来，然后做为UI组件放在Flex上。 代码如下： var bcCanvas:UIComponent=new UIComponent(); bcCanvas.graphics.beginFill(0xff0000,1); bcCanvas.graphics.drawRect(p0.x,p0....
JavaScript鼠标拖动绘制方框实现选区
qq_33745954的博客
07-30 6279
本人是一名刚开始学习JavaScript的小菜鸟一枚，所以决定不时在这里更新一些有趣或是实用的常用代码，学习技术，与君共勉。 针对JavaScript拖动鼠标绘制方框实现选区的方法，在网上查了很多，但感觉不是写的很繁琐就是感觉很乱，没有一个详细的步骤，这对于我们这些菜鸟来说真的很难理解，所以我写了一份比较简洁，注释详细的代码供大家参考。 先把代码放上来： <!DOCTYPE htm...
flex 带矩形边框的GroupBox.
03-07
对于GroupBox，我们可以根据需要选择合适的布局，以便在矩形边框内正确地排列子组件。 4. **响应式设计**：考虑不同屏幕尺寸和设备，可以使用Flex的响应式设计功能调整边框的大小和样式。例如，可以使用条件CSS类或...
Flex 组件全屏　部分全屏的实现 代码
09-19
// 设置全屏显示的矩形区域，使其与组件匹配 stage.fullScreenSourceRect = new Rectangle(0, 0, width, height); } } } ``` 在这个例子中，我们创建了一个名为`FlexFullScreenExample`的自定义组件，并添加了...
flex源码 可以扭动的3D矩形
05-28
标题中的“flex源码 可以扭动的3D矩形”指的是使用Adobe Flex技术实现的一个3D图形项目，这个项目特别之处在于它允许用户交互地扭曲和转动3D矩形，创造出动态的视觉效果。Flex是基于ActionScript 3.0的开源框架，...
使用Adobe Flex开发的Flash小游戏-黄金矿工.zip
02-08
7. **用户界面**：Flex提供了丰富的UI组件，如按钮、文本框等，可以用来构建游戏菜单、暂停/继续按钮、设置面板等。 在实际开发过程中，开发者需要熟练掌握Flex Builder或IntelliJ IDEA等集成开发环境，它们提供了...
JS取得鼠标选择区域
Hi,are u have one potato?
11-05 4419
function getRangeById(id) {             var word = '';             if (document.selection) {                   o = document.selection.createRange(); if (o.text.length > 0) word = o.text;
flex 4.0 鼠标拖动效果实现
一个开发者的博客
12-12 114
//鼠标拖动效果 private function mouseDown_startDrag(event:MouseEvent):void{ event.currentTarget.startDrag(); } private function click_stopDrag(event:MouseEvent):void{ event.current...
AS3图形基础：画虚线矩形框
hacker47
04-07 557
画虚线矩形框的需求常常都有，虽然API里没有提供现成的线条样式，但是实现起来并不困难。 先看图，按下鼠标拖动。 [img]http://dl.iteye.com/upload/attachment/0066/1563/318021af-d759-3e7f-ae0e-cd874e1a4df1.jpg[/img] 主要代码如下： [code="java"] package {...
js实现矩形框选
qq_38892819的博客
06-22 4842
"http://www.w3.org/TR/html4/strict.dtd"> 鼠标框选效果   *{   padding:0;   margin:0;   }   #bottom{   position:absolute;   bottom:0px;   width:100%;   height:40px;   border:1px solid #000;
Flex拖拽-Canvas容器里拖动Box
困难户
02-18 117
<?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import mx.core.
Java语言编程基础及Web开发入门教程：Java 是一种广泛使用的面向对象编程语言，以其平台无关性和安全性著称 Java 不仅
最新发布
09-15
javascript：Java 是一种广泛使用的面向对象编程语言，以其平台无关性和安全性著称。Java 不仅适用于桌面应用程序开发，还特别适合 Web 开发，包括服务器端开发、Android 应用开发等。下面是一个简要的 Java 编程基础和 Web 开发入门指南。 Java 编程基础 1. 环境搭建 首先需要安装 Java 开发工具包 JDK 和一个集成开发环境（IDE），比如 Eclipse 或 IntelliJ IDEA。 2. 第一个 Java 程序 创建一个简单的 Java 程序来熟悉 Java 的基本语法结构。 java 深色版本 1public class HelloWorld {2 public static void main(String[] args) {3 System.out.println("Hello, World!");4 }5} 3. 数据类型 Java 支持多种数据类型，包括基本类型（如 int, double）和引用类型（如 String, 类）。 4. 控制结构 学习条件语句（if, switch）、循环语句（for,
Flex深入学习：动画效果与组件应用
"这篇内容主要介绍了Flex中的Effects动画效果，特别是淡入淡出(Fade)效果的实现，并回顾了Flex的基础知识，包括RIA的概念、Flex的应用、MXML与ActionScript的关系、界面布局以及表单组件的使用。同时，提到了本章的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值