C#/.Net Core/WPF框架初建(國(guó)際化、主題色)

C#/.Net Core/WPF框架初建(國(guó)際化、主題色)

English | 簡(jiǎn)體中文

作為 TerminalMACS 的一個(gè)子進(jìn)程模塊 - WPF管理端,目前搭建框架部分功能:本地化、國(guó)際化、主題色修改等。

導(dǎo)航目錄

    1. 框架已添加功能說(shuō)明
    • 1.1. 國(guó)際化、本地化
    • 1.2. Metro風(fēng)格主窗體
    • 1.3. 動(dòng)態(tài)更換主題色
    1. 關(guān)于TerminalMACS及本W(wǎng)PF管理端
    1. 關(guān)于項(xiàng)目開(kāi)源
    1. 參考資料

1. 框架已添加功能說(shuō)明

1.1. 國(guó)際化、本地化

源碼放在Github上,希望分享給更多人,所以添加了國(guó)際化功能,默認(rèn)支持中、英、日三國(guó)語(yǔ)言,按照已有套路擴(kuò)展其他語(yǔ)言也方便,看下面的效果:


wpf_international.gif

本項(xiàng)目(TerminalMACS的WPF管理端)使用的資源字典存儲(chǔ)翻譯文件,其他方式還有資源文件、微軟官方的國(guó)際化方案(未研究)等。下面是翻譯文件截圖:

wpf_languagefile.png

三個(gè)資源文件使用需要注意:

    1. 選擇一個(gè)默認(rèn)文件(比如en.xaml,英文)作為默認(rèn)語(yǔ)言文件,需要將生成操作屬性設(shè)置為 "頁(yè)", 設(shè)置截圖如下:
wpf_ensetting.png
    1. 其他語(yǔ)言文件設(shè)置生成操作屬性為內(nèi)容,設(shè)置截圖如下:
wpf_zhcnsetting.png
    1. 需要將默認(rèn)語(yǔ)言資源文件添加到App.xaml中,其他語(yǔ)言不用:
<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="I18nResources/en.xaml"/>
......
    1. 在項(xiàng)目初始化時(shí),即加載主窗體之前,需要設(shè)置當(dāng)前語(yǔ)言(加載操作系統(tǒng)語(yǔ)言或者程序上次運(yùn)行時(shí)的配置,即本地化功能),本項(xiàng)目采用Prism作為MVVM及模塊化框架,所以在CreateShell方法調(diào)用切換語(yǔ)言方法:

App.xaml.cs

protected override Window CreateShell()
        {
            LanguageHelper.SetLanguage();
            return Container.Resolve<MainWindow>();
        }
    1. 國(guó)際化,即在運(yùn)行期間,動(dòng)態(tài)切換語(yǔ)言,在主窗體中添加語(yǔ)言切換配置菜單,在菜單的Tag屬性中配置語(yǔ)言文件名,如下:

MainWindow.xaml

<Metro:MetroMenuItem Header="{DynamicResource MainMenu_Language}" >
    <Metro:MetroMenuItem Header="中文" Tag="zh-CN" Click="ChangeLanguage_Click"/>
    <Metro:MetroMenuItem Header="English" Tag="en" Click="ChangeLanguage_Click"/>
    <Metro:MetroMenuItem Header="日本語(yǔ)" Tag="ja" Click="ChangeLanguage_Click"/>
</Metro:MetroMenuItem>

后臺(tái)代碼切換語(yǔ)言:

private void ChangeLanguage_Click(object sender, RoutedEventArgs e)
{
    string language = (sender as MetroMenuItem).Tag.ToString();
    LanguageHelper.SetLanguage(language);
}

具體的語(yǔ)言設(shè)置方法,封裝如下:

LanguageHelper.cs

private const string KEY_OF_LANGUAGE = "language";
public static void SetLanguage(string language = "")
{
    if (string.IsNullOrWhiteSpace(language))
    {
        language = ConfigHelper.ReadKey(KEY_OF_LANGUAGE);
        if (string.IsNullOrWhiteSpace(language))
        {
            language = System.Globalization.CultureInfo.CurrentCulture.ToString();
        }
    }

    string languagePath = $@"I18nResources\{language}.xaml";
    try
    {
        var lanRd = Application.LoadComponent(new Uri(languagePath, UriKind.Relative)) as ResourceDictionary;
        var old = Application.Current.Resources.MergedDictionaries.FirstOrDefault(o => o.Contains("AppTitle"));
        if (old != null)
        {
            Application.Current.Resources.MergedDictionaries.Remove(old);
        }
        Application.Current.Resources.MergedDictionaries.Add(lanRd);
        ConfigHelper.SetKey(KEY_OF_LANGUAGE, language);

        var culture = new System.Globalization.CultureInfo(language);
        System.Globalization.CultureInfo.CurrentCulture = culture;
        System.Globalization.CultureInfo.CurrentUICulture = culture;
    }
    catch { }
}

