Flex/AIR 皮肤:KingnareStyle 下载

预览版过后,测试版来了.


Flash CS3的Flex Skins模板搭配Flex Builder 3的样式编辑器,开发起样式来事半功倍,呵呵.
元件都在swf文件中,不过有几个如ComboBox有下拉箭头的组件可能会因为高度变化,箭头也跟着发生形变.
用ClassReference引用com.kingnare.skins路径下的几个类,,就能解决这问题了.
在样式表中两种引用都有,其中使用SWF元件的部分被注释掉了,你想用哪种,就看自己的喜好了.
因为是黑色系样式,使用时将背景色设置为#333333(0×333333),能获得较好的视觉效果.
Demo地址:KingnareStyle Demo
(由于含大量的组件,加载时间可能比较长,请耐心等待)
样式下载地址(此版本不含fla源文件,目前在整理中,下版本释出):

http://code.google.com/p/kingnarestyle

第一次做FLEX皮肤,经验不足,发现BUG或有问题,请留言.
update1: 修改了Datagrid滚动条的BUG,加宽了滚动条(感谢moris提交的BUG),在HScrollBar处请自行补充thumbOffset: 1;

42 comments to Flex/AIR 皮肤:KingnareStyle 下载

  • fffftw

    你好,请问flex4中怎么引用kingnarestyle.swf中的symbol,似乎对资源无法引用,但不报错
    [reply=auzn,2009-09-23 08:46 AM]估计是引用方法发生变化了, 这个我学习一下再来回答 :) [/reply]

    [Reply]

  • fffftw

    你好,请问flex4中能用这套皮肤吗?
    [reply=auzn,2009-09-17 09:15 PM]很抱歉, 目前还没有Flex 4 版本 :) [/reply]

    [Reply]

  • Kasper

    您好
    我想知道如果可能的援助就如何变化的主题,使之ligther ,因为我没有经验,庞大的造型与Flash 。可能是英文。
    它可以是很酷的轻版的!
    [reply=auzn,2009-08-19 09:19 AM]You can find the folder in Flex SDK:
    frameworks\projects\framework\src\mx\skins\halo
    default programmatic skin :) [/reply]

    [Reply]

  • 小西

    [sad]我刚接触Flex几天,根本不知道这个主题要怎么使用?
    网上搜了说这样:
    我试了也没用[sad]
    然后就用Flex里面的导入主题,选择css好像是导入到Other里了,但选择运用以后还是一点变化也没用啊……[cry]
    楼主有时间能说说吗?快爆炸了……
    [reply=auzn,2009-08-04 10:42 PM]就是这样来使用, 或者将样式文件编译在运行时加载, 但要写代码, 稍复杂些[/reply]

    [Reply]

  • 不有一部分代码

    override public function toString():String
    {
    return NameUtil.displayObjectToString(this);
    }
    private function updateCompleteHandler(event:Event):void
    {
    var whiteBox:DisplayObject = DisplayObject(this["rawChildren"].getChildByName(“whiteBox”));
    if(whiteBox)
    {
    this["rawChildren"].removeChild(whiteBox);
    }
    }
    }
    }
    [reply=auzn,2009-05-12 02:15 PM]就是这个whiteBox,哈,你找到了 :)
    在Container.as中找到了绘制的地点:
    whiteBox = new FlexShape();
    whiteBox.name = “whiteBox”;
    var g:Graphics = whiteBox.graphics;
    g.beginFill(0xFFFFFF);
    g.drawRect(0, 0, verticalScrollBar.minWidth, horizontalScrollBar.minHeight);
    g.endFill()
    rawChildren.addChild(whiteBox);
    看来是被写死了 只能像你那样通过程序解决了,在样式中没办法了 :( [/reply]
    [reply=auzn,2009-05-12 03:27 PM]好,可以给这里增加两个样式,支持简单的样式设定,哈哈
    回头写篇文章 :)
    如果你已经写好,我就直接链你文章了 :) [/reply]

    [Reply]

  • aihanzi

    public function FlexSprite()
    {
    super();
    try
    {
    name = NameUtil.createUniqueName(this);
    }
    catch(e:Error)
    {
    // The name assignment above can cause the RTE
    // Error #2078: The name property of a Timeline-placed
    // object cannot be modified.
    // if this class has been associated with an asset
    // that was created in the Flash authoring tool.
    // The only known case where this is a problem is when
    // an asset has another asset PlaceObject'd onto it and
    // both are embedded separately into a Flex application.
    // In this case, we ignore the error and toString() will
    // use the name assigned in the Flash authoring tool.
    }
    if(this is Container)
    {
    addEventListener(FlexEvent.Update_COMPLETE,updateCompleteHandler);
    }
    }
    [reply=auzn,2009-05-12 08:57 AM]白块补丁研究出来了?太好了,我去试试 :) [/reply]

    [Reply]

  • aihanzi

    public dynamic class FlexSprite extends Sprite
    {
    //include “../core/Version.as”;
    //————————————————————————–
    //
    // Constructor
    //
    //————————————————————————–
    /**
    * Constructor.
    *
    *

    Sets the name property to a string
    * returned by the createUniqueName()
    * method of the mx.utils.NameUtils class.

    *
    *

    This string is the name of the object's class concatenated
    * with an integer that is unique within the application,
    * such as "Button17".

    *
    * @see flash.display.DisplayObject#name
    * @see mx.utils.NameUtil#createUniqueName()
    */

    [Reply]

  • aihanzi

    这是滚动条白块补丁,不过好像全屏会出bug
    ////////////////////////////////////////////////////////////////////////////////
    //
    // Copyright (C) 2003-2006 Adobe Macromedia Software LLC and its licensors.
    // All Rights Reserved. The following is Source Code and is subject to all
    // restrictions on such code as contained in the End User License Agreement
    // accompanying this product.
    //
    ////////////////////////////////////////////////////////////////////////////////
    package mx.core
    {
    import flash.display.DisplayObject;
    import flash.display.Sprite;
    import flash.events.Event;
    import mx.events.FlexEvent;
    import mx.utils.NameUtil;
    /**
    * FlexSprite is a subclass of the Player's Sprite class
    * and the superclass of UIComponent.
    * It overrides the toString() method
    * to return a string indicating the location of the object
    * within the hierarchy of DisplayObjects in the application.
    */

    [Reply]

  • aihanzi

    我又来看你了。可惜这个一直都不更新
    [reply=auzn,2009-04-19 05:28 PM]呵呵,谢谢一直关注 :) [/reply]

    [Reply]

  • aihanzi

    [quote=aihanzi]选色器的,边框的颜色能不能不改变啊。
    auzn 于 2009-03-31 08:36 AM 回复
    这个可以在皮肤文件里面修改,将外框皮肤的透明度调整为1就可以了。
    改过来了,我觉得原先那不好看。
    [reply=auzn,2009-04-01 09:49 AM]呵呵,那就好哇。如果不好改,我可以帮着改 :) [/reply]

    [Reply]

  • aihanzi

    选色器的,边框的颜色能不能不改变啊。
    [reply=auzn,2009-03-31 08:36 AM]这个可以在皮肤文件里面修改,将外框皮肤的透明度调整为1就可以了。[/reply]

    [Reply]

  • nijiaben

    噢,对了,链接地址是nijiaben058.jspkj.com,链接名:你假笨技术博客

    [Reply]

  • nijiaben

    大哥您好,我是一大三学生,学Flex大概4个月的样子,靠经常到一些跟大哥一样有权威的大侠那里偷师学艺,最近终于发布了一个自己的flex博客,想到您那申请一个友情链接,如果您觉得可以的话帮我加上好了。希望通过贵站能多吸引一些高手到我站里,给我多提点意见,让我进步更快些,先谢谢大哥了
    [reply=auzn,2009-03-31 08:35 AM]好的,今天晚上处理一下的 :) [/reply]

    [Reply]

  • aihanzi

    我用Canvas组件时,当横竖的滚动条都出现时,在接口处的空白没改过来。
    [reply=auzn,2009-02-25 08:50 AM]这个地方一直没有找到在哪里修改 :) [/reply]

    [Reply]

  • moris

    DataGrid有问题,当出现纵向scrollbar时(即数据多时),会出现白色的条,滚动条也不对了
    [reply=auzn,2009-02-19 09:13 AM]谢谢发现这个BUG,正在找原因 :) [/reply]
    [reply=auzn,2009-02-19 02:35 PM]现在已经修复了,传到了google code上了。但不是太完美,将滚动条的宽度拉大,更改为默认的16像素宽。
    估计是DataGrid的样式初始化有些问题 -_-
    再次谢谢你提交的BUG :) [/reply]

    [Reply]

  • 夕颜

    不知道能否加个AdvancedDataGrid的皮肤
    [reply=auzn,2009-02-06 11:03 AM]谢谢你的建议,AdvancedDataGrid我没有接触,会学习一下的,尝试着把它的皮肤加上去 :) [/reply]

    [Reply]

  • chl

    高手“
    [reply=auzn,2009-01-07 01:05 AM]目前还不是,正在向高手前进中,呵呵[/reply]

    [Reply]

  • bruce

    我很喜歡這個skin喔,比起很多skin,這個檔案很小又好看..
    [reply=auzn,2008-12-23 05:26 PM]谢谢支持,欢迎提出宝贵的意见 :) [/reply]

    [Reply]

  • jinni

    呵呵,博主做的不错,其实这个风格的Skin在Adobe并不止Photoshop Express用了,Adobe Media Player等产品也都用它。
    [reply=auzn,2008-12-18 10:57 AM]Adobe黑色的风格很令人着迷 :) [/reply]

    [Reply]

  • fgf

    [smile][cry][Party][rolleyes][loo][sleepy][new0][new1][new2][new3][new4][new5][new6][new7]

    [Reply]

  • iouiou

    ittiuy
    uyuyi

    [Reply]

  • sam

    高手教教我你的网站怎么做的呗
    QQ461599255
    [reply=auzn,2008-12-01 10:10 AM]FLASH入门后,你就会发现其实没有太多的技术含量的,呵呵[/reply]

    [Reply]

  • 吕游

    你好博客连接!
    URL地址:www点luckylvyou点com
    博客名称:落叶知秋
    博客简介:有故事的生活我的心灵视窗!
    如果连接请做好本站连接,而后去我的窝窝留言!
    希望能和你成为邻居,我一直走原创博客的路线!

    [Reply]

  • san0000

    so beautiful ,i'm shocked at the os
    [reply=auzn,2008-11-20 11:28 PM]Thanks :) [/reply]

    [Reply]

  • Ethan

    恭喜啊,你的这个皮肤上ScaleNine了
    [reply=auzn,2008-10-28 01:28 PM]哈,谢谢杜兄的支持 :) [/reply]

    [Reply]

  • vecoe

    我会下载看看的!!!
    [reply=auzn,2008-10-09 03:31 PM]@vecoe:
    欢迎试用后的反馈BUG信息 呵呵[/reply]

    [Reply]

  • 随便

    我崇拜无私的人
    [reply=auzn,2008-10-09 12:28 AM]@随便:
    谢谢支持 :) [/reply]

    [Reply]

  • auzn

    @arzn:
    呵呵,你是指什么方面原创?如果说是代码和FLA源码的话,那是我做的。如果你要说创意的话,我在下载压缩包里面有说明的,是参考/模仿photoshop express的样式的。

    [Reply]

  • arzn

    再大声说一遍,这个是你原创的吗???????????????

    [Reply]

  • auzn

    @aaqylh:
    可以参考我的示例程序,里面有样式表的加入方法,及样式表与主程序的位置关系等,呵呵。

    [Reply]

  • aaqylh

    具体怎么使用呀,请告之,我是新手

    [Reply]

  • auzn

    @asbin:
    呵呵,欢迎测试
    @raytrace:
    你的问题其实我也碰到过,当时写这个样式的时候也想过要换borderSkin的,但是出现这个问题无法解决后就取消了borderSkin而使用默认的样式了.
    我觉得可能要通过programmatic skins来解决.

    [Reply]

  • raytrace

    不知道kingnare有没有研究过panel使用外部的皮肤布局会有问题

    [Reply]

  • asbin

    下载看看,我是忠实的测试人员,[lol]

    [Reply]

  • auzn

    @Aloxc:
    谢谢支持 呵呵

    [Reply]

  • Aloxc

    对主人的无私奉献我代表使用者感谢。。。。

    [Reply]

  • Aloxc

    不错,下载试用。。。。。

    [Reply]

  • auzn

    @minidxer:
    [new2],以后发现有不顺眼的地方得及时告诉我啊.

    [Reply]

  • auzn

    @Kenshin:[new6]

    [Reply]

  • minidxer

    不错不错~~~越看越顺眼[lol]

    [Reply]

  • Kenshin

    不错,不错!
    PS:小宝宝还好吧(*^__^*) 最近竟然有时间做Flex的skin,不用照顾小宝宝么?(*^__^*)

    [Reply]

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">