as

Settings
Sign out
Notifications
Alexa
亚马逊应用商店
AWS
文档
Support
Contact Us
My Cases

为您的应用添加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. 在故事板中,视情况调整按钮大小以适应图像。