FLEX学习笔记:mx.core.BitmapAsset ——位图的使用
2011-08-12 13:29
531 查看
BitmapAsset 是 flash.display.Bitmap 类的子类,表示您在 Flex 应用程序中嵌入的位图图像。它用于实现 IFlexDisplayObject 接口,此接口允许在 Image 控件中显示嵌入的位图图像,或将位图图像用作容器背景或组件外观。
嵌入的位图图像可以是 JPEG、GIF 或 PNG 文件。您还可以嵌入由 Flash 生成的 SWF 文件中的位图元件。在上述每种情况下,MXML 编译器都会自动生成一个类,用于扩展 BitmapAsset 以显示嵌入的位图图像。
在写入 Flex 应用程序时,通常不必直接使用 BitmapAsset 类。例如,您可以通过编写如下内容来嵌入 GIF 文件并在 Image 控件中显示该图像:
也可以使用 CSS 语法编写如下内容来将该图像用作应用程序的背景图像
而不必了解 MXML 编译器已为您创建了 BitmapAsset 的一个子类。
例子:
var dragImg:BitmapAsset = new BitmapAsset();
dragImg.bitmapData = new BitmapData(dragInitiator.width, dragInitiator.height);
//定义宽高
dragImg.bitmapData.draw(dragInitiator);
//直接画出源对象
被描绘的源对象必须是实现 IBitmapDrawable 接口的类,比如 Button
Button 的继承关系是:Button - UIComponent - FlexSprite - Sprite - DisplayObjectContainer - InteractiveObject - DisplayObject - EventDispatcher - Object
注意到中间有一个 DisplayObject 该类实现了IBitmapDrawable 接口,所以所有 UIComponent 的子类 都实现了IBitmapDrawable ,都可以被 draw 出来
嵌入的位图图像可以是 JPEG、GIF 或 PNG 文件。您还可以嵌入由 Flash 生成的 SWF 文件中的位图元件。在上述每种情况下,MXML 编译器都会自动生成一个类,用于扩展 BitmapAsset 以显示嵌入的位图图像。
在写入 Flex 应用程序时,通常不必直接使用 BitmapAsset 类。例如,您可以通过编写如下内容来嵌入 GIF 文件并在 Image 控件中显示该图像:
<mx:Image id="logo" source="@Embed(source='Logo.gif')"/>
也可以使用 CSS 语法编写如下内容来将该图像用作应用程序的背景图像
<fx:Style> @namespace mx "library://ns.adobe.com/flex/mx" mx|Application { backgroundImage: Embed(source="Logo.gif") } <fx:Style/>
而不必了解 MXML 编译器已为您创建了 BitmapAsset 的一个子类。
例子:
var dragImg:BitmapAsset = new BitmapAsset();
dragImg.bitmapData = new BitmapData(dragInitiator.width, dragInitiator.height);
//定义宽高
dragImg.bitmapData.draw(dragInitiator);
//直接画出源对象
draw(source:IBitmapDrawable, matrix:Matrix = null, colorTransform:flash.geom:ColorTransform = null, blendMode:String = null, clipRect:Rectangle = null, smoothing:Boolean = false):void 使用 Flash 运行时矢量渲染器在位图图像上绘制 source 显示对象。 |
Button 的继承关系是:Button - UIComponent - FlexSprite - Sprite - DisplayObjectContainer - InteractiveObject - DisplayObject - EventDispatcher - Object
注意到中间有一个 DisplayObject 该类实现了IBitmapDrawable 接口,所以所有 UIComponent 的子类 都实现了IBitmapDrawable ,都可以被 draw 出来
相关文章推荐
- [Egret学习笔记 三]Bitmap Font(位图文字)的使用
- flex学习笔记 使用函数,显示实时更新的标签
- Unity学习笔记15——Unity5之后的AssetBundle使用方法
- Flex 学习笔记:Move类的使用
- Flex学习笔记-使用MXML和一个AS事件监听器监听事件
- cocos2d-x学习笔记(23)--地图的使用3--CCTMXLayer
- iOS学习笔记--Core Data的使用
- flex 入门学习笔记2 之popupbutten的使用
- Spring3 学习笔记之(spring core 之IoC配置使用)
- WPF and Silverlight 学习笔记(二十七):基本图形的使用(2)Path和位图操作
- Flex学习笔记_04 使用容器控制界面布局
- MFC关于CBimtap类的使用和创建位图数组的问题【学习笔记】
- Android 学习笔记之Bitmap位图的缩放
- 关于使用corebench的学习笔记
- Asp.net core 2.0.1 Razor 的使用学习笔记(四)
- Android 学习笔记之Bitmap位图的旋转
- Asp.net core 2.0.1 Razor 的使用学习笔记(一)
- Asp.net core 2.0.1 Razor 的使用学习笔记(三)
- Flex 学习笔记:Move类的使用
- 《Flex 4实战》学习笔记:CH15 使用数据服务