Flex 的 scale-9 图片处理

本文介绍了Flex中使用scale-9技术定义图片的方法,通过指定特定的缩放网格,可以使图片在不同尺寸下保持美观,尤其适用于需要变化尺寸的按钮等UI元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Flex支持使用scale-9定义植入的图片。scale-9可以让你定义在一个图片上独立分割9个区域。这九个区域是由穿过图片两条水平线和两条竖线定义的,这样,图片的每条边会被分割成三个区域。如果图片有一些特殊的边,用普通的样式无法呈现,或者图片有圆角,scale-9可以使图片缩放的时候更加清晰。如果处理得好,可以看到图片缩放是甚至不会有明显的模糊感。很多时候我们用来这个方法来制作可以变尺寸的按钮,而这些按钮美工设计得美仑美奂,如果只是用美工的设计原稿图片来做按钮,当尺寸没有变化时效果非常好,但是当按钮的尺寸发生变化时,可能按钮会变得很丑。


如下图:

[img]http://lvxuehu.iteye.com/upload/picture/pic/8716/c4efbd5a-0055-35a7-b726-8d3e54abc539.gif?1204526834[/img]

在mxml中的代码如下:

<mx:Script>

<![CDATA[

[Embed(source="slice_9_grid.gif",

scaleGridTop="5", scaleGridBottom="25",

scaleGridLeft="7", scaleGridRight="60")]

[Bindable]

public var imgCls:Class;

]]>
</mx:Script>


这样引用图片就不会因为程序的放大和缩小而使图片伸缩。图片只会伸缩图片上标记为“伸缩部分”的地方。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值