zoukankan      html  css  js  c++  java
  • 今天学习Flex3.2嵌入图片,值得说道的是如何嵌入scale9 缩放的图像

    今天学习Flex3.2嵌入图片,值得说道的是如何嵌入scale-9 缩放的图像。
    自己做了一个示意图。

    九宫图(scale-9)缩放示意图

    九宫图(scale-9)缩放示意图

    插入文件(图片)应该在 项目src这个文件夹里。
    假如一个大小是100*100,名字叫mypic,jpg的图片,代码是:
    [Embed(source="mypic.jpg",scaleGridTop="25",scaleGridBottom="75",
    scaleGridLeft="25",scaleGridRight="75")]
    [Bindable]
    public var myPic:Class;
    //这样就把myPic和图片对应起来,充当了flash里库导出元件的功能,弥补了flex没有库这个概念

    //想调用显示,就可以
    <mx:Image id=”myhead” width=”200″ height=”200″ source=”{myPic}”/>

    不过发现两个现象,还没搞明白如何解释:
    1 如果设置 scaleGridBottom或scaleGridRight 的值大于图片本身的高度和宽度时,图片显示的大小要比通过设置的大,Image 的 width height设置的值不起作用了。
    2 自己测试得到的一个结果:假如设置 width=”200″ height=”300″ 出来的结果并不是一个长方形,而依然是大小为200的正方形,为什么不能不等比缩放?

    from: http://www.puxiao.com/?p=109 

  • 相关阅读:
    面试问题
    知识点整合
    前端错误
    基于.NET平台常用的框架整理
    BFC和haslayout
    javascript面向对象
    javascript变量的作用域
    2014-05-26 总结
    2014-05-23 总结
    PHP实现mvc模式的思想
  • 原文地址:https://www.cnblogs.com/fxair/p/1744320.html
Copyright © 2011-2022 走看看