易截截图软件、单文件、免安装、纯绿色、仅160KB

每天学一点flex(2):Accordion 组件

  很久没去练习flex 开始有点生疏,用起来还是很舒服。flex 3和flex4之间存在一些差别,所以在选择的时候需要小心一点,今年主推flex 4 所以初学的人可以跳过flex 3直接学flex4。 因为flex 开发是建立在as 3基础上,故此研究类库之间结构是一件很不错的事情。毕竟结构美是学习编程一种美学流。
  今天的纯粹练习,也没有其他的。对问题引发的事情会说一下。例如写的swf 的减容问题,这个真的是一个很头疼的事情。不得不说,减容是一个课题。flex 3 的组件在没有优化下,生成的质量swf 的体重会大了一点。比如一个胖子,为蜗牛式的网速加载进去。可想而知。呵呵,一个不好笑的冷笑话。开始以个话题,这个flash 在国家的网站上看到,于是山寨了一下,采用了这种Accordion 组件。在这里我不讲解他的用法。的确很多资料已经齐全了。现在开始制作一下,看看在没有优化的前提是如何。
 
用法大概是如此,把官方网一些网站图片切了进去,然后进行嵌入去。采用的组件Image组件。进行这些工作后,还需要对字体进行样式制作。当初希望通过<mx:Canvas 组件进行设置,但是查询资料后,发现这种办法行不通。于是百度一下。找到了答案
<mx:Accordion  id="accordion" headerHeight="25" headerStyleName="accordionStyle"
通过使用这个属性:headerStyleName。再配合样式制作,设置字体的大小和对齐方式。有点不爽的时,在使用css样式的时候,没有进行提示功能。这一点flex builder 3一点对css支持不足的地方。
<mx:Style>  
        .accordionStyle
        {  
          font-size:12px;/*设置字体大小*/
          text-align:center;/*设置字体对齐方式*/
        }  
    </mx:Style> 
接下来就按习惯的思维进行嵌入图片<mx:Image  source="@Embed(source='image/1.jpg')
但是这种嵌入方式导致一个问题了。什么问题?我发现生成的swf 大小达到302k了,比较大了。因为没有对其图片进行优化。
一方面可以对图片进行减容,这个办法可以减少swf生成的大小。
其次,想办法生成swf,初步预想是这样。同时也更改Accordion 的s


相关文档:

Flex设置浏览器标题

在Flex下设置页面浏览器标题Title工有两种方式:
1(推荐此方法).利用BrowserManager类设置Title:
BrowserManager.getInstance().setTitle("***信息系统");
可以将上面一行代码写在系统的初始化函数中
2.在Apllicaaction标签下设置pageTitle属性:
  <mx:Application xmlns:mx="http://www.adobe.com/ ......

Flex学习好网站


新手入门参考:
Adobe Flex 3 - adobe.com
Adobe Flex Sample Applications - adobe.com
Video Training (Learn Flex in a Week) - adobe.com
RSS Feeds (Get regular updates about Flex) - adobe.com
Learn about Flex Open Source - adobe.com
Get Flex 3 SDK - adobe.com
Get Flex Builder 3 - adobe.com ......

Flex 带验证码的登陆页面


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*"     layout="vertical" creationComplete="initApp()">
<mx:states>
     <!--新建“index”State-->
   <m ......

Flex调用flash

Flex是开发Ria的利器,Flash在动画 游戏等方面较强大,可以制作出更生动 形象,富有乐趣性的交互产品来。
在多数情况下需要2者结合。
两者之间的通讯是依靠事件机制完成的。
以下的例子是:Flash提交数据给Flex,Flex改变Flash的数据。
1:Flash CS4工具打开
按如下 属性 制作界面
2:按 F9  ,输入以下代码:
......

Flex学习 为一个事件建立多个监听

方法一:
<?xml version="1.0"?>
<!-- events/MultipleEventHandlersInline.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script><![CDATA[
private function submitForm(e:Event):void {
// Handle event here.
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号