多語言框架設(shè)計(jì)

為新項(xiàng)目增加一個(gè)多語言框架

  • 通過在Text 組件下增加一個(gè)Language.cs 組件 來配置多語言Key 俱尼。
  • 在Editor 文件夾中增加一個(gè)SetPropertyDrawer.cs 腳本來解析 SerializeField(用于將私有屬性序列化到Inspector 界面編輯) 中的SetProperty() 菌瘫,這樣可以在Editor 修改時(shí), 觸發(fā)Language.cs中的Get/Set 方法來實(shí)時(shí)的修改Text 組件的值授艰,得到跟運(yùn)行時(shí)一致的效果。
/*
@FileName: Language
@Date:     2018-07-16 07/16/18
@Author:   Logen
@Description:
    多語言組件,通過添加該組件到Text來實(shí)現(xiàn)多語言配置
*/

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEditor;
using System;

[DisallowMultipleComponent]
[RequireComponent(typeof(Text))]
public class Language : MonoBehaviour {
    public Text LangText;
    //多語言 Key 输硝,值在lua 中獲取設(shè)置
    [SerializeField, SetProperty("LangKey")]
    private string _langKey;
    public string LangKey{
        get {return _langKey;}
        set {
            _langKey = value;
            if(!LangText){
                LangText = this.GetComponent<Text>();
            }
            LangText.text = value;
        }
    }

    // 根據(jù)枚舉的值解析,并設(shè)置對應(yīng)的屬性党窜,達(dá)到樣式的效果拗引,以“_”分割。
    // 【0】字體樣式(FontStyle)
    // 【1】字體大谢弦隆(FontSize)
    // 【2】字體間距(LineSpacing)
    // 【3】字體顏色(Color FF(a)FF(r)FF(g)FF(b)) 
    //  [...] 還可以加屬性
    public enum TextStyleEnum{
        Normal_30_1_50FF0000,
        Bold_25_2_FF00FF00
    }

    // 字體樣式矾削,通過配置樣式枚舉,可以快速設(shè)置字體屬性豁护,未來修改也可以快速修改樣式來修改所有表現(xiàn)
    [SerializeField, SetProperty("TextStyle")]
    private TextStyleEnum _textStyle;
    public TextStyleEnum TextStyle{
        get {return _textStyle;}
        set {
            _textStyle = value;
            if(!LangText){
                LangText = this.GetComponent<Text>();
            }
            string  enumString  =  Enum.GetName( typeof (TextStyleEnum), value);//推薦
            string[] enumArr = enumString.Split(new char[1]{'_'});
            this.setFontStyle(LangText,enumArr[0]);
            this.setFontSize(LangText,enumArr[1]);
            this.setLineSpacing(LangText,enumArr[2]);
            this.setFontColor(LangText,enumArr[3]);
        }
    }

    private void setFontStyle(Text m_Text,string fontStyleStr){
        if(fontStyleStr == "Normal"){
            m_Text.fontStyle = FontStyle.Normal;
        }else if(fontStyleStr == "Bold"){
            m_Text.fontStyle = FontStyle.Bold;
        }else if(fontStyleStr == "Italic"){
            m_Text.fontStyle = FontStyle.Italic;
        }else{
            m_Text.fontStyle = FontStyle.BoldAndItalic;
        }
    }

    private void setFontSize(Text m_Text,string sizeStr){
        var fontSize = int.Parse(sizeStr);
        m_Text.fontSize = fontSize;
    }

    private void setLineSpacing(Text m_Text,string lineSpacingStr){
        var lineSpacing = int.Parse(lineSpacingStr);
        m_Text.lineSpacing = lineSpacing;
    }

    private void setFontColor(Text m_Text,string colorStr){
        Color c = this.hexToColor(colorStr);
        m_Text.color = c;
    }

    private Color hexToColor(string hex){
        byte DEC_a = byte.Parse(hex.Substring(0, 2), System.Globalization.NumberStyles.HexNumber);
        byte DEC_r = byte.Parse(hex.Substring(2, 2), System.Globalization.NumberStyles.HexNumber);
        byte DEC_g = byte.Parse(hex.Substring(4, 2), System.Globalization.NumberStyles.HexNumber);
        byte DEC_b = byte.Parse(hex.Substring(6, 2), System.Globalization.NumberStyles.HexNumber);
        //Debug.Log("DEC_r"+ DEC_r + "DEC_g"+ DEC_g+ "DEC_b"+ DEC_b);
        float r = DEC_r / 255f;
        float g = DEC_g / 255f;
        float b = DEC_b / 255f;
        float a = DEC_a / 255f;
        return new Color(r, g, b, a);
    }


    void Start () {
        
    }

