Flex 用Grid实现类似于Html的细线表格
我们在用Flex进行开发的时候，有时候需要实现像html 细线表格的那种效果，原理很简单，但是需要一些技巧，不然的话很难控制线条的粗细，其实只需要设置几个样式就能搞定，一下是源码，大家可以运行一下看看效果<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Style>
Grid
{
border-style:solid;
border-color:red;
border-sides:right;
horizontal-gap:1;
vertical-gap:1;
background-color:red;
}
GridItem
{
background-color:white;
}
</mx:Style>
<mx:Grid width="387" x="347" y="225">
<mx:GridRow width="100%">
<mx:GridItem width="50%">
<mx:Spacer width="50"/>
</mx:GridItem>
<mx:GridItem width="50%">
<mx:Spacer height="50"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%">
<mx:GridItem width="50%">
<mx:Button label="Button"/>
</mx:GridItem>
<mx:GridItem width="50%">
<mx:Button label="Button"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%">
<mx:GridItem width="50%">
<mx:Button label="Button"/>
</mx:GridItem>
<mx:GridItem width="50%">
<mx:Button label="Button"
borderColor="#CCCCCC"/>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</mx:Application>
相关文档：
ActionScript 3.0 语言和组件参考
Foundation ActionoScript3.0 动画
Learning Flex3
AS3 Cheat Sheets
Flex Frameword Diagram
Rich Internet Applications With Adobe Flex & Java
......
首先在fademo.mxml中声明一个button，并添加一个btnClick方法：
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
......
解决HTML内部元素的Mouse事件干扰
解决HTML内部元素的Mouse事件干扰
话说有一个DIV元素，其内部有一个IMG元素和SPAN元素，不用理会这两个内部元素怎么布局，这不是我要讨论的重点。
为了实现一些特殊的效果，我需要利用TD的onmouseover和onmouseout事件，测试时就会发现如下的状况：
当鼠标移入DIV内部时，onmouseov ......
flex弹出对话框示例程序分为两部分：Main.mxml和SimpleTitleWindowExample.mxml，其中Mail.mxml为主程序文件，SimpleTitleWindowExample.mxml为对话框文件，可以通过修改SimpleTitleWindowExample.mxml文件来修改对话框上的组件。
Main.mxml
<?xml version="1.0" encoding="ut ......
使用格式：在页面中插入
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=1.0, transition=12)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=1.0, transition=12)">
duration=时间
Transitionv=方式
说明：duration为页面切换的时间长度，3.000表示3秒钟，一般可以直接� ......
