包 | spark.primitives |
类 | public class Rect |
继承 | Rect FilledElement StrokedElement GraphicElement EventDispatcher Object |
子类 | BeveledBorder |
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
drawElement()
方法会调用 Graphics.drawRect()
和 Graphics.drawRoundRect()
方法。
注意:默认情况下,边框的笔触是圆形的。如果不喜欢圆角,请将笔触的 joints
属性设置为 JointStyle.MITER
。
相关 API 元素
公共属性
受保护的属性
公共方法
方法 | 由以下参数定义 | ||
---|---|---|---|
Rect()
构造函数。 | Rect | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
使用 EventDispatcher 对象注册事件侦听器对象,以使侦听器能够接收事件通知。 | EventDispatcher | ||
如果此 IGraphicElement 是兼容的且可以与序列中下一个 IGraphicElement 共享显示对象,则返回 true。 | GraphicElement | ||
如果此 IGraphicElement 是兼容的且可以与序列中上一个 IGraphicElement 共享显示对象,则返回 true。 | GraphicElement | ||
创建一个新 DisplayObject 以用于绘制此 IGraphicElement。 | GraphicElement | ||
将事件调度到事件流中。 | EventDispatcher | ||
[覆盖]
按指定的元素大小,返回元素边界的 x 坐标。 | Rect | ||
[覆盖]
按指定的元素大小,返回元素边界的 y 坐标。 | Rect | ||
返回元素的布局高度。 | GraphicElement | ||
返回元素的布局宽度。 | GraphicElement | ||
返回元素在屏幕上进行绘制时所用的 x 坐标。 | GraphicElement | ||
返回元素在屏幕上进行绘制时所用的 y 坐标。 | GraphicElement | ||
返回用于相对于其同级组件计算组件的布局的转换矩阵。 | GraphicElement | ||
返回此元素的布局转换 Matrix3D。 | GraphicElement | ||
返回元素的最大高度。 | GraphicElement | ||
返回元素的最大宽度。 | GraphicElement | ||
返回元素的最小高度。 | GraphicElement | ||
返回元素的最小宽度。 | GraphicElement | ||
返回元素的首选高度。 | GraphicElement | ||
返回元素的首选宽度。 | GraphicElement | ||
检查 EventDispatcher 对象是否为特定事件类型注册了任何侦听器。 | EventDispatcher | ||
表示对象是否已经定义了指定的属性。 | Object | ||
如果 GraphicElement 是使用 MXML 标签创建的,则由 MXML 编译器自动调用。 | GraphicElement | ||
调用此方法将导致在呈示显示列表前调用元素的 validateDisplayList() 方法。 | GraphicElement | ||
当某元素的 layoutDirection 更改或其父代的 layoutDirection 更改时,该元素必须调用该方法。 | GraphicElement | ||
调用此方法将导致在呈示显示列表前调用元素的 validateProperties() 方法。 | GraphicElement | ||
调用此方法将导致在呈示显示列表前调用元素的 validateSize() 方法。 | GraphicElement | ||
表示 Object 类的实例是否在指定为参数的对象的原型链中。 | Object | ||
将 Point 对象从对象的(局部)坐标转换为舞台(全局)坐标。 | GraphicElement | ||
将 IGraphicElement 添加到主机组件或从主机组件将其删除时由 IGraphicElementContainer 调用。 | GraphicElement | ||
表示指定的属性是否存在、是否可枚举。 | Object | ||
从 EventDispatcher 对象中删除侦听器。 | EventDispatcher | ||
setLayoutBoundsPosition(newBoundsX:Number, newBoundsY:Number, postLayoutTransform:Boolean = true):void
设置元素在屏幕上进行绘制时所用的坐标。 | GraphicElement | ||
设置元素的布局大小。 | GraphicElement | ||
设置用于相对于其同级组件计算组件的布局大小和位置的转换 Matrix。 | GraphicElement | ||
设置用于计算组件相对于其同级组件的布局大小和位置的转换 Matrix3D。 | GraphicElement | ||
设置循环操作动态属性的可用性。 | Object | ||
确定此元素是否可以将它自己绘制到该序列的 sharedDisplayObject。 | GraphicElement | ||
返回此对象的字符串表示形式,其格式设置遵守区域设置特定的约定。 | Object | ||
返回指定对象的字符串表示形式。 | Object | ||
transformAround(transformCenter:Vector3D, scale:Vector3D = null, rotation:Vector3D = null, translation:Vector3D = null, postLayoutScale:Vector3D = null, postLayoutRotation:Vector3D = null, postLayoutTranslation:Vector3D = null, invalidateLayout:Boolean = true):void
用于更新转换的旋转、缩放和平移的一种实用程序方法,同时保留某个特定点,该点是在组件自己的坐标空间中指定的,且在父项的坐标空间中是固定的。 | GraphicElement | ||
一种实用程序方法,用于将以该对象的本地坐标指定的点转换为在该对象父坐标中的相应位置。 | GraphicElement | ||
由 IGraphicElementContainer 调用以在其 displayObject 属性中重新绘制此元素。 | GraphicElement | ||
根据需要,通过立即调用 validateProperties()、validateSize() 和 validateDisplayList() 来验证并更新此对象的属性和布局。 | GraphicElement | ||
由布局逻辑用于通过调用 commitProperties() 方法来验证组件的属性。 | GraphicElement | ||
由 IGraphicElementContainer 调用以验证此元素的大小。 | GraphicElement | ||
返回指定对象的原始值。 | Object | ||
检查是否用此 EventDispatcher 对象或其任何祖代为指定事件类型注册了事件侦听器。 | EventDispatcher |
受保护的方法
方法 | 由以下参数定义 | ||
---|---|---|---|
[覆盖]
为此元素设置绘制。 | FilledElement | ||
确定是否可以跳过对 measure() 方法的调用。 | GraphicElement | ||
处理在元素上设置的属性。 | GraphicElement | ||
[覆盖]
绘制元素。 | Rect | ||
[覆盖]
完成此元素的绘制。 | FilledElement | ||
返回元素界限每一侧上的笔触所占据的像素数。 | GraphicElement | ||
通知主机此元素已更改且需要更新其图层的实用程序方法。 | GraphicElement | ||
此对象影响其布局时(includeInLayout 为 true),使父代大小和显示列表失效的 Helper 方法。 | GraphicElement | ||
计算元素的默认大小。 | GraphicElement | ||
用于 ILayoutElement 接口的实现,返回显式度量的高度预转换。 | GraphicElement | ||
用于 ILayoutElement 接口的实现,返回测量宽度预转换的显式。 | GraphicElement | ||
转换元素的大小。 | GraphicElement | ||
转换元素的大小。 | GraphicElement | ||
[覆盖]
绘制元素和/或调整其内容的大小并定位该内容。 | StrokedElement |
属性详细信息
bottomLeftRadiusX | 属性 |
bottomLeftRadiusY | 属性 |
bottomRightRadiusX | 属性 |
bottomRightRadiusY | 属性 |
radiusX | 属性 |
radiusY | 属性 |
topLeftRadiusX | 属性 |
topLeftRadiusY | 属性 |
topRightRadiusX | 属性 |
topRightRadiusY | 属性 |
构造函数详细信息
Rect | () | 构造函数 |
public function Rect()
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
构造函数。
方法详细信息
draw | () | 方法 |
getBoundsXAtSize | () | 方法 |
override public function getBoundsXAtSize(width:Number, height:Number, postLayoutTransform:Boolean = true):Number
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
按指定的元素大小,返回元素边界的 x 坐标。
如果将元素大小调整为特定尺寸,则此方法通常在调用 measure()
方法期间由布局使用,以预测该元素将来的位置。
参数
width:Number — 元素的界限宽度,或要使用首选宽度的 NaN。
| |
height:Number — 元素的界限高度,或要使用首选高度的 NaN。
| |
postLayoutTransform:Boolean (default = true ) — 当 postLayoutTransform 为 true 时,该方法会返回元素边框左上角的 x 坐标。边框位于元素的父坐标空间中,并基于指定的边界大小、布局位置和布局转换矩阵进行计算。
|
Number — 按指定的元素大小,元素边界的 x 坐标。
|
getBoundsYAtSize | () | 方法 |
override public function getBoundsYAtSize(width:Number, height:Number, postLayoutTransform:Boolean = true):Number
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
按指定的元素大小,返回元素边界的 y 坐标。如果将元素大小调整为特定尺寸,则此方法通常在调用 measure()
期间由布局使用,以预测该元素将来的位置。
参数
width:Number — 元素的界限宽度,或要使用首选宽度的 NaN。
| |
height:Number — 元素的界限高度,或要使用首选高度的 NaN。
| |
postLayoutTransform:Boolean (default = true ) — 当 postLayoutTransform 为 true 时,该方法会返回元素边框左上角的 y 坐标。边框位于元素的父坐标空间中,并基于指定的边界大小、布局位置和布局转换矩阵进行计算。
|
Number — 按指定的元素大小,元素边界的 y 坐标。
|
示例 如何使用本示例
RectExample.mxml
<?xml version="1.0" encoding="utf-8"?> <!-- RectExample.mxml --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"> <s:Panel title="Rectangle Graphic Example" width="75%" height="75%" horizontalCenter="0" verticalCenter="0"> <s:Group left="10" right="10" top="10" bottom="10"> <s:Graphic x="0" y="0"> <!-- Draw rectangle with square corners. --> <s:Rect height="100" width="200"> <s:stroke> <s:SolidColorStroke color="0x000000" weight="2"/> </s:stroke> <s:fill> <s:RadialGradient> <s:entries> <s:GradientEntry color="0x0056FF" ratio="0.00" alpha="0.5"/> <s:GradientEntry color="0x00CC99" ratio="0.33" alpha="0.5"/> <s:GradientEntry color="0xECEC21" ratio="0.66" alpha="0.5"/> </s:entries> </s:RadialGradient> </s:fill> </s:Rect> </s:Graphic> <s:Graphic x="250" y="0"> <!-- Draw rectangle with rounded corners. --> <s:Rect height="100" width="200" radiusX="25" radiusY="25"> <s:stroke> <s:SolidColorStroke color="0x000000" weight="2"/> </s:stroke> <s:fill> <s:RadialGradient> <s:entries> <s:GradientEntry color="0x0056FF" ratio="0.00" alpha="0.5"/> <s:GradientEntry color="0x00CC99" ratio="0.33" alpha="0.5"/> <s:GradientEntry color="0xECEC21" ratio="0.66" alpha="0.5"/> </s:entries> </s:RadialGradient> </s:fill> </s:Rect> </s:Graphic> </s:Group> </s:Panel> </s:Application>
Tue Jun 12 2018, 11:04 AM Z