为您的应用添加Login with Amazon按钮


为您的应用添加Login with Amazon按钮

Login with Amazon提供了多个可供使用的标准按钮,以提示用户通过应用进行登录。本节将介绍Login with Amazon官方图像的下载步骤,以及如何将其与iOS UIButton配对。

  1. 为您的应用添加标准UIButton
    有关如何为应用添加按钮的教程,请前往developer.apple.com页面,参阅
  2. 将按钮的Touch Up Inside事件添加到名为onLoginButtonClicked的方法中。现将实现留空。添加按钮事件的步骤详见developer.apple.com页面上的创建和配置查看对象教程。
  3. 选择按钮图像。
    请参阅我们的Login with Amazon按钮风格指南,查看您可以在应用中使用的按钮列表。您可以从中下载LWA_for_iOS.zip文件副本。从文件夹中的1x2x目录下选择并提取您的首选按钮。如果您希望将按钮显示为选定状态,请提取_Pressed版本的按钮。
  4. 将图像复制到您的项目。
    1. 在Xcode中,单击主菜单中的File(文件),然后选择Add Files to “project”(将文件添加到“项目”)
    2. 在对话框中,选择您已下载的按钮图像文件,然后单击Add(添加)
    3. 按钮现应位于项目目录下的项目中。将按钮移动到Supporting Files文件夹中。
  5. 为您的按钮添加图像。
    要启用按钮图像,您可以修改按钮属性或使用UIButton对象中的setImage:forState方法。请按照以下步骤修改按钮的图像属性:
    1. 打开应用的故事板。
    2. 单击并选择故事板中的按钮,或者在View Controller Scene(视图控制器情景)树中将其选中。
    3. Utilities(实用程序)窗口中,打开Attributes Inspector(属性查看器)

      Xcode按钮属性
    4. Attributes Inspector(属性查看器)顶部,为System(系统)设置按钮Type(类型)
    5. 在第二组设置中,在State Config(状态配置)选择Default(默认)。
    6. 在第二组设置中,打开Image(图像)设置下拉菜单。
    7. 选择已添加到项目中的Login with Amazon按钮图形。请勿选择2x版本:系统会自动将其加载至高密度显示(Retina)设备。
    8. Background(背景)设置相同的图像。
    9. 如果您想指定压缩版本的按钮,请在State Config(状态配置)中选择“Selected(已选中)”,然后将Image(图像)设置为_Pressed版本的按钮。
    10. 在故事板中,视情况调整按钮大小以适应图像。