5.13 给图像添加本地化功能根据不同的语言环境显示不同的图片 [iOS开发中的神兵利器]



1. 本节课将为您演示,如何给应用程序中的图片资源,进行本地化的设置。首先在项目文件夹上点击鼠标右键,弹出右键菜单。


2. 然后在弹出的右键菜单中,选择[往项目中导入文件]选项。


3. 在弹出的文件导入窗口中,选择需要导入的图片文件。


4. 接着点击添加按钮,往项目中导入选择的图片。


5. 点击查看刚刚导入的图片文件。


6. 当前的图片为中文,我们将为该图片添加本地化的设置。点击右上角的显示或隐藏工具面板图标,显示右侧的面板区。


7. 然后点击本地化按钮,弹出本地化设置窗口。


8. 在弹出的本地化设置窗口中,点击此处的下拉箭头,弹出语言列表。


9. 选择列表中的英语选项。


10. 接着点击本地化按钮,给图片文件添加英语环境的支持。


11. 然后选择项目的文件名称。


12. 点击此处的图标,显示左侧的项目列表。


13. 再次点击右上角的显示或隐藏工具面板图标,隐藏右侧的面板区。


14. 在项目区域选择项目名称,显示项目的信息设置面板。


15. 点击本地化设置区域下方的加号按钮,打开语言列表。


16. 选择语言列表中的[简体中文]选项,给项目添加简体中文的支持。


17. 接着在弹出的文件选择窗口中,取消对主故事板的选择。


18. 取消对另一个故事板的选择,只保留对图片文件的选择。


19. 点击完成按钮,给图片文件添加多语言的支持。


20. 点击图片文件左侧的三角箭头,显示图片文件的各个语言的版本。


21. 首先选择查看中文版本的图片文件。


22. 接着打开英文版本的图片文件。


23. 从预览可以看出,英文版本的图片,显示的仍然是中文的内容。您需要选择一张英文图片替换当前的中文图片。按下键盘上的快捷键,切换到文件夹窗口。


24. 在文件夹窗口,找到英文版的图片所在的位置,然后选择该图片。


25. 按下键盘上的快捷键,拷贝选择的文件。


26. 接着在英文版图片的上方点击鼠标右键,弹出右键菜单。


27. 选择菜单中的[在文件夹中显示]命令,跳转到该图片所在的文件夹。


28. 然后按下键盘上的快捷键,粘贴刚刚拷贝的英文版的图片文件。


29. 按下键盘上的[替换]按钮,确认图片的粘贴。


30. 观察文件夹背后的图片,此时已经被替换为英文版本。接着在左侧的项目导航区,打开视图控制器的代码文件。


31. 现在开始编写代码,创建一个图像视图,显示本地化的图片资源。


32. 首先从项目中加载进行本地化处理的图片文件。


33. 然后创建一个图像视图对象,以显示该图片资源。


34. 设置图像视图对象的显示区域。


35. 设置图像视图的图片内容。


36. 接着设置根视图的背景颜色。


37. 将图像视图添加到根视图。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。


38. 模拟器启动之后,在屏幕上显示了一个英文版的图片对象。由于模拟器当前处于英文环境,所以此处显示的是英文图片。


39. 接着来修改应用程序的语言环境,依次点击[产品 > Scheme > 编辑Scheme]命令。


40.


41.


42. 在弹出的设置窗口中,点击选项标签,进入选项设置区域。


43. 点击应用程序语言右侧的下拉箭头,弹出语言列表。


44. 选择列表中的简体中文选项。


45. 然后点击关闭按钮,结束对应用程序的语言环境的设置。


46. 接着点击左上角的[编译并运行]按钮,再次启动模拟器预览项目。




本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

0