[Flex] ButtonBar系列——皮肤和外观设置

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <s:layout>
        <s:VerticalLayout gap="3" />
    </s:layout>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayList;

            /* import spark.components.ButtonBarButton;  */
            import mx.controls.buttonBarClasses.ButtonBarButton;
            private function toggleButton(idx:uint, selected:Boolean):void {
                var b3:ButtonBarButton = buttonBar.getChildAt(idx) as ButtonBarButton;
                b3.enabled = selected;
            }

        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
        <fx:Array id="arr">
            <fx:Object label="Button"/>
            <fx:Object label="ButtonBar"/>
            <fx:Object label="ColorPicker"/>
            <fx:Object label="ComboBox"/>
        </fx:Array>
    </fx:Declarations>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        mx|ButtonBar{
            buttonStyleName:myCustomButtonStyleName;
        }
        .myCustomButtonStyleName{
            cornerRadius:10;
        }
    </fx:Style>
    <s:controlBarContent>
        <s:Form styleName="plain">
            <s:FormItem label="Button enabled:"  height="20">
                <s:CheckBox id="che1" selected="true" click="toggleButton(0,che1.selected)"/>
            </s:FormItem>
            <s:FormItem label="ButtonBar enabled:"  height="20">
                <s:CheckBox id="che2" selected="true" click="toggleButton(1,che2.selected)"/>
            </s:FormItem>
            <s:FormItem label="ColorPicker enabled:" height="20">
                <s:CheckBox id="che3" selected="true" click="toggleButton(2,che3.selected)"/>
            </s:FormItem>
            <s:FormItem label="ComboBox enabled:" height="20">
                <s:CheckBox id="che4" selected="true" click="toggleButton(3,che4.selected)"/>
            </s:FormItem>
        </s:Form>

    </s:controlBarContent>
    <mx:ButtonBar id="buttonBar" dataProvider="{arr}" itemClick="lbl.text = event.label" />
    <s:Label id="lbl"/>
</s:Application>
时间: 2024-10-17 07:18:26

[Flex] ButtonBar系列——皮肤和外观设置的相关文章

[Flex] ButtonBar系列——最后一个项目的样式设置

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="

[Flex] ButtonBar系列——简单布局

<?xml version="1.0" encoding="utf-8"?> <!--通过layout属性,设置ButtonBar布局--> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.a

[Flex] Accordion系列 - Header图标的设置

<?xml version="1.0" encoding="utf-8"?> <!--Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式给Accordion头部设置一个分割用图标的例子--> <s:Application name="Accordion_getHeaderAt_selectedUpIcon_test"

[Flex] Accodion系列 - Header文本颜色设置

<?xml version="1.0" encoding="utf-8"?> <!--Flex中如何给Accordion的各个头部文字设置不同颜色的例子--> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="libra

[Flex] ButtonBar系列——控制ButtonBar菜单是否可用

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="

[Flex] ButtonBar系列——labelFunction用户提供的函数,在每个项目上运行以确定其标签

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="

[Flex] ButtonBar系列——垂直布局

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="

[Flex] ButtonBar系列——flex3 ButtonBar属性labelPlacement标签相对于指定图标的方向

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" > <mx:Script> &

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1