几行代码搞定Flash应用的多语言实时切换问题

在《WPF/Silverlight的数据绑定设计的真糟糕》文中批评了WPF/SL的数据绑定机制,拿的是Flex的数据绑定与其对比。本文介绍应用Flex的数据绑定来解决一个实际问题——多语言实时切换的问题,以说明简洁的数据绑定机制解决问题是多么的优雅。

需要解决的问题:

有一个语言选择下拉菜单,用户选择不同的语言,自动去服务器获取语言资源,然后自动更新界面上的显示。

这个问题看起来很复杂,传统的解决办法是在涉及到多语言的界面处侦听语言切换的事件,然后更新自己,这样的做法零碎冗长。使用数据绑定是个自然有效的方法。

核心类只1个:

import common.RpcRequest;

public dynamic class Lang extends Object
{
    [Bindable]
    public static var instance:Lang = new Lang;
    public function getString(key:String, defaultString:String = null):String
    {
        if(this.hasOwnProperty(key)==false)
        {
            return defaultString ? defaultString : key;   
        }
        else
        {
            return this[key];
        }
    }
    public static function loadRemote(url:String, callback:Function = null):void
    {
        new RpcRequest(url, null,
            function(obj:Object):void
            {
                loadXml(new XML(obj));
                if(callback != null) callback();
            }
        );
    }
    public static function loadXml(xml:XML):void
    {
        if(xml == null) return;
        var lang:Lang = new Lang();
        for each(var node: XML in xml.item)
        {
            lang[node.@key]=String(node.@value);
        }
        instance = lang;
    }
}

使用loadRemote去加载资源,成功的话自动更新绑定源instance。如果设置了回调方法,可以传入回调方法来干其它的事情。

资源文件举例:

<lang>
<item key="Help" value="Help Tips" />"
<item key="MoreInfo" value="More Informations" />"
<item key="FlipToFront" value="Flip to Front Cover" />"

</lang>

使用:

toolTip="{RunTime.fullScreen
?Lang.instance.getString('ExitFullScreen','Exit Full Screen')
:Lang.instance.getString('FullScreen','Full Screen')}"

更进一步,可以将类名Lang简化为l,将instance简化为_,将getString简化为s。这样代码又可以简洁一些。

实时切换语言一行代码搞定:

Lang.loadRemote(langUrl);

====

总结:

(1)简洁吗?简洁!

(2)需要学新东西吗?不需要!

(3)需要配置吗?不需要!

(4)对比是不是觉得WPF/SL的数据绑定过度设计了?是的!

posted @ 2011-05-29 13:18  xiaotie  阅读(2517)  评论(8编辑  收藏  举报