<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>IxD Consultant &#187; Scale9Grid</title>
	<atom:link href="http://ixd-consultant.com/blog/tag/scale9grid/feed/" rel="self" type="application/rss+xml" />
	<link>http://ixd-consultant.com/blog</link>
	<description>UX, AS, Thoughts</description>
	<lastBuildDate>Mon, 12 Jul 2010 21:00:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Scale9Grid with Masking</title>
		<link>http://ixd-consultant.com/blog/2008/09/16/scale9grid-with-masking/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/16/scale9grid-with-masking/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 00:07:33 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Scale9Grid]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=49</guid>
		<description><![CDATA[ActionScript DisplayObject has a property called scale9grid used to scale objects according to nine regions based rectangle, detailed information could be found here One day I was trying to use it for scaling effect applied to a MovieClip with curved corners and dynamic loaded image within, the problem was that the mask didn&#8217;t scale properly [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F16%252Fscale9grid-with-masking%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Scale9Grid%20with%20Masking%22%20%7D);"></div>
<p>ActionScript DisplayObject has a property called scale9grid used to scale objects according to nine regions based rectangle, detailed information could be found <a href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/display/DisplayObject.html#scale9Grid" target="_blank"><span style="color: #0066ff;">here</span></a></p>
<p>One day I was trying to use it for scaling effect applied to a MovieClip with curved corners and dynamic loaded image within, the problem was that the mask didn&#8217;t scale properly using scale9grid ..<br />
I didn&#8217;t find an answer to why not, <a href="http://www.kirupa.com/forum/showthread.php?t=239290&amp;highlight=scale9grid" target="_blank"><span style="color: #0066ff;">this</span></a> post on Kirupa still has no reply, and I was using ActionScript 2.0</p>
<p>Well, I used a work-around way to bypass this issue, it&#8217;s simple, just leaving the mask with sharp corners with no scale9grid applied, and draw extra border that has the same background color to hide the image corners visually!<br />
this won&#8217;t work nice unless we have only solid background color</p>
<div id="attachment_51" class="wp-caption aligncenter" style="width: 310px"><a href="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/s9g_01.jpg"><img class="size-full wp-image-51" title="hiding image corners" src="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/s9g_01.jpg" alt="hiding image corners" width="300" height="150" /></a><p class="wp-caption-text">hiding image corners</p></div>
<p>I was hoping that adobe fixes this issue in AcrionScript 3.0, but unfortunately they didn&#8217;t ..</p>
<p>Few days ago I found <a href="http://blog.ickydime.com/2008/06/scale9grid-class-for-masking-in-as3.html" target="_blank"><span style="color: #0066ff;">this</span></a> post at Mark Grossnickle&#8217;s blog, his custom Scale9Mask works fine with masked objects, but it has to be applied individually, and there&#8217;s a scaling factor issue, <a href="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/s9g/" target="_blank"><span style="color: #0066ff;">here</span></a> is a demonstration example with source code <em>available via flash context menu</em></p>
<p>Many thanks to Mark Grossnickle ..
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F16%2Fscale9grid-with-masking%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/16/scale9grid-with-masking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
