Hello World!

ノーマルモードで「Hello World」と書いてあるPNG画像が表示されるだけのウィジェットです。

アプリキャストウィジェットで最も重要なのはlayout.xmlとwidget.jsの2ファイルです。 layout.xmlは、全体的なレイアウトを決めるものです。 widget.jsはlayout.xmlに記述された「状態」を切り替えることで動作をさせていきます。 (widget.jsとlayout.xmlの関係に関しては別途説明を行います。)

contact.xmlとinfo.xmlは単純に必要情報を記入するだけで終わりです。 あとは、各種必要なPNGファイルを用意すれば必要最小限のウィジェットが作成できます。

layout.xml


<?xml version="1.0" encoding="UTF-8"?>
<Widget>
  <Component name="widget">
    <Bitmap name="initial-bg"/>
  <Component name="normal">
    <Bitmap name="normalBase"/>
  </Component>
  <Component name="focus" visible="0">
    </Component>
  <Component name="active" visible="0">
    </Component>
  </Component>
</Widget>

widget.js


var nodeNormal     = getNode("normal");
var nodeBaseNormal = getChildNode(nodeNormal, "normalBase");

function onLoad() {
    loadImage(nodeBaseNormal, "./parts/normal.png");
}

function onUpKey() {
}

function onDownKey() {
}

function onRightKey() {
}

function onLeftKey() {
}

function onConfirmKey(type) {
}

function onFocus() {
}

function onUnfocus() {
}

function onActivate() {
}

contact.xml


<?xml version="1.0" encoding="UTF-8"?>
<ContactInfo>
  <provider>Akimichi</provider>
  <contact>TEL: 0X-1234-5678</contact>
  <url>http://127.0.0.1/</url>
  <detail>hoge hoge</detail>
</ContactInfo>

info.xml


<?xml version="1.0" encoding="UTF-8"?>
<Info>
  <name>Hello World !!!</name>
  <preference>0</preference>
  <height>165</height>
  <width>280</width>
  <profile>
    <spec>AC1.0</spec>
  </profile>
</Info>

動作例



サンプルダウンロード

ウィジェットバンドル : HelloWorld.zip

YouTubeチャンネルやってます!