`
TernenceLY
  • 浏览: 9012 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

非常强大的一个ColorPicker 组件

阅读更多
ColorPicker 组件允许用户从样本列表中选择颜色。

以下示例演示向面板容器添加矩形方块,点击这些方块将弹出调色板,监听调色板的选定颜色以更改方块的颜色。
从"库"面板中拖动相关组件到舞台(或直接通过 ActionScript 代码创建组件实例),并对实例命名。

在主时间轴中选择第一帧,打开"动作"面板,然后输入以下代码:

import flash.display.MovieClip;
import flash.display.Graphics;
import flash.events.Event;
import flash.events.MouseEvent;
import shinater.swing.managers.PopUpManager;

var margin:int = 30;
for (var i:int = 0; i<5; i++) {
var mc:MovieClip = new MovieClip();
var g:Graphics = mc.graphics;
var color:uint = Math.random() * 0xFFFFFF;
g.lineStyle(5,color,0.5);
g.beginFill(color,0.8);
g.drawRect(0,0,50,50);
g.endFill();
mc.x = margin + (50 + margin) * i;
mc.y = 25;
mc.addEventListener(MouseEvent.CLICK,onClick);
my_panel.addChild(mc);
}
var ct:MovieClip;
function onClick(evt:MouseEvent){
ct = MovieClip(evt.currentTarget);
PopUpManager.show(my_clp,my_panel,my_panel.mouseX,my_panel.mouseY);
}
my_clp.addEventListener(Event.CHANGE, function(evt:Event){
PopUpManager.hide(my_clp);
var g:Graphics = ct.graphics;
g.clear();
var color:uint = my_clp.getSelectedColor();
g.lineStyle(5,color,0.5);
g.beginFill(color,0.8);
g.drawRect(0,0,50,50);
g.endFill();
});
my_clp.visible = false;




在线API文档地址:http://www.shinater.com/FlashSwing/Help/ColorPicker.html
  • 大小: 5.7 KB
0
3
分享到:
评论

相关推荐

    as3.0自定义ColorPicker

    一个自定义的ColorPicker组件可以简化颜色选取过程,只保留必要的功能,同时可以根据项目需求进行定制化设计。本项目提供了一个基于AS3.0的简洁ColorPicker实现,旨在满足那些寻求更简单交互体验的开发者。 自定义...

    colorpicker颜色选择器

    总之,"colorpicker颜色选择器"是一个强大且灵活的工具,它为用户提供了多种颜色表示方式,使得颜色选择变得更加简单和直观,对于提升用户体验和优化设计过程具有重要意义。在实际应用中,无论是前端开发、UI设计...

    jQuery颜色选择器ColorPicker

    总结来说,`jQuery ColorPicker`是一个强大而灵活的颜色选择组件,它结合了`jQuery`的便利性和自身易于配置的特点,为前端开发者提供了一个快速创建颜色选择功能的理想工具。通过理解和熟练应用,可以显著提高项目中...

    jquery.colorpicker 下载资源

    `jQuery ColorPicker` 是一个功能强大的JavaScript插件,用于在Web应用程序中实现颜色选择器。它为用户提供了一个直观、易于使用的界面来选择颜色,通常用于网页设计、表单输入或者任何需要颜色选择的场景。这个插件...

    angular-bootstrap-colorpicker-2.0.zip

    "angular-bootstrap-colorpicker-2.0.zip" 是一个包含AngularJS和Bootstrap集成的颜色选择器组件的压缩包。这个组件主要用于Web应用中,提供用户友好的界面来选择颜色,广泛应用于设计工具、表单输入或者任何需要...

    前端项目-bootstrap-colorpicker.zip

    总结,Bootstrap Colorpicker是一个强大的前端工具,为开发基于Bootstrap的项目提供了便捷的颜色选择功能。其易用性、可定制性和丰富的功能使其成为前端开发者的重要选择。通过理解和应用这个插件,你可以提升用户...

    colorpicker

    总的来说,colorpicker 是一个强大的工具,简化了颜色选取过程,无论是在日常的设计工作还是在开发过程中,都能提高效率并确保颜色的一致性和准确性。正确理解和使用colorpicker,对于提升用户体验和视觉效果具有...

    as3.0 ColorTransform类改变剪辑的颜色。组件ColorPicker的应用

    而`ColorPicker`组件则为用户提供了一个直观的界面,用于选择和预览颜色。这两个概念在AS3.0中有着广泛的应用,尤其是在创建动态和交互式的Flash内容时。 `ColorTransform`类: 1. **基本概念**:`ColorTransform`...

    取色器(colorPicker)

    本文将详细探讨如何实现一个简洁、可自由调整大小,并且支持通过文本框输入取色标记的C#取色器。 1. **基础原理** 取色器的核心在于将屏幕上的像素转换为RGB(红绿蓝)或更复杂的色彩模型,如HSV(色相、饱和度、...

    WPF制作的取色器ColorPicker

    ColorPicker作为一个关键组件,其工作原理通常涉及到以下几个方面: 1. **颜色模型**:颜色选取器通常支持RGB(红绿蓝)、HSV(色调、饱和度、亮度)或HSL(色调、饱和度、亮度)等颜色模型。用户可以通过调整这些...

    ColorPicker

    ColorPicker是一个用户界面组件,允许用户从调色板中选择颜色,或者通过输入RGB、HSV或HEX等颜色代码进行精确设置。它通常包括一个颜色预览区域、调色板、颜色滑块和数值输入框,使得用户能够直观地选取所需颜色。 ...

    ColorPicker1.1.jar.zip 屏幕取色器

    ColorPicker1.1.jar.zip是一个专为用户提供屏幕取色功能的小巧软件,它利用Java技术实现,要求用户拥有JDK1.8或以上版本的Java运行环境。本文将深入探讨这款工具的特点、使用方法以及其背后的Java编程技术。 首先,...

    gwt colorpicker

    gwt 颜色选择器组件,功能强大得如ps一样

    Extjs4 拾色器 颜色选择 ColorPicker

    在ExtJS4中,颜色选择器(ColorPicker)是一个非常实用的组件,它允许用户在界面上方便地选取颜色。这个组件通常用于需要用户输入颜色值的场景,如设计工具、编辑器或者配置界面。 在"Extjs4 拾色器 颜色选择 ...

    color_pick.zip_colorPicker_颜色选择

    总的来说,colorpicker作为一个轻量级的颜色选择组件,其简洁的代码结构和强大的可定制性,使其在各种Web项目中都能发挥重要作用。无论你是初学者还是经验丰富的开发者,colorpicker都是一个值得信赖的工具,能够...

    ColorPicker 颜色拾取器控件

    颜色拾取器控件在IT领域,特别是在图形用户界面(GUI)设计中,是一个非常实用的工具。它允许用户从一个广泛的颜色范围内选取所需的颜色,通常用于设计、图像编辑、编程或其他需要精确颜色选择的应用场景。在VB...

    2款 android 调色板源码 防PS调色板,ColorPicker

    在Android应用开发中,色彩选择器(ColorPicker)是一个非常重要的组件,特别是在涉及到用户自定义颜色设置或需要呈现丰富的色彩选择场景时。本篇将详细探讨两款Android调色板源码——防PS调色板与简洁调色板,以及...

    一个基于dhtml+js实现的Web颜色拾取控件colorpicker

    总结来说,"一个基于dhtml+js实现的Web颜色拾取控件colorpicker"是一个强大的工具,利用了dhtml和JavaScript的优势,提供了美观且功能丰富的颜色选择体验。开发者可以通过深入研究源代码,学习如何实现类似功能,...

    colorPicker

    3. **调色板**: 提供一个可自定义的调色板,用户可以收藏常用颜色,或者根据需要调整颜色的饱和度、亮度和对比度。 4. **颜色代码转换**: 自动转换颜色值,支持RGB、HEX、CMYK等多种颜色模式,适应不同的设计需求。 ...

Global site tag (gtag.js) - Google Analytics