logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

国际化

国际化是指组件库内置的适应国际上主要地区语言的默认配置,包括文本翻译和日期格式,以及一些组件的默认配置,如日期组件中配置一周的第一天是星期几、月份是否在年份前面等等。

Ant Design Blazor 的国际化由内置的 LocaleProvider 静态类来提供,可对不同 UI 线程设置该线程的区域语言包,语言包内嵌在程序集中。

另外,我们还提供了站点级别的本地化组件,请参考本地化

默认语言

组件默认会在程序调用 Services.AddAntDesign() 时自动从环境中获取区域语言作为默认语言。因此,不同的运行环境就有不同的设置:

  • Blazor WebAssembly: 会从访问者的浏览器语言设置中获取默认语言。注意并不是从系统操作系统或服务端获取。
  • Blazor 服务端静态/交互渲染: 会根据运行该服务的操作系统环境中的语言来作为默认语言,而不是根据用户的请求来设置。
  • Blazor WebApp Auto 模式:则在静态阶段从服务器系统获取,在WebAssembly阶段从浏览器获取,因此需要注意保持语言一致,避免切换的问题。
  • Blazor Hybrid 会从客户端中获取默认语言。

如果需要手动设置默认语言,可以在初始化时进行配置,也可以在运行中随时修改,请参考下面的方案。

全局配置

在应用运行的入口处设置


service.AddAntDesign();

// 设置默认语言
LocaleProvider.DefaultLanguage = "en-US";

运行时修改


@code {

    private void ChangeLocale()
    {
        LocaleProvider.SetLocale("en-US");
        StateHasChanged();
    }
}

语言包设置

当设置的语言没有内置的语言包时,我们会按照 父区域性 => 默认语言 => "en-US" 的顺序选择后备语言。(有关父区域性的概念解释,参见全球化和本地化术语,推荐阅读该页面的英语版本)

可以通过 LocaleProvider.DefaultLanguage = "languageName" 设置默认语言。

您也可以通过 LocaleProvider.SetLocale 方法添加语言包。

// 设置默认语言
LocaleProvider.DefaultLanguage = "en-US";

// 创建一个 `Locale` 对象
var zhHK = new Locale { ... };
// 设置额外的语言
LocaleProvider.SetLocale("zh-HK", zhHK); 

注意:en-US 是语言包名称,以下表格也遵循同样的规则。

内置语言

语言 语言包名
阿拉伯 ar-EG
亞美尼亞 hy-AM
保加利亚语 bg-BG
加泰罗尼亚语 ca-ES
捷克语 cs-CZ
丹麦语 da-DK
德语 de-DE
希腊语 el-GR
英语 en-GB
英语(美式) en-US
西班牙语 es-ES
爱沙尼亚语 et-EE
波斯语 fa-IR
芬兰语 fi-FI
法语(比利时) fr-BE
法语 fr-FR
希伯来语 he-IL
印地语 hi-IN
克罗地亚语 hr-HR
匈牙利 hu-HU
冰岛语 is-IS
印度尼西亚语 id-ID
意大利语 it-IT
日语 ja-JP
格鲁吉亚语 ka-GE
卡纳达语 kn-IN
韩语/朝鲜语 ko-KR
库尔德语 ku-IQ
拉脱维亚语 lv-LV
马来语 ms-MY
蒙古语 mn-MN
挪威 nb-NO
尼泊尔语 ne-NP
荷兰语(比利时) nl-BE
荷兰语 nl-NL
波兰语 pl-PL
葡萄牙语(巴西) pt-BR
葡萄牙语 pt-PT
斯洛伐克语 sk-SK
塞尔维亚 sr-RS
斯洛文尼亚 sl-SI
瑞典语 sv-SE
泰米尔语 ta-IN
泰语 th-TH
土耳其语 tr-TR
罗马尼亚语 ro-RO
俄罗斯语 ru-RU
乌克兰语 uk-UA
越南语 vi-VN
简体中文 zh-CN
繁体中文 zh-TW

当然,我们并不精通所有的语言,如果你发现翻译有误,请提交 PR 帮助我们改进。

快速上手 本地化
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.