Home Tutorial Flex Flex4 Components 9-slice scaling with embedded image in Flex4

 
 

Share on Google+Share on Google+
9-slice scaling with embedded image in Flex4
Posted on: July 9, 2010 at 12:00 AM
Advertisement
You can use the 9-slice scaling with embedded images.

9-slice scaling with embedded image in Flex4:

You can use the 9-slice scaling with embedded images. You can display the image in horizontal and vertical lines. The nine regions are defined by two horizontal and two vertical lines running through the image. You will use the following properties for making a 9-slice scaling.

1. scaleGridTop: It is the distance in pixels of the upper dividing line from the top of the image.
2. scaleGridBottom: It is the distance in pixels of the lower dividing line from the top of the image.
3. scaleGridLeft: It is the distance in pixels of the left dividing line from the left side of the image.
4. scaleGridRight: It is the distance in pixels of the right dividing line from the left side of the image.

Example:

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

minWidth="955" minHeight="600">

<fx:Script>

<![CDATA[

[Embed(source="C:/work/bikrant/image/green.png",

scaleGridTop="25", scaleGridBottom="125",

scaleGridLeft="25", scaleGridRight="125")]

[Bindable]

public var scaling:Class;

]]>

</fx:Script>

<s:Panel title="9-slices scaling with embedded image Example"

chromeColor="#000000"

color="#CCCCCC"

width="311" height="254">

<mx:Image source="{scaling}" x="76" y="45"/>

</s:Panel>

</s:Application>

Output:

Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code

Advertisement

Related Tags for 9-slice scaling with embedded image in Flex4:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: July 9, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com