ActionScipt

最新推荐文章于 2024-09-04 23:15:16 发布

Rigaver

最新推荐文章于 2024-09-04 23:15:16 发布

阅读量516

点赞数 1

文章标签： function html nokia actionscript class flex

百度空间 | 百度首页 <script type="text/javascript"> document.write('| <a href="https://passport.baidu.com/?login&tpl=sp&tpl_reg=sp&u=http://hi.baidu.com' + encodeURIComponent('/longth%5Flang/blog/item/43faf3c39578393de5dd3bab%2Ehtml') + '" οnclick="BdUtil.relogin(); return false;">登录</a>'); </script> | 登录

查看文章

向TileList中动态添加图片

2009-05-17 14:28

最近想用Flex3做一个扑克牌游戏，于是选用了TileList控件作为显示窗口。可是如何才能将图片绑定到控件上呢，官方的例子中用的是mxml标签的形式：

       <mx:dataProvider>
                <mx:Array>
                    <mx:Object label="Nokia 6630" icon="{phone1}"/>
                    <mx:Object label="Nokia 6680" icon="{phone2}"/>
                    <mx:Object label="Nokia 7610" icon="{phone3}"/>
                    <mx:Object label="Nokia LGV" icon="{phone4}"/>
                    <mx:Object label="Nokia LMV" icon="{phone5}"/>
                </mx:Array>
            </mx:dataProvider>
        但是想动态改变数据源用上面的方式是很麻烦的，因此在官方有给出了用ActionScript的方式：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="450">
   <mx:Script>
      <![CDATA[
         import mx.collections.*;
         import mx.controls.Image;

         private var catalog:ArrayCollection;
         private static var cat:Array = [
            "../assets/Nokia_6820.gif", "../assets/Nokia_3595.gif",
            "../assets/Nokia_3650.gif", "../assets/Nokia_6010.gif"
         ];

         /* Initialize the HorizontalList control by setting its dataProvider
            property to an ArrayCollection containing the items parameter. */
         private function initCatalog(items:Array):void {
            catalog = new ArrayCollection(items);
            myList.dataProvider = catalog;
         }
      ]]>
   </mx:Script>

    
    <mx:HorizontalList id="myList"
        columnWidth="100"
        rowHeight="100"
        columnCount="4"
        itemRenderer="mx.controls.Image"
        creationComplete="initCatalog(cat)"
    />
</mx:Application>
        要想改变图片的大小可以修改columnWidth和rowHeight属性即可。

类别：Flex3 |

| 添加到搜藏 | 分享到i贴吧 | 浏览( 76 ) | 评论 (0) <script> /*<![CDATA[*/ var pre = [true,'关于Flex3中的dataProvider', '关于Flex3中的dataProvider','/longth%5Flang/blog/item/b3cab032800352f01a4cff98.html']; var post = [true,'用java写的语法分析程序','用java写的语法分析程序', '/longth%5Flang/blog/item/aa21fb113b0c74f4c3ce79b7.html']; if(pre[0] || post[0]){ document.write('<div style="height:5px;line-height:5px;"> </div><div id="in_nav">'); if(pre[0]){ document.write('上一篇：<a href="' + pre[3] + '" title="' + pre[1] + '">' + pre[2] + '</a>    '); } if(post[0]){ document.write('下一篇：<a href="' + post[3] + '" title="' + post[1] + '">' + post[2] + '</a>'); } document.write('</div>'); } /*]]>*/ </script>

上一篇：关于Flex3中的dataProvider 下一篇：用java写的语法分析程序

/*<![CDATA[*/ #in_related_doc a { text-decoration:none; } /*]]>*/ <script type="text/javascript"> /*<![CDATA[*/ function HI_MOD_IN_RELATED_DOC_CALLBACK(arg){ if(arg.length <= 1) return false; var hasMore = arg[0]; var D=function(A,B){A[A.length]=B;} if(arg.length % 2 == 0) D(arg, ["","","",""]); var html = ['<div id="in_related_doc"><div class="tit">相关文章：</div>']; D(html, '<table cellpadding="0" cellspacing="3" border="0">'); for(var i = 1, j = arg.length; i < j; i += 2){ D(html, '<tr>'); D(html, '<td width="15px"><a style="font-size:25px" >•</a></td><td><a href="http://hi.baidu.com/' + arg[i][3] + '/blog/item/' + arg[i][2] + '.html" target="_blank" title="' + arg[i][0] + '">' + arg[i][1] + '</a>'); D(html, new Array(10).join('/u3000')); D(html, '</td>'); if(arg[i + 1][0] != "") D(html, '<td width="15px"><a style="font-size:25px" >•</a></td><td><a href="http://hi.baidu.com/' + arg[i + 1][3] + '/blog/item/' + arg[i + 1][2] + '.html" target="_blank" title="' + arg[i + 1][0] + '">' + arg[i + 1][1] + '</a></td>'); else D(html, '<td> </td><td> </td>'); D(html, '</tr>'); } if(hasMore) D(html, '<tr><td colspan="4"><a target="_blank" href="/sys/search?pageno=1&type=7&sort=1&word=%CF%F2TileList%D6%D0%B6%AF%CC%AC%CC%ED%BC%D3%CD%BC%C6%AC&item=43faf3c39578393de5dd3bab">更多>></a></td></tr>'); D(html, '</table></div><div class="line"> </div>'); var div = document.getElementById('in_related_tmp'); if(div){ div.innerHTML = html.join(''); while(div.firstChild){ div.parentNode.insertBefore(div.firstChild, div); } div.parentNode.removeChild(div); } window.setTimeout("tracker_init('in_related_doc')",100); } if(RelatedDocData == -1){ // not supported xhr var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '/sys/search?type=8&word=%CF%F2TileList%D6%D0%B6%AF%CC%AC%CC%ED%BC%D3%CD%BC%C6%AC&item=43faf3c39578393de5dd3bab&t=' + new Date().getTime(); document.getElementsByTagName('HEAD')[0].appendChild(script); }else if(RelatedDocData == null){ GetAndEval = true; }else{ eval(RelatedDocData); } /*]]>*/ </script>

最近读者：

	登录后，您就出现在这里。

网友评论：

发表评论：

姓　名：	<script> document.write("    <a href='http://hi.baidu.com/st/reg.html' target='_blank'>注册</a>"); document.write(' \| <a href="https://passport.baidu.com/?login&tpl=sp&tpl_reg=sp&u='+myref+'" οnclick="BdUtil.relogin(); return false;">登录</a>'); </script> 注册 \| 登录 *姓名最长为50字节

网址或邮箱：	(选填)

内　容：

插入表情

验证码：

请点击后输入四位验证码，字母不区分大小写
<script type="text/javascript"> /*<![CDATA[*/ function f_focus(){ getVcode(); } function getVcode(){ var url="http://hi.baidu.com/sys/file/getvcode?echoback=getVcodeDone&t="+(new Date().getTime()); BdAjax.loadJS(url) } function getVcodeDone(vcode){ document.form1.spVcode.value=vcode; var imgsrc="http://hiup.baidu.com/cgi-bin/genimg?"+vcode; G('verifypic').src=imgsrc; G('yanzheng').style.display="block"; } function newverifypic(){ getVcode(); return false; } /*]]>*/ </script>

Rigaver

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ActionScipt

/*<![CDATA[*/if(top.location != self.location){ top.location = self.location;}var myref = encodeURIComponent("http://hi.baidu.com/longth%5Flang/blog/item/43faf3c39578393de5dd3bab%2Ehtml");
复制链接

扫一扫