Flash CS3 List组件应用扩展

用Flash actionscript实现多选题示例

FLASH CS3调整组件大小

大 | 中 | 小

[2007/08/07 11:49 | 分类: Flash技术 | by gdgzboy ]

    本来在上个星期天要写List组件的一些内容，但是我看了下，List涉及的内容挺多，犯懒了，就没写。但是这里是一些小TIP。会解决你的一些问题，如List里的LABEL样式如何实现？还有List的样式等等。

       Label样式 in LIST

       先上Label样式如何实现：一般来讲，在List里的Label样式要改有两种，一种是界面修改，那跟其他组件界面修改的方法是一样的，但是如果要实现Label里的字体样式，那就要用到 cellRenderer 先看例子：
       首先我们先建立一个AS类文件，并且保存为 MyRenderer.as ，输入以下代码：

package {
    import fl.controls.listClasses.CellRenderer;
    import flash.text.TextFormat;
    import flash.filters.BevelFilter;
    public class MyRenderer extends CellRenderer {
        public function MyRenderer() {
            var format:TextFormat = new TextFormat("Verdana", 14);
            format.color = 0xff0000;
            format.bold = true;
            setStyle("textFormat", format);
             this.filters = [new BevelFilter()];
        }
    }
}

接着在同一文件夹下建立一个fla文件，在舞台上拖入一个List组件，并在属性里命名：MyList,大小你自己控制。（或者你可以删除舞台上的List组件，在as里再进行控制）。
建立一个actionScript层，并输入代码：

myList.setStyle("cellRenderer", CustomCellRenderer);
var items:Array = [
{label:"羊"},
{label:"绵羊"},
{label:"山羊"},
{label:"小尾羊"},
{label:"罗姆尼羊"},
];
myList.dataProvider = new DataProvider(items);

Flash Player文件

点击打开/折叠播放器

这样就实现了，你想要List里Label的样式实现。

LIST样式
先看一个默认实例
[swf=400,400]/attachment/flash/20083221674347477802.swf[swf]
用上一个的代码，我们再来实现一个LIST 样式，当然为了看的更清楚，我就把cellRenderer去掉。让Label暂时恢复默认状态，也是在同一个FLA文件中，修改代码：by uyang www.uncoo.cn

var items:Array = [
{label:"羊"},
{label:"绵羊"},
{label:"山羊"},
{label:"小尾羊"},
{label:"罗姆尼羊"},
];
myList.dataProvider = new DataProvider(items);
myList.setStyle("contentPadding", 5);

Flash Player文件

点击打开/折叠播放器

那么我们把上面两个style都实现，又会如何？在MyRenderer.as 我去掉了blod，和filters 属性。

Flash Player文件

点击打开/折叠播放器