美文网首页iOS开发中的神兵利器
5.12 通过LocalizableIB扩展故事板中的元件增加本

5.12 通过LocalizableIB扩展故事板中的元件增加本

作者: 互动教程网 | 来源:发表于2018-04-12 09:05 被阅读6次

    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. 在此输入字符串文件中的键。

    image

    40. 按下键盘上的回车键,完成内容的输入。

    image

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

    image

    42. 模拟器启动之后,在屏幕上显示了一个标签对象。由于模拟器当前处于英文环境,所以此处显示的是英文内容。

    image

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

    image

    image

    image

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

    image

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

    image

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

    image

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

    image

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

    image

    51. 由于应用程序的语言发生变化,所以标签控件的内容,自动更改为简体中文的内容。最后点击此处的[停止]按钮,关闭模拟器并结束本节课程。

    image

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

    apps8 2.png

    相关文章

      网友评论

        本文标题:5.12 通过LocalizableIB扩展故事板中的元件增加本

        本文链接:https://www.haomeiwen.com/subject/euatkftx.html