Classiclll's Blog

an old boy

Widget Bundle Structure(ウィジェットの構成)

イメージ 1

サンプルフォルダ内には、Sample Code とSample Widgetがありますが、まずはSample CodeのなかのHello Worldを覗きます。

Hello World/
Icon.png
Default.png
HelloWorld.html
HelloWorld.css

上の四つのファイルが見えます。これらはWebページをエディタでごりごり書いている人にはおなじみのファイルのはずです。(わたしはGUIエディタしか使っていなかったので、まだ各ファイルの役割がちゃんとは見えてはいません)

これに加えてウィジェット情報ファイル(Info.plist)を記述し、フォルダの名前を変えて、所定のフォルダに置くと、なんとMyウィジェットになります。

画像は、フォルダの構成(右下、ファインダウィンドウ)、アイコン/フレーム画像(左上、プレビューウィンドウ)、ソースコード二種(右上、左下、テキストエディットウィンドウーHTMLのコマンドを無視するように環境設定を変更)です。

ごりごり書かれている人が見たら、すぐ動作原理とカスタマイズのやり方が想像できそうですね。