Flex表格显示图片

最新推荐文章于 2025-02-25 13:26:54 发布

小强pp

最新推荐文章于 2025-02-25 13:26:54 发布

阅读量676

点赞数

分类专栏： Java后端文章标签：图片 flex

本文链接：https://blog.youkuaiyun.com/wq122289014/article/details/52881343

版权

Java后端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用Flex进行图片动态加载的方法。通过mx:DataGridColumn和mx:itemRenderer组件结合使用，实现了根据不同条件加载不同图片的功能，并设置了图片的位置及提示信息。

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

<mx:DataGridColumn headerText="图片" width="50" textAlign="center" id="colImg" visible="false">
	<mx:itemRenderer>
		<mx:Component>
			<mx:VBox width="100" height="100%" dataChange="setImage()"  horizontalAlign="center" verticalAlign="middle">
				<mx:Script>
					<![CDATA[ 
          				import mx.controls.Image; 
        
			            [Bindable] 
					    [Embed(source='../assets/1.gif')] 
					    public var img1:Class;
					    
					    [Bindable] 
					    [Embed(source='../assets/2.gif')] 
					    public var img2:Class;
        
          				public function setImage():void 
          				{ 
        					imageBox.removeAllChildren(); 
                    		var image:Image = new Image(); 
         					//有逻辑判断时这样写，无逻辑判断直接设置即可
				            if(data.type== "0") 
				            {   
				            	image.source = img1;
				            	image.toolTip="图片1";
				           	} 
				            else
				            {
				            	image.source = img2;
				            	image.toolTip="图片2";
				            }
				            image.setStyle("horizontalAlign", "center"); 
				            image.setStyle("verticalAlign", "middle"); 
				                     
				            imageBox.addChildAt(image, 0); 
			              }
				    ]]> 
				</mx:Script>
				<mx:VBox id="imageBox" height="100%"  horizontalAlign="center" verticalAlign="middle"></mx:VBox>
			</mx:VBox>
		</mx:Component>
	</mx:itemRenderer>
</mx:DataGridColumn>