Flex 界面,第二部分——添加了缩略图
要在列表中使用缩略图,你需要对列表做一下更改使其可以同时显示缩略图及其标题。幸运的是在Flex中实现这一点很容易。首先我们要修改<List>标签为其添加一个itemRenderer,代码如下:
mytube2.mxml
... <mx:List width="100%" height="340" id="movieList" dataProvider="{movies}" change="onChange()" itemRenderer="MovieItem"></mx:List> ...
这个itemRenderer是一个由你自己创建的MXML组件,而且它的文件名必须是MovieItem。你可以通过选择菜单中的 New > MXML Component 来创建文件,然后将下面的代码添加进去:
MovieItem.mxml
<?xml version="1.0" encoding="utf-8"?> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" height="80"> <mx:Image source="{data.thumb}" width="{data.width/3}" height="{data.height/3}" rotation="5" left="10" top="0" /> <mx:Label text="{data.title}" fontWeight="bold" top="10" left="100" fontSize="18" /> </mx:Canvas>
我使用了Canvas容器,这样我就可以按照自己的想法定位其中的组件了,当然,你可以使用最适合你的布局的容器。然后,我使用了一个<mx:Image>标签用来加载图像并使用了一个<mx:label>标签来显示标题。为了使其看起来有趣一点,我们将图像稍微旋转了一下。最终的效果见图5。
图5.使用了缩略图的加强版列表框
好了,这个外观虽然不是特别好,但是它比单纯的文笔列表酷多了。接下来你可以在这个组件中添加更多想要的东西,比如视频描述、运行时间、链接、评分按钮等等。
存储和带宽
虽然建立前台程序和数据库操作相对来说很简单,但是这并不是建立一个视频分享网站要面对的唯一问题。目前来说带宽是主要的问题。这些视频,即使格式为编码紧凑的Flash Video,也是相当大的文件。如何在不耗尽带宽的情况下提供视频服务是值得好好考虑的。 当然,解决带宽的一个办法就是买一个更大的连接或者将主机放到宽带情况比较好的数据中心。另外一个选择就是把网站和数据分离,将视频文件存储到其它的地方。Amazon’s S3 service 就提供了一种简单的方式,你只要付相当少的费用就可以用一种富余和可升级的方式存储和分享大的文件。在早期使用 S3 来存储网站上的视频文件可以帮你节省一大笔基础设施的费用,而且可以一直使用到网站足够受欢迎可以支付基础设施费用的时候。
总结
随着Flash Video的出现和宽带的广泛普及,现在用很少的费用建立一个视频分享网站不再是天方夜谭了。我希望这个例子可以告诉你使用Flex/PHP建立一个视频分享网站是多么容易并激发你的进一步探索。
本文链接:http://www.blueidea.com/tech/multimedia/2007/4990.asp
出处:蓝色理想
责任编辑:moby
上一页 使用Flex和PHP创建自己的视频应用 [4] 下一页
◎进入论坛RIA设计与应用版块参加讨论
|