public static const BEVEL:String = "bevel"
| Language version: | ActionScript 3.0 |
Specifies beveled joints in the joints parameter of the
flash.display.Graphics.lineStyle() method.
public static const MITER:String = "miter"
| Language version: | ActionScript 3.0 |
Specifies mitered joints in the joints parameter of the
flash.display.Graphics.lineStyle() method.
public static const ROUND:String = "round"
| Language version: | ActionScript 3.0 |
Specifies round joints in the joints parameter of the
flash.display.Graphics.lineStyle() method.
The following example uses the JointStyleExample class to show the result
of three different joint styles applied to three sets of joined lines. This task is accomplished by performing
the following steps:
- The properties of each line are set as follows:
- The line length is set to 80 pixels.
- The border color is set to orange.
- The border size is set to 30 pixels.
- The highlight color is set to gray.
- The highlight size is set to zero pixels.
- The alpha is set to 1, making it solid.
- The pixel hinting is set to false (strokes not hinted to full pixels).
- The line scale mode is set to normal, which scales the thickness.
- The border caps and miter limit are declared but not set, so the default values are used.
- The class constructor creates three sets of two connected line segments. The segments start at x = 0, y = 0
by calling the
doDrawCorner() method three times using the three joint styles (miter,
round, and bevel). Each of the three calls to doDrawCorner() uses the joint style and
properties previously listed to draw two connected line segments and associated line highlights. This is done by
first creating a new Shape object child and then using methods of the Graphics
class to set the line style and draw the lines and highlights. Each instance of child
is added to the display list and promptly drawn on the stage.
- The connected line segments are then redrawn by using the
refreshLayout() method
at y = 80 pixels and starting at x = 80 pixels, with a 25-pixel separation between the line segments.
package {
import flash.display.DisplayObject;
import flash.display.Graphics;
import flash.display.JointStyle;
import flash.display.LineScaleMode;
import flash.display.Shape;
import flash.display.Sprite;
public class JointStyleExample extends Sprite {
private var size:uint = 80;
private var borderColor:uint = 0xFFCC00;
private var borderSize:uint = 30;
private var highlightColor:uint = 0x666666;
private var highlightSize:uint = 0;
private var gutter:uint = 25;
private var borderAlpha:uint = 1;
private var borderPixelHinting:Boolean = false;
private var borderScaleMode:String = LineScaleMode.NORMAL;
private var borderCaps:String;
private var borderMiterLimit:uint;
public function JointStyleExample() {
doDrawCorner(JointStyle.MITER);
doDrawCorner(JointStyle.ROUND);
doDrawCorner(JointStyle.BEVEL);
refreshLayout();
}
private function doDrawCorner(jointStyle:String):void {
var halfSize:uint = Math.round(size / 2);
var child:Shape = new Shape();
child.graphics.lineStyle(borderSize,
borderColor,
borderAlpha,
borderPixelHinting,
borderScaleMode,
borderCaps,
jointStyle,
borderMiterLimit);
child.graphics.lineTo(0, 0);
child.graphics.lineTo(size, 0);
child.graphics.lineTo(halfSize, size);
child.graphics.endFill();
child.graphics.moveTo(0, 0);
child.graphics.lineStyle(highlightSize, highlightColor);
child.graphics.lineTo(0, 0);
child.graphics.lineTo(size, 0);
child.graphics.lineTo(halfSize, size);
addChild(child);
}
private function refreshLayout():void {
var ln:uint = numChildren;
var child:DisplayObject;
var lastChild:DisplayObject = getChildAt(0);
lastChild.x = size;
lastChild.y = size;
for (var i:uint = 1; i < ln; i++) {
child = getChildAt(i);
child.x = gutter + lastChild.x + lastChild.width;
child.y = size;
lastChild = child;
}
}
}
}
Object
Hide Inherited Public Properties
Show Inherited Public Properties
