ログイン
ログイン

アプリに [Login with Amazon] ボタンを追加する

アプリに [Login with Amazon] ボタンを追加する

 iOS用のLWA

手順1：
iOS用のLWA SDKをインストールする
→
手順2：
サンプルアプリを実行する
→
手順3：
LWAに登録する
→
手順4：
LWAプロジェクトを作成する
→
手順5：
アプリにLWAボタンを追加する
→
手順6：
iOS用のLWA SDK APIを使用する
→
手順7：
アカウントシステムと統合する

Login with Amazonでは、アプリからのログインをユーザーに促すための標準的なボタンをいくつか用意しています。このセクションでは、Login with Amazonの公式画像をダウンロードして、iOSのUIButtonとペアリングする手順を説明します。

  1. 標準のUIButtonをアプリに追加します。
    ボタンの追加方法のチュートリアルについては、developer.apple.comのCreating and Configuring View Objects（英語のみ）とStart Developing iOS Apps Today（英語のみ）を参照してください。
  2. ボタンのTouch Up InsideイベントをonLoginButtonClickedメソッドに追加します。実装は空白にしておきます。developer.apple.comのチュートリアルのCreating and Configuring View Objects（英語のみ）とStart Developing iOS Apps Today（英語のみ）に、ボタンイベントの追加手順も記載されています。
  3. ボタンの画像を選択します。
    アプリで使用できるボタンの種類については、スタイルのガイドラインを参照してください。このガイドラインから、LWA_for_iOS.zipファイルのコピーをダウンロードできます。適切なボタンを1xと2xの両ディレクトリで探し、zipを展開します。押された状態のボタンを表示する場合は、_Pressedバージョンのボタンを展開します。
  4. プロジェクトに画像を追加します。
    1. Xcodeを起動し、読み込んだプロジェクトのメインメニューで [File] をクリックして、[Add Files to "プロジェクト名"] を選択します。
    2. ダイアログで、ダウンロードしたボタン画像ファイル（必要なものすべて）を選択し、[Add] をクリックします。
    3. プロジェクトディレクトリの該当プロジェクトにボタンが追加されます。これらのボタンをSupporting Filesフォルダに移動します。
  5. ボタンに画像を追加します。
    ボタンの画像を有効にするには、ボタンの属性を変更するか、UIButtonオブジェクトにsetImage:forStateメソッドを使用します。ボタンの画像属性を変更する手順は次のとおりです。
    1. アプリのStoryboardを開きます。
    2. Storyboardでボタンを選択するには、ボタンをクリックするか、[View Controller Scene] ツリーから選択します。

    3. [Utilities] ウィンドウで [Attributes Inspector] を開きます。

      Xcodeのボタン属性
    4. [Attribute Inspector] で、ボタンの [Type] を [System] に設定します。
    5. [State Config] を [Default] に設定します。
    6. [Image] をドロップダウンで指定します。
    7. 先ほどプロジェクトに追加した [Login with Amazon] ボタン画像を選択します。2xバージョンは選択しないでください。これは、高密度ディスプレイ（Retina）デバイスに自動的に読み込まれます。
    8. [Background] に同じ画像を指定します。
    9. 押された状態のボタンを指定する場合は、[State Config] で [Selected] を選択し、[Image] に_Pressedバージョンのボタンを設定します。
    10. 必要に応じて、画像が収まるようにStoryboardでボタンのサイズを調整してください。