多語言框架設(shè)計

為新項目增加一個多語言框架

  • 通過在Text 組件下增加一個Language.cs 組件 來配置多語言Key 。
  • 在Editor 文件夾中增加一個SetPropertyDrawer.cs 腳本來解析 SerializeField(用于將私有屬性序列化到Inspector 界面編輯) 中的SetProperty() ,這樣可以在Editor 修改時, 觸發(fā)Language.cs中的Get/Set 方法來實時的修改Text 組件的值,得到跟運(yùn)行時一致的效果。
/*
@FileName: Language
@Date:     2018-07-16 07/16/18
@Author:   Logen
@Description:
    多語言組件,通過添加該組件到Text來實現(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】字體大?。‵ontSize)
    // 【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)建完成時調(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ù)要求新加樣式,實現(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)) 
    //  [...] 還可以加屬性,暫時只加了四種通用的,后續(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)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容