管理端當(dāng)前語(yǔ)言配置在App.config文件appSettings節(jié)點(diǎn)下,第一次發(fā)布時(shí),值為空,程序?yàn)樽x取操作系統(tǒng)語(yǔ)言進(jìn)行本地化設(shè)置,然后更新language節(jié)點(diǎn),主窗體動(dòng)態(tài)切換時(shí),也會(huì)更新此節(jié)點(diǎn):

App.config

<add key="language" value=""/>

1.2. Metro風(fēng)格主窗體

使用開(kāi)源控件庫(kù) AduSkin 的 MetroWindow 作為主窗體基類,方便的將菜單添加到標(biāo)題欄,效果如下:

MetroWindow_zhcn.png

代碼中使用,添加命名空間:

xmlns:Metro="clr-namespace:AduSkin.Controls.Metro;assembly=AduSkin"

修改主窗體基類 Window 為 Metro:MetroWindow,標(biāo)題欄菜單添加部分代碼如下:

<Metro:MetroWindow.Menu>
        <Metro:MetroTitleMenu Height="40">
            <Metro:MetroTitleMenuItem Header="{DynamicResource MainMenu_Contact}" Icon="/Images/Contact.png">
                <Metro:MetroMenuItem Header="QQ"  Command="AduOpenLink:ControlCommands.OpenLink" 
                                     CommandParameter="http://wpa.qq.com/msgrd?v=3&amp;uin=632871194&amp;site=qq&amp;menu=yes"/>
                <Metro:MetroMenuItem Header="{DynamicResource MainMenu_QQGroup}" Command="AduOpenLink:ControlCommands.OpenLink"
                                     CommandParameter="https://jq.qq.com/?_wv=1027&amp;k=50b36fD"/>
                <Metro:MetroMenuItem Header="{DynamicResource MainMenu_Email}" Command="AduOpenLink:ControlCommands.OpenLink"
                                     CommandParameter="mailto:632871194@qq.com" />
            </Metro:MetroTitleMenuItem>
......

1.3. 動(dòng)態(tài)更換主題色

程序運(yùn)行過(guò)程中,動(dòng)態(tài)修改主題色,效果如圖:

wpf_themecolor.gif

配色菜單代碼如下:

<Metro:MetroColorPicker x:Name="Theme" Width="50" Height="20" Grid.Column="1"
                                                    Background="{StaticResource DefaultBrush}"
                                                    DefaultColor="{StaticResource DefaultBrush}" />

注意:需要在后臺(tái)注冊(cè)顏色改變事件:

Theme.ColorChange += delegate
{
    // Do not bind colors through XAML, unable to get notifications
    BorderBrush = Theme.CurrentColor.OpaqueSolidColorBrush;
};

2. 關(guān)于TerminalMACS及本W(wǎng)PF管理端

2.1. TermainMACS

多終端資源管理與檢測(cè)系統(tǒng),包含多個(gè)子進(jìn)程模塊,目前開(kāi)發(fā)了Xamarin.Forms客戶端、WPF管理端、.NET Core WEB API服務(wù)端,下一步繼續(xù)完善WPF管理端。

2.2. WPF管理端

作為T(mén)erminalMACS系統(tǒng)的一個(gè)子進(jìn)程模塊,目前只搭建了簡(jiǎn)單的框架(未完),添加了國(guó)際化、本地化、主題換色等功能,Prism模塊化功能待加。

3. 關(guān)于項(xiàng)目開(kāi)源

wpf_about.png

4. 參考資料

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 目錄 什么是WPF? WPF的歷史? 為什么要用WPF及WPF作用 WPF與winForm區(qū)別? 什么是WPF? ...
    灬52赫茲灬閱讀 6,130評(píng)論 2 11
  • 一、與WPF結(jié)緣 第一次接觸WPF是在2012年。學(xué)習(xí)了WinForm編程之后,了解到WPF這個(gè)非常先進(jìn)的UI框架...
    金戈大王閱讀 1,558評(píng)論 0 8
  • “哎,聽(tīng)說(shuō)在高速路旁邊新建了一個(gè)鬼村?” “什么新建啊,那只是翻修了一下而已。聽(tīng)說(shuō)那個(gè)村莊存在好幾百年了,但是每一...
    李爹閱讀 267評(píng)論 11 10
  • 今日立冬。 冬,終也,萬(wàn)物收藏也。 經(jīng)歷了許久的霧霾和低溫,今天天氣格外好。 好的,就像要發(fā)生能夠一輩子的事情。 ...
    寵愛(ài)by閱讀 549評(píng)論 2 3

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