franto.com

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="fit()">
 
	<mx:Style source="styles/fonts.css"/>
 
	<mx:VBox width="100%" height="100%">
		<mx:HBox width="100%">
			<mx:Label text="Text:"/>
			<mx:TextInput id="txtInput" width="100%" change="fit()" text="Text Layout Engine: Fit Text into Rectangle"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Font Size:"/>
			<mx:HSlider id="fsSlider" liveDragging="true" minimum="6" maximum="50" snapInterval="1" value="14"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Text Width:"/>
			<mx:HSlider id="wSlider" liveDragging="true" minimum="0" maximum="500" snapInterval="1" value="100"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Text Height:"/>
			<mx:HSlider id="hSlider" liveDragging="true" minimum="0" maximum="500" snapInterval="1" value="100"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="isTruncated?"/>
			<mx:Canvas width="20" height="20" backgroundColor="0xff0000" 
				visible="{!isTruncated}" includeInLayout="{!isTruncated}"/>
			<mx:Canvas width="20" height="20" backgroundColor="0x00aa00" 
				visible="{isTruncated}" includeInLayout="{isTruncated}"/>
		</mx:HBox>
		<mx:UIComponent id="ui" width="100%" height="100%">
 
		</mx:UIComponent>
	</mx:VBox>
 
	<mx:Script>
		<![CDATA[
			import flashx.textLayout.factory.TruncationOptions;
			import flash.text.engine.Kerning;
			import flash.text.engine.FontLookup;
			import flash.text.engine.RenderingMode;
			import flashx.textLayout.formats.TextLayoutFormat;
			import flashx.textLayout.factory.StringTextLineFactory;
 
			private var sprite:Sprite;
 
			[Bindable] public var isTruncated:Boolean;
 
			public function fit():void
	        {
	        	if (sprite == null)
	        	{
	        		sprite = new Sprite();
	        		ui.addChild(sprite);
	        	}
	        	while (sprite.numChildren > 0)
	        	{
	        		sprite.removeChildAt(0);
	        	}
	            var factory:StringTextLineFactory = new StringTextLineFactory();
 
	            factory.compositionBounds = new Rectangle( 10, 10, wSlider.value, hSlider.value );
 
	            var format:TextLayoutFormat = new TextLayoutFormat();
	            format.fontFamily = "Verdana, _sans";
	            format.fontSize = fsSlider.value;
	            format.color = 0x000000;
	            format.textAlpha = .9;
	            format.kerning = Kerning.ON;
	            format.renderingMode = RenderingMode.CFF;
				format.fontLookup = FontLookup.EMBEDDED_CFF;
	            factory.spanFormat = format;
 
				var truncationOptions:TruncationOptions = new TruncationOptions('...',3);
				factory.truncationOptions = truncationOptions;				
 
 
 
	            factory.text = txtInput.text;
	            factory.createTextLines( useTextLines );
 
	            isTruncated = factory.isTruncated;
 
	            sprite.graphics.clear();
	            sprite.graphics.beginFill(0x555555,.5);
	            sprite.graphics.drawRect( 10,10, wSlider.value, hSlider.value );
	            sprite.graphics.endFill();
	        }
 
	        private function useTextLines( line:DisplayObject ):void
	        {
	            var displayObject:DisplayObject = sprite.addChild( line );
	        }
 
		]]>
	</mx:Script>
</mx:Application>