浙江省住房和城乡建设行业网站,网站设计考虑因素,地产主视觉设计网站,网站建设设计方案格式文章目录 概念介绍设置方法示例代码内容总结 我们在上一章回中介绍了Card Widget相关的内容#xff0c;本章回中将介绍国际化设置.闲话休提#xff0c;让我们一起Talk Flutter吧。 概念介绍
我们在这里说的国际化设置是指在App设置相关操作#xff0c;这样可以让不同国家的… 文章目录 概念介绍设置方法示例代码内容总结 我们在上一章回中介绍了Card Widget相关的内容本章回中将介绍国际化设置.闲话休提让我们一起Talk Flutter吧。 概念介绍
我们在这里说的国际化设置是指在App设置相关操作这样可以让不同国家的用户使用App时呈现不同的语言。总之就是通过相关的操作让App支持多个国家的语言。
设置方法
对多国语言的设置是通过MaterialApp组件完成的该组件提供了相关的属性来控制App支持的语言这些属性如下
locale属性用来控制当前App中使用的语言如果不设置默认是手机系统语言localizationsDelegates属性用来存放App支持的多国语言包如果不设置默认只有en-US一种语言包supportedLocales属性用来控制App支持的语言种类 这三个属性中常用的是最后两个属性而且如果想让App实现国际化时这两个属性必须要设置。第一个属性通常不设置也就是让App使用当前手机系统中设置的语言 不过我们可以通过它手动设置App的语言这样在程序中调试其它语言时不需要切换手机系统中的语言直接在App中调试就可以。
示例代码
return MaterialApp(//locale属性可以手动指定当前app使用的语言和地区如果不指定默认为跟随系统语言// locale: Locale(zh,CN),locale: Locale(es),localizationsDelegates: [//添加自己定义的多语言文字AppLocalizations.delegate,//添加这三个delegate后界面上的文字就会自动适配手机当前的语言//这三个库包含系统自带组件中使用的文字比如日期组件中的年月日GlobalMaterialLocalizations.delegate,GlobalWidgetsLocalizations.delegate,GlobalCupertinoLocalizations.delegate,],//添加多国语言和语言对应的地区IOS的版本在info.plist中添加supportedLocales: [Locale(en,US),Locale(zh,CN),Locale(es),],
);上面的示例代码是在MaterialApp组件中进行的我们只列出了核心代码其它代码省略了大家可以到Github上main.dart文件中查看完整的代码。我们对代码中 的相关内容做一些解释,以方便大家了解国际化相关的内容
locale属性的类型是Locale可以使用两个参数或一个参数的构造方法来创建该类的对象第一个参数表示语言的代码(languageCode)第二个参数表示语言所 在地区的代码(countryCode)比如zh有CN,HK,TW三种地区代码CN就是我们常见的简体中文另外两个地区使用的是繁体中文localizationsDelegates属性是List类型我们可以在里面添加多种语言包示例代码中的第一个语言包是我们自定义的语言包剩下的三个语言包是系统 自带的语言包通常在App中必须添加这三个语言包如果我们的App中使用了系统组件中的文字那么就会使用这三个包中的内容。如果不添加系统提供的包程序编译 时可以通过但是到运行时找不到包中的内容就会出现异常。常见的是日期和时间组件中的年月日和时分秒这些文字。使用系统提供的语言包时需要添加这些包的依赖在pubspec.yaml文件中添加以下内容 dependencies: #添加国际化相关内容,添加完后IDE会在窗口上方自动弹出flutter命令选择pub get就可以添加依赖 #或者是在终端中执行flutter命令,该依赖主要更新了Dart_Packages.xml文件中的内容 flutter_localizations: sdk: flutter自定义语言包的内容就是我们自己在App中添加的文字关于创建自定义的语言包的内容在后面章回中介绍我们可以使用代码来验证App支持的语言和地区以及App当前的语言代码如下
//获取App当前的语言设置
Locale _locale Localizations.localeOf(context);
Text(language code: ${_locale.languageCode}),
Text(country code: ${_locale.countryCode}),
//显示App支持的所有语言
Text(local all: ${_locale.toString()}),
//使用自定义语言包中的文字helloWorld
Text(test localization: ${AppLocalizations.of(context)!.helloWorld}),内容总结
上面小节的内容比较零散我们将总结一下如何给App设置国际化相关的内容以便让大家更好地理解国际化相关的内容
在yaml配置文件添加系统语言包的依赖在MaterialApp中设置App包含的语言包和支持语言在App中使用语言包中的内容,主要是自定义语言包中的内容 看官们关于国际化设置相关的内容就介绍到这里欢迎大家在评论区交流与讨论! IOS需要专门添加打开xcode,info.plis右键add row,在弹出窗口中选择Locationxxx,输入后会自动匹配。然后在该项目中再添加行选择es,ch国家语言。
