Header
（これはAlexaHeaderの最新バージョンではありません。AlexaHeaderの最新バージョンの資料を参照するには、その他のバージョンオプションをクリックしてください）
Headerレスポンシブ対応コンポーネント（AlexaHeader）は、タイトル、サブタイトル、戻るボタンなどの一般的なヘッダー情報を表示します。
AlexaHeaderは、さまざまなサイズと形状のデバイスに合わせて自動的に表示されます。このレイアウトを使用すると、レスポンシブ対応のAPLドキュメントを簡単に作成できます。
alexa-layoutsパッケージを読み込む
AlexaHeaderを使用するには、alexa-layoutsパッケージを読み込みます。
alexa-layoutsパッケージの最新バージョンは1.1.0です。AlexaHeaderはバージョン1.0.0で導入されました。
このページの上部にあるその他のバージョンオプションをクリックすると、別のバージョンのAlexaHeaderドキュメントが表示されます。各パラメーターが追加されたalexa-layoutsのバージョンを、パラメーターの表に示します。
AlexaHeaderパラメーター
type以外のパラメーターはすべてオプションです。
| 名前 | 型 | デフォルト | 説明 | 追加されたバージョン |
|---|---|---|---|---|
|
|
文字列 |
なし |
アトリビューションの画像ソースのURLです。 |
1.0.0 |
|
|
ブール値 |
true |
画面サイズにより1つの要素しか表示できないデバイスでは、アトリビューションが優先されます。 |
1.0.0 |
|
|
文字列 |
なし |
Headerで表示するアトリビューションのテキストです。 |
1.0.0 |
|
|
ブール値 |
|
戻るボタンの表示を切り替えます。デフォルトは |
1.0.0 |
|
|
文字列 |
|
Headerの背景色として使用するオプションの色の値です。デフォルトは |
1.0.0 |
|
|
文字列 |
なし |
ボタンが押されたとき、またはクリックされたときにSendEventコマンドで渡す引数です。 |
1.0.0 |
|
|
文字列 |
なし |
Headerで表示する第2テキストです。 |
1.0.0 |
|
|
文字列 |
なし |
Headerで表示する第1テキストです。 |
1.0.0 |
|
|
文字列 |
なし |
常に |
1.0.0 |
headerAttributionTextパラメーターとheaderAttributionImageパラメーターの両方が指定されている場合、headerAttributionImageが使用されます。AlexaHeaderの例
"mainTemplate": {
"item": {
"type": "AlexaHeader",
"headerTitle": "Header Title",
"headerSubtitle": "Header Subtitle",
"headerAttributionImage": "http://Header Attribution Image",
"headerBackgroundColor": "red",
"headerBackButton": true,
"headerNavigationAction": "戻る"
}
}
