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": "戻る"
}
}