TVMLのformTemplate

2064 ワード
appleTV TVML JavaScript tvOS JavaScript テキストリンク

はじめに

今日から何回かに渡り、TVMLのテンプレートを紹介していきます。

初回は、formTemplateです。
メールアドレスなどをユーザーに入力させることを目的としているようです。
https://developer.apple.com/library/prerelease/tvos/documentation/LanguagesUtilities/Conceptual/ATV_Template_Guide/FormTemplate.html#//apple_ref/doc/uid/TP40015064-CH29-SW1

やること

  1. タイトル用画像追加(title.pngという名前でPJフォルダに追加しました)
  2. XMLにformTemplateタグを追加
formTemplate
var firstXMLString =
`<?xml version="1.0" encoding="UTF-8" ?>
<document>
<formTemplate>
<banner>
// タイトル画像
<img src="http://localhost:8000/title.png" width="800" height="400"/>
// 説明文言
<description>Enter Password</description>
</banner>
// textFieldの初期文言
<textField>hirakegoma</textField>
<footer>
<button>
<text>Submit</text>
</button>
</footer>
</formTemplate>
</document>`

実装結果

ソフトウェアキーボードは勝手に表示されます。
シミュレータのリモコンだとめちゃくちゃ押しづらいのが不安です。

ソース全文はgithubを参考にしてください
https://github.com/senseiswift/appleTVtutorial/commit/b6b716f7205ccdf7043a3c01a793d1fbeb1bba1c