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>
相关文档:
这几天要学一下flex开发,但是安装的是eclipse插件版的,可是安装好后发现没有可视化的编辑视图,最后发现其实是因为flex的mxml文件的打开方式是使用的spket编辑器打开的,所以没有可视化编辑视图,于是吧spket卸载了。就好了。记录一下,希望能帮到别人,也让自己记住 ......
flex弹出对话框示例程序分为两部分:Main.mxml和SimpleTitleWindowExample.mxml,其中Mail.mxml为主程序文件,SimpleTitleWindowExample.mxml为对话框文件,可以通过修改SimpleTitleWindowExample.mxml文件来修改对话框上的组件。
Main.mxml
<?xml version="1.0" encoding="ut ......
package event
{
import flash.events.Event;
public class CustomEvent extends Event
{
public var evObject:Object;
public function CustomEvent( ......
试用了一下Flex,创建HelloWorld应用的顺序如下:
1 创建文件: HelloWorld-app.xml
<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.5">
<id>com.kdevn.flex.HelloWorld</id>
<version&g ......
1.复制内容到系统剪贴板
System.setClipboard(strContent);
2.复制一个ArrayCollection
//dummy solution( well, it works )
var bar:ArrayCollection = new ArrayCollection();
for each ( var i:Object in ac ){
bar.a ......