プロジェクト管理ガジェット(プロトタイプ)
このデモアプリの『HelloWorld』をベースに文字を変えただけの状態です。
図の準備に1時間程度かかりましたがガジェット作成時間は10分ほどでした。
フォントは手書き感を出したかったので手書き風フォントを使ってみたりしましたが、Designerでは手書きフォントが表示されますがガジェットで起動すると標準フォントに置き換わってしまうようであきらめました。
ちょっとインパクト弱いですねー。
面白みにかけますねー。
期限を『残り1時間』とか『あと3日』あおる感じにした方がよいかなー。
あまりプレッシャーを与えるのも良くないですけどね。もうちょっと考えた方がよいですね。
とりあえず折角なので試しにやってみると・・・
目的からするとこちらの方が良いかも知れません。
ただ、これだと期限の近いもしか気にしないという状況にもなりかねないので注意は必要ですね。
とりあえずこれでいってみようかな。
それほど悪くないかな^^;
ソースXMLは次のようになっています。
main.xml
----------------------
<view height="150" width="250">
<img x="0" y="2" src="background-PostIt.png"/>
<label enabled="true" height="48" width="201" x="22" y="44" onclick="onTextClick();"
color="#FF0000" size="22" trimming="character" valign="middle"
wordwrap="true">あと3日!
</label>
<label height="23" name="label1" width="137" x="22" y="99" size="12"
valign="bottom">○○プロジェクト
</label>
<label height="16" name="label2" width="63" x="158" y="106" align="right"
>7月31日
</label>
<label height="23" name="label3" width="160" x="13" y="19" size="12"
trimming="character" underline="true" wordwrap="true">△△機能設計-あいうえおかきくけこさしすせそ
</label>
<img height="20" name="img1" width="20" x="220" y="120" src="Arrow-Right.png"
/>
<img height="20" name="img2" width="20" x="10" y="121" src="Arrow-leftt.png"
/>
<label height="16" name="label4" width="40" x="175" y="20" align="right"
>山崎
</label>
<script src="main.js" />
</view>
--------------------------
今回デザイナーを使って出来上がったソースはこれだけです。
実際の挙動などはイベント処理側なのでjs側になりますが今回は何も手を加えていません。
今後実装する機能(予定は未定)
・3秒経過で横スクロール(アニメーション?)して次のタスク
・期限をチェックして期限ぎりぎりのときは赤付箋
・画面下の左右矢印で進み、戻り機能の実施
・XML取得機能(10分に一回程度、設定ダイアログ?)
・クリックしてWebへジャンプ
・ユーザー名、パスワード、XMLのURLの設定ダイアログ
それにしてもビューがこれほど簡単に出来るのはホント良いですねー![]()
続きは気分と時間しだいということで![]()
お楽しみにー![]()


