为您的应用添加Login with Amazon按钮
为您的应用添加Login with Amazon按钮
Login with Amazon提供了多个可供使用的标准按钮,以提示用户通过应用进行登录。本节将介绍Login with Amazon官方图像的下载步骤,以及如何将其与iOS UIButton
配对。
- 为您的应用添加标准
UIButton
。
有关如何为应用添加按钮的教程,请前往developer.apple.com页面,参阅和。 - 将按钮的Touch Up Inside事件添加到名为
onLoginButtonClicked
的方法中。现将实现留空。添加按钮事件的步骤详见developer.apple.com页面上的创建和配置查看对象和教程。 - 选择按钮图像。
请参阅我们的Login with Amazon按钮风格指南,查看您可以在应用中使用的按钮列表。您可以从中下载LWA_for_iOS.zip
文件副本。从文件夹中的1x
和2x
目录下选择并提取您的首选按钮。如果您希望将按钮显示为选定状态,请提取_Pressed
版本的按钮。 - 将图像复制到您的项目。
- 在Xcode中,单击主菜单中的File(文件),然后选择Add Files to “project”(将文件添加到“项目”)。
- 在对话框中,选择您已下载的按钮图像文件,然后单击Add(添加)。
- 按钮现应位于项目目录下的项目中。将按钮移动到
Supporting Files
文件夹中。
- 为您的按钮添加图像。
要启用按钮图像,您可以修改按钮属性或使用UIButton
对象中的setImage:forState
方法。请按照以下步骤修改按钮的图像属性:- 打开应用的故事板。
- 单击并选择故事板中的按钮,或者在View Controller Scene(视图控制器情景)树中将其选中。
-
在Utilities(实用程序)窗口中,打开Attributes Inspector(属性查看器)。
- 在Attributes Inspector(属性查看器)顶部,为System(系统)设置按钮Type(类型)。
- 在第二组设置中,在State Config(状态配置)选择Default(默认)。
- 在第二组设置中,打开Image(图像)设置下拉菜单。
- 选择已添加到项目中的Login with Amazon按钮图形。请勿选择
2x
版本:系统会自动将其加载至高密度显示(Retina)设备。 - 为Background(背景)设置相同的图像。
- 如果您想指定压缩版本的按钮,请在State Config(状态配置)中选择“Selected(已选中)”,然后将Image(图像)设置为
_Pressed
版本的按钮。 - 在故事板中,视情况调整按钮大小以适应图像。