5.13 给图像添加本地化功能根据不同的语言环境显示不同的图片

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

29. 点击窗口中的[替换]按钮，确认图片的粘贴。

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

image

image

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

image

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

image

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

image

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

image

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

image

47. 由于应用程序的语言发生了变化，所以此时的图像视图，显示了一张中文版的图片素材。最后点击左上角的[停止]按钮，关闭模拟器并结束本节课程。

image

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

apps8 2.png