Flex显示图片的常用方式

阳光穿透心脏的1/2处 2023-08-17 15:50 82阅读 0赞

第一种： 使用绑定的方式

<?xml version="1.0" encoding="utf-8"?><application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<script>

\[Bindable\]   
            \[Embed(source="../image/aa.png")\]   
            private var imgClass:Class;

</script>

<image source="\{s\}" width="150" height="151.8" id="img"></image></application>

第二种： 直接对source指定路径

<?xml version="1.0" encoding="utf-8"?><application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationcomplete="init()">

<script>

public function init():void\{  
           img.source="../image/mov.png";  
          \}

</script>

<image width="150" height="151.8" id="img"></image>

</application>

第三种：使用Loader类

<?xml version="1.0" encoding="utf-8"?><application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationcomplete="init()">

<script>

<mx:Script>  
   <!\[CDATA\[  
    private var \_loader:Loader;   
    public function init():void\{  
           \_loader=new Loader();  
           \_loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event)\{  
            img.source=e.currentTarget.content;  
           \})  
           //当url 中有中文字体的话 使用encodeURI方法 如果没有 则可以不加   
           \_loader.load(new URLRequest("../image/中国.png"));  
          \}  
   \]\]>

</script>

<image width="150" height="151.8" id="img"></image></application>

转载于:https://www.cnblogs.com/JPAORM/archive/2011/04/16/2509816.html

发表评论取消回复

表情：

评论列表（有 0 条评论，82人围观）

还没有评论，来说两句吧...

相关阅读

相关 [Ext JS]图片显示方式

Ext JS 应用的图片应用场景以及图片显示实现方式在Ext JS应用中，图标一般使用图标字体实现，比如使用 Font Awesome 或是Pictos ，使用方式

淩亂°似流年/ 2024年04月08日 09:37/ 0 赞/ 78 阅读

相关什么是Flex布局？请列举一些Flex布局的常用属性。

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ Flex布局（Flexible Box Layout） ⭐ Flex布局的常用属性 ⭐ 写在最后 -

àì夳堔傛蜴生んèń/ 2023年10月15日 10:03/ 0 赞/ 114 阅读

相关 html展开图片,Html 显示图片的三种方式

1.显示本地图片 2.显示网络上的图片,不过网络上的图片就是需要每次都去加载,可能会费流量 3.下面这种就是我们今天所要讲的第三种方式显示图片,它其实也就是根据http网络

àì夳堔傛蜴生んèń/ 2023年10月04日 15:54/ 0 赞/ 85 阅读

相关浅析flex及常用语法整理

目录 1.flex-direction: 调整主轴方向 2.justify-content主要用来设置主轴方向的对齐方式 3.align-items用于调整侧轴的对齐方式

我就是我/ 2023年09月29日 13:23/ 0 赞/ 35 阅读

相关 Vue显示图片的几种方式

前言最近在做自己的项目，有这么一个需求，用户列表需要展示用户的头像，之前一直没有处理，趁着这次机会，正好分享下我的解决过程。头像这一栏空荡荡的，我这种强迫症患者难受

心已赠人/ 2023年09月24日 16:38/ 0 赞/ 122 阅读

相关 Flex显示图片的常用方式

第一种：使用绑定的方式 <?xml version="1.0" encoding="utf-8"?><application xmlns:mx="http://www.ad

阳光穿透心脏的1/2处/ 2023年08月17日 15:50/ 0 赞/ 83 阅读

相关 flex的一种常用布局实现

1.有些页面的内容较少，撑不起整个屏幕，结果底部内容显示在了屏幕中间位置。 2.中间部分实现圣杯布局效果图： ![watermark_type_ZmFuZ3poZW5n

秒速五厘米/ 2023年02月18日 08:17/ 0 赞/ 139 阅读

相关 Flex学习笔记之图片显示策略

一、Flex中关于图片的概念有以下几个： Bitmap：数据类。用于表示位图的显示对象。 BitmapData：数据类。用于处理位图对象的数据（像素）。BitmapData

待我称王封你为后i/ 2022年09月22日 13:54/ 0 赞/ 172 阅读

相关 flex常用快捷键

’shift’ + ‘tab’:左移代码; \[方便\] ”tab’:右移代码; \[方便\] ‘alt’ + ‘/’:代码提示,导入类; 或者自己在key里找到 cont

悠悠/ 2022年08月08日 11:54/ 0 赞/ 32 阅读

相关图片宽高超出div时图片的常用显示方式

图片正中位于div正中，超出部分隐藏（效果为宽高等比例填充满整个div）。 img {margin: 0; padding: 0; width: 100%; heig

布满荆棘的人生/ 2022年02月25日 13:40/ 0 赞/ 336 阅读