`

在用Flex做项目的时候,一些小经验

阅读更多

http://hi.baidu.com/intercessor/blog/item/9584d84457bfbb41500ffe69.html
intercessor 写道
第一问: 如何在FLEX中做竖式导航?

答: <mx:ButtonBar direction="vertical" > </mx:ButtonBar>

 direction="horizontal" 横          direction="vertical" 竖

第二问:ToggleButtonBar时鼠标怎么变手形?

答: useHandCursor="true"

第三问:如何做一个矩形二个角圆二个角方?

答:CustomBorder.as
package
{

import mx.skins.RectangularBorder;
import flash.display.Graphics;
import mx.graphics.RectangularDropShadow;

public class CustomBorder extends RectangularBorder
{

private var dropShadow:RectangularDropShadow;

override protected function updateDisplayList
(unscaledWidth:Number, unscaledHeight:Number):void
{

super.updateDisplayList(unscaledWidth, unscaledHeight);
var cornerRadius:Number = getStyle("cornerRadius");
var backgroundColor:int = getStyle("backgroundColor");
var backgroundAlpha:Number = getStyle("backgroundAlpha");
graphics.clear();

// Background

            drawRoundRect
(
0, 0, unscaledWidth, unscaledHeight,
{tl: 0, tr:0, bl: cornerRadius, br:  cornerRadius},
backgroundColor, backgroundAlpha
);

// Shadow

            if (!dropShadow)
dropShadow = new RectangularDropShadow();

dropShadow.distance = 8;
dropShadow.angle = 45;
dropShadow.color = 0;
dropShadow.alpha = 0.4;
dropShadow.tlRadius = 0;
dropShadow.trRadius = 0;
dropShadow.blRadius = cornerRadius;
dropShadow.brRadius = cornerRadius;

dropShadow.drawShadow(graphics, 0, 0, unscaledWidth, unscaledHeight);
}

}
}

        borderSkin="CustomBorder"   MXML文件中这样

第三问:关于一些朋友问到如何通过CSS平铺背景.

答:background-image: Embed("图形", scaleGridTop="1", scaleGridBottom="2", scaleGridLeft="3", scaleGridRight="4");
backgroundSize:"100%";
注意:TOP>BOTTOM    LEFT>RIGHT
通过这个就可以实现各种需要的背景。微妙之处就在于如果针对图形设置top bottom left right的值。
 
分享到:
评论

相关推荐

    flexBuilder调试57%

    1. **检查编译级别**:确保项目的编译级别与使用的Flex SDK版本匹配。 2. **添加必需的库文件**:检查项目的库面板是否包含了所有必需的库文件,如mx_internal等。 3. **清理并重新构建项目**:有时候简单的清理项目...

    flex的combBox添加tree

    9. 添加到项目:最后,你需要将这些组件和文件导入到你的Flex项目中,确保所有的依赖关系正确无误。 综上所述,实现"flex的combBox添加tree"涉及了Flex组件使用、ActionScript编程、数据处理、事件驱动等多个方面的...

    Flex自定义生成图表源码.rar

    学习和使用这组源码,开发者可以深入理解Flex图表组件的工作原理,提升在Flex环境下的图表开发能力,从而为自己的项目创建更具吸引力和实用性的数据可视化工具。对于初学者,这是一个很好的实践和学习资源;对于有...

    flex项目中server的名称修改方法探讨

    在Flex项目开发中,经常需要使用框架和服务器配置。但有时候这些配置是由其他开发者搭建的,可能包含他们的项目名称,这在多人协作的项目中尤为常见。为了使自己的项目URL具有实际意义,并且符合项目规范,我们需要...

    build-in-flex4-version.rar_Jsp/Servlet_Flex_

    在构建Java Web应用程序时,有时候我们需要将富互联网应用(Rich Internet Applications, RIA)与后端服务器进行交互,这时Flex框架常被用于前端开发,而JSP和Servlet则作为后端处理逻辑。本教程旨在帮助开发者理解...

    微信小程序-开发者工具更新后所有程序都报wxss编译错误

    根据题目中的描述,在微信小程序开发者工具更新之后,所有的项目在加载时均出现了WXSS编译错误。这种情况可能是由于以下几种原因导致的: 1. **新版本兼容性问题**:更新后的开发者工具可能引入了一些新的特性或API...

    微信小程序开发-仿善林宝案例源码.zip

    2. **页面生命周期**:每个微信小程序页面都有其特定的生命周期,如onLoad、onShow、onHide等,开发者需要理解这些生命周期函数的作用,以便在适当的时候执行相应的操作。 3. **数据绑定**:微信小程序采用双向数据...

    Spring攻略(第2版)源代码

    3. **面向切面编程**:AOP允许开发者定义“切面”,这些切面封装了关注点,如日志、事务管理等,然后在适当的时候自动应用这些关注点。这使得业务逻辑更清晰,代码更模块化。 4. **Spring Flex和BlazeDS**:这两个...

    jQuery横向手风琴效果.zip

    在前端开发中,jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。本项目“jQuery横向手风琴效果”...通过理解并实践这样的项目,开发者可以提升其在前端开发中的技能和经验。

    (完整版)Java系统架构师面试题 (2).docx

    前端可以使用MVC模式,Axis、Ext、JQuery、Flex等框架来实现;后端可以使用Ejb、Spring、IOC、AOP、JMS、JNDI、RMI等技术来实现。 4. 什么是SOA、ROA?谈谈两种技术的原理及合用场景 SOA(Service-Oriented ...

    linphone-android 在cygwin下的编译

    本文将详细介绍如何在Windows 7操作系统下使用Cygwin环境编译Linphone Android版本的过程。该过程适用于初学者,对于有一定经验的开发者也有一定的参考价值。本文作者以自身经历为基础,详细记录了整个编译流程中的...

Global site tag (gtag.js) - Google Analytics