    void Update()
    {

    }
}
  • BaseView 初始化后怔软,獲取Language組件中Text 組件和 LangKey ,再根據(jù)lua 表中配置的多語言找到對應(yīng)LangKey 來賦值择镇。
-- 模塊加載創(chuàng)建完成時(shí)調(diào)用
function BaseView:onInitialize()
    -- 初始化所有多語言配置
    local langComps = self.view:GetComponentsInChildren(typeof(CS.Language),false)
    if langComps and langComps.Length > 0 then
        local langComp
        for i = 0,langComps.Length - 1 do
            langComp = langComps[i]
            if langComp.LangText then
                LanguageManager:SetValue(langComp.LangText)
            end
        end
    end
  self:onEnter()
end

Language 組件配置如下圖:


image.png

為何采用TextStyle這種樣式的配置挡逼,是為了方便編輯UI 的同學(xué),可以根據(jù)美術(shù)要求新加樣式腻豌,實(shí)現(xiàn)一鍵配置Text組件家坎。也是同樣為了方便后續(xù)其他地區(qū)統(tǒng)一修改樣式。而不用一一找出對應(yīng)Text 修改吝梅。
文本樣式枚舉如下:

    // 根據(jù)枚舉的值解析虱疏,并設(shè)置對應(yīng)的屬性,達(dá)到樣式的效果苏携,以“_”分割做瞪。
    // 【0】字體樣式(FontStyle)
    // 【1】字體大小(FontSize)
    // 【2】字體間距(LineSpacing)
    // 【3】字體顏色(Color FF(a)FF(r)FF(g)FF(b)) 
    //  [...] 還可以加屬性右冻,暫時(shí)只加了四種通用的装蓬,后續(xù)可以擴(kuò)展下。
    public enum TextStyleEnum{
        Normal_30_1_50FF0000,
        Bold_25_2_FF00FF00
    }

參考:
Unity3D研究院之Inspector視圖中的get/set使用(四)
第二種方法之Inspector視圖中的get/set使用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末纱扭,一起剝皮案震驚了整個(gè)濱河市牍帚,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌乳蛾,老刑警劉巖暗赶,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異肃叶,居然都是意外死亡蹂随,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門因惭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來岳锁,“玉大人,你說我怎么就攤上這事筛欢〗牵” “怎么了唇聘?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長柱搜。 經(jīng)常有香客問我迟郎,道長,這世上最難降的妖魔是什么聪蘸? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任宪肖,我火速辦了婚禮,結(jié)果婚禮上健爬,老公的妹妹穿的比我還像新娘控乾。我一直安慰自己,他們只是感情好娜遵,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布蜕衡。 她就那樣靜靜地躺著,像睡著了一般设拟。 火紅的嫁衣襯著肌膚如雪慨仿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天纳胧,我揣著相機(jī)與錄音镰吆,去河邊找鬼。 笑死跑慕,一個(gè)胖子當(dāng)著我的面吹牛万皿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播核行,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼牢硅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了钮科?” 一聲冷哼從身側(cè)響起唤衫,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎绵脯,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體休里,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蛆挫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了妙黍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片悴侵。...
    茶點(diǎn)故事閱讀 39,965評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖拭嫁,靈堂內(nèi)的尸體忽然破棺而出可免,到底是詐尸還是另有隱情抓于,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布浇借,位于F島的核電站捉撮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏妇垢。R本人自食惡果不足惜巾遭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望闯估。 院中可真熱鬧灼舍,春花似錦、人聲如沸涨薪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽刚夺。三九已至献丑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間光督,已是汗流浹背阳距。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留结借,地道東北人筐摘。 一個(gè)月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像船老,于是被迫代替她去往敵國和親咖熟。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理柳畔,服務(wù)發(fā)現(xiàn)馍管,斷路器,智...
    卡卡羅2017閱讀 134,657評論 18 139
  • 1薪韩、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,981評論 3 119
  • 《傅聰?shù)某砷L》 現(xiàn)在先談?wù)勎覍逃膸讉€(gè)基本觀念: 第一,把人格教育看做主要,把知識(shí)與技術(shù)的傳授看做次要确沸。童年時(shí)代...
    言西小熊閱讀 675評論 0 4
  • 早上好罗捎,這里是一周進(jìn)步。 馬上五月份拉盾,就到畢業(yè)季了桨菜,相信有很多同學(xué)一定都在疑惑落戶的問題。 上周,廣州剛頒布了一條...
    一周青年閱讀 381評論 0 1
  • 走在下班的路上倒得,迎面風(fēng)馳而過的小電驢悠悠的漂過來一句話:美女泻红,伊薩卡北門怎么走。猛抓手剎霞掺,我的小紅車在一...
    Summergirl閱讀 307評論 0 0