tile布局的ButtonBar

<?xml version="1.0" encoding="utf-8"?>

<s:Application name="Spark_ButtonBar_TileLayout_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">

<s:ButtonBar id="btnBar"
            horizontalCenter="0"
            verticalCenter="0"
            skinClass="skins.CustomButtonBarSkin">
        <s:dataProvider>
            <s:ArrayList source="[The,Quick,Brown,Fox,Jumps,Over,The,Lazy,Dog]" />
        </s:dataProvider>
    </s:ButtonBar>

</s:Application>

CustomButtonBarSkin：

<?xml version="1.0" encoding="utf-8"?>

<s:Skin name="CustomButtonBarSkin"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        alpha.disabled="0.5">
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>

<fx:Metadata>
        <![CDATA[
            [HostComponent("spark.components.ButtonBar")]
        ]]>
    </fx:Metadata>

<fx:Declarations>
        <fx:Component id="middleButton">
            <s:ButtonBarButton skinClass="spark.skins.default.ButtonBarMiddleButtonSkin" />
        </fx:Component>
    </fx:Declarations>

<s:DataGroup id="dataGroup" width="100%" height="100%">
        <s:layout>
            <s:TileLayout requestedColumnCount="3"
                    columnWidth="200"
                    horizontalGap="-1"
                    verticalGap="-1" />
        </s:layout>
    </s:DataGroup>

</s:Skin>

tile布局的ButtonBar相关推荐

一个tile布局的下拉框
<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.co ...
掌握Tiles框架 (二)-- Tiles布局和定义
1. Tile 布局构建第一个 tile 布局如果站点能够重用相同的布局(使用 HTML 表格来实现)和图像,而不必重复相同的 HTML 代码,这样不是很好吗? Tile 在为站点创建共同的外观方 ...
对设计领域中Tile和Card的理解
前端工程师离不开设计, 谈到设计就要想到大名鼎鼎的material design主题, 而material是以card为经典单元的, card即卡片, 是层次化模型的最小模块, 用于提供扁平化的信息, ...
html css 磁贴,使用JS配合CSS实现Windows Phone中的磁贴效果
Windows Phone的tile设计的美丽对我来说有余音绕梁的效果.我从来不知道优雅的方块盒子布局能给我深刻的印象.因此我尝试在web里用CSS和Jquery去实现这种tile设计.我已尝试Til ...
struts -Tiles介绍
來源:http://hithoper.blog.hexun.com/17860631_d.html 安装和配置Tiles 在您能够使用Tiles 框架之前,您必须确保它已安装并正确的配置在web容器中 ...
掌握Tiles 框架 (一)---Tiles入门和Tiles 框架和体系结构
入门本教程所讲述的内容本教程讲述如何使用 Tiles 框架来创建可重用的表示组件.(在最初创建它时,Tiles 框架被命名为 Components. 后来改变了名称是因为"compone ...
[Flex] ButtonBar系列——垂直布局
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
Nokia是否还有未来 - 小议诺基亚和微软的战略布局
昨天和别人聊天谈到手机行业的现状,感触颇多也受到一定启发,所以想在此一点点记录自己对这个行业发展的一些看法,因为并非专门研究,因此必然会有不少瑕疵,还望海涵并指正. 首先谈到的就是Nokia,从一个霸 ...
Android UI -- 布局介绍（布局包括FrameLayout, LinearLayout, RelativeLayout, GridLayout）
首先介绍常用布局类 FrameLayout 最简单的布局管理器. 这个布局管理类有几个特性: 添加组件默认在左上角的. 如果添加多个组件会叠加到一起,并且都在左上角.(可以通过一gravity属性改变 ...

tile布局的ButtonBar

tile布局的ButtonBar相关推荐

最新文章

热门文章