- 浏览: 388648 次
- 性别:
- 来自: 青岛
博客专栏
-
wordpress步步高
浏览量:74355
-
Web前端开发之路
浏览量:90534
-
Flex/ActionSc...
浏览量:62343
-
Android/IOS 开...
浏览量:34542
-
PHP项目实战
浏览量:23864
文章分类
最新评论
-
u013810758:
editplus
个人觉得 SublimeText 目前最好用的 文本编辑器 -
u010189889:
poll.zip (13.7 KB) 这个文件是干什么的?
手把手做一个PHP 投票系统 -
freerambo:
不错 赞一个
完美的 登录注册框 含漂亮的过渡、转换效果 -
uule:
不错不错,楼主好屌
国外经典JS、Jquery 各种资源集合 -
zyl324:
真心不错,学习了
用jquery都弱爆了 纯css 实现焦点图的 动态绚丽效果
<?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" viewSourceURL="srcview/index.html"> <fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; s|TabBar s|ButtonBarButton:up { fontStyle:normal; } s|TabBar s|ButtonBarButton:upAndSelected, s|ButtonBar s|ButtonBarButton:downAndSelected { fontStyle:italic; font-weight:bold; } </fx:Style> <fx:Declarations> <s:ArrayCollection id="contacts"/> </fx:Declarations> <s:layout> <s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/> </s:layout> <s:Panel width="40%" height="60%" title="TabBar Demo" backgroundColor="0x5a5a5a"> <s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}" skinClass="Skin.TabBar" cornerRadius="4" /> <mx:ViewStack id="vs" width="95%" height="90%" left="8" y="23"> <s:NavigatorContent label="User Login" backgroundColor="0x789898" > <s:BorderContainer borderColor="0x2a2f5f" width="100%" height="100%" cornerRadius="4" dropShadowVisible="true" backgroundColor="0x789898" borderVisible="false"> <s:layout> <s:VerticalLayout paddingTop="10" paddingLeft="5"/> </s:layout> <mx:Form> <mx:FormItem label="User Name:"> <s:TextInput id="username" width="100%"/> </mx:FormItem> <mx:FormItem label="Password:"> <s:TextInput id="userpassword" width="100%" displayAsPassword="true"/> </mx:FormItem> </mx:Form> <s:HGroup> <s:Button label="Login"/> </s:HGroup> </s:BorderContainer> </s:NavigatorContent> <s:NavigatorContent label="Registration" backgroundColor="0xF9EBAE"> <s:BorderContainer borderColor="0x2a2f5f" width="100%" height="100%" cornerRadius="4" dropShadowVisible="true" backgroundColor="0xF9EBAE" borderVisible="false"> <s:layout> <s:VerticalLayout paddingTop="10" paddingLeft="5"/> </s:layout> <mx:Form> <mx:FormItem label="First Name:"> <s:TextInput id="firstname" width="100%"/> </mx:FormItem> <mx:FormItem label="Last Name:"> <s:TextInput id="lastname" width="100%"/> </mx:FormItem> <mx:FormItem label="Email:"> <s:TextInput id="email" width="100%"/> </mx:FormItem> <mx:FormItem label="Age:"> <s:TextInput id="age" width="100%"/> </mx:FormItem> <mx:FormItem label="Contect Number:"> <s:TextInput id="contect" width="100%"/> </mx:FormItem> <mx:FormItem label="Address:"> <s:TextArea id="address" width="127"/> </mx:FormItem> <mx:FormItem label="State:"> <s:TextInput id="state" width="100%"/> </mx:FormItem> <mx:FormItem label="Country:"> <s:TextInput id="country" width="100%"/> </mx:FormItem> </mx:Form> <s:HGroup> <s:Button label="Save"/> </s:HGroup> </s:BorderContainer> </s:NavigatorContent> <s:NavigatorContent label="Admin Login" backgroundColor="0xE8B54D"> <s:BorderContainer borderColor="0x2a2f5f" width="100%" height="100%" cornerRadius="4" dropShadowVisible="true" backgroundColor="0xE8B54D" borderVisible="false"> <s:layout> <s:VerticalLayout paddingTop="10" paddingLeft="5"/> </s:layout> <mx:Form> <mx:FormItem label="Admin Name:"> <s:TextInput id="adminname" width="100%"/> </mx:FormItem> <mx:FormItem label="Password:"> <s:TextInput id="password" width="100%" displayAsPassword="true"/> </mx:FormItem> </mx:Form> <s:HGroup> <s:Button label="Login"/> </s:HGroup> </s:BorderContainer> </s:NavigatorContent> </mx:ViewStack> </s:Panel> </s:Application>
<?xml version="1.0" encoding="utf-8"?> <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5"> <fx:Metadata> <![CDATA[ [HostComponent("spark.components.TabBar")] ]]> </fx:Metadata> <s:states> <s:State name="normal"/> <s:State name="disabled"/> </s:states> <s:DataGroup id="dataGroup" width="100%" height="100%"> <s:layout> <s:ButtonBarHorizontalLayout gap="-1"/> </s:layout> <s:itemRenderer> <fx:Component> <s:ButtonBarButton chromeColor="{data.getStyle('backgroundColor')}" color="{myColor}" creationComplete="buttonbarbutton1_creationCompleteHandler(event)"> <fx:Script> <![CDATA[ [Bindable] private var myColor:uint=0x000000; import mx.events.FlexEvent; protected function buttonbarbutton1_creationCompleteHandler(event:FlexEvent):void { switch (data.getStyle('backgroundColor')) { case (0x789898): { myColor=0xFFFFFF; break; } default: { myColor=0x000000; break; } } } ]]> </fx:Script> </s:ButtonBarButton> </fx:Component> </s:itemRenderer> </s:DataGroup> </s:Skin>
评论
3 楼
xuanfeng220
2012-01-11
不错哦,学习了,但没找到所谓的代码下载链接,嘛回事
2 楼
Dead_knight
2011-04-21
flex效果真不错
1 楼
depravedangel
2011-03-18
补个图片,方便观看
附带提供代码下载,节省各位时间,呵呵
附带提供代码下载,节省各位时间,呵呵
发表评论
-
FlashBuilder4.5 下载 及破解方法
2011-10-21 12:14 6495FB4.5 官网下载: (http://tria ... -
与大家分享一下Flex 学习资料 (续)
2011-10-11 13:08 1798Flex as3 资源共享 包括以下内容 1.as3.0学 ... -
与大家分享一下 我的Flex学习 参考资料
2011-10-06 07:09 1989以下资料 为在下 再学习Flex 和AS3的过程中 曾经看过的 ... -
自定义 修改Flex DataGrid的 Header Style
2011-10-04 14:32 2414mx|DataGrid.MarketMoversDataGri ... -
深入理解Flash Player重绘
2011-10-04 13:00 49Flash Player 会以SWF内容的帧频速度来刷新需要变 ... -
Flex DataGrid HeaderRender 实例
2011-10-04 10:33 2416<mx:DataGridColumn id=" ... -
Flex 设置模式窗口 不可移出 当前窗口外
2011-10-03 09:19 1428<?xml version="1.0&quo ... -
flex 巧用dataGrid实现 复杂格式 数据 显示
2011-09-29 12:37 1624<mx:DataGrid id="dg&qu ... -
Flex dataGrid 用measureHeightOfItems 去掉竖直滚动条
2011-09-29 12:22 2113当数据很多的时候 Flex Datagrid 会自动给表格 ... -
Flex中 给图片添加倒影效果
2011-09-26 10:47 1128首先到 http://code.google.com/p/go ... -
Flex 4 打印预览 实例
2011-09-26 08:21 1361http://blogs.soph-ware.com/post ... -
Flex 4 打印预览
2011-09-26 08:20 1748<?xml version="1.0&quo ... -
Flex4 切换States实现3D旋转效果
2011-07-29 09:01 3137<?xml version="1.0" ... -
Flex AS3 --连接字符串
2011-07-20 14:55 1341多个字符串连接成一个解决办法…… 解决办法1: 使用 ... -
AS 中创建成员属性
2011-07-20 09:48 939问题: 我要创建public成员属性 ... -
带图标的Combox、Dropdownlist
2011-05-03 14:17 2078SKin <?xml version="1. ... -
Flex导航菜单
2011-04-19 09:03 3185<?xml version="1.0" ... -
Flex中禁用Combobox的可编辑属性和添加prompt属性
2011-04-19 08:50 1741Flex中禁用Combobox的可编辑属性和添加prompt属 ... -
我的Flex成长之路 2011.3.23
2011-03-23 17:03 0我学习Flex有大半年的时间了,渐渐地从菜鸟到了入门阶段吧, ... -
AIR桌面程序-实现对客户信息管理(FLEX+XML数据库)
2011-03-23 16:43 1339本程序实现了对XML的增、删、改、查操作,并同步到xml数据库 ...
相关推荐
flex4 TabBar skin
Sample-Flex4-TabBar使用例子。
flex tab bar samples
NULL 博文链接:https://jzzwy.iteye.com/blog/1738572
Flex3 排版为竖着的TabNavigator实例。
Flex中做得一个垂直button和一个含有垂直标签的TabNavigator
NULL 博文链接:https://jzzwy.iteye.com/blog/1738561
主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
本文实例讲述了微信小程序tabBar模板用法。分享给大家供大家参考,具体如下: 众所周知,微信小程序的tabBar都是新开页面的,而微信文档上又表明了最多只能打开5层页面。这样就很容易导致出问题啦,假如我的tabBar有...
小程序tabbar素材小程序tabbar素材小程序tabbar素材小程序tabbar素材 微信小程序tabbar小图片
主要介绍了微信小程序tabBar设置实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
iOS tabbar navigation 控件结合实例。可以看下,很有参考价值。强烈推荐。
uniapp自定义tabbar图标样式uniapp自定义tabbar图标样式
自定义tabBar,移除系统的tabBar
微信小程序源码(含截图)自定义tabbar微信小程序源码(含截图)自定义tabbar微信小程序源码(含截图)自定义tabbar微信小程序源码(含截图)自定义tabbar微信小程序源码(含截图)自定义tabbar微信小程序源码(含...
这是一个自定义的Android导航栏,使用方便,可以通过调用里面的方法去设置自己的风格 。 Android TabBar 导航栏
小程序自定义tabbar,覆盖默认tabbar,实现中间凸起功能和样式,包括html和js