研究日誌 - 1380461699 - したらば掲示板

237：名無しさん：2014/06/12(木) 07:46:22: 【共通】付与・カットツール修正

既存のツール「付与・カットツール」をHTML化しよう
と修正テスト中です。

付与・カットツールは元々グラフィックモードで作成
しており以下のような画面です。

【元々の付与カットツールメイン画面】
https://www.dropbox.com/s/f2kjj0n9rjt07kl/Screenshot_2014-05-01-18-43-00.png

もともと、CH-AND7000用でつくったので８００×４００
の画面を意識して作成したので現在のkobo arc7で表示
するとかなり余白の多い画面になっています。

なにより、縦持ちに持ち替えても画面は横のままという
使いづらさがありました。

満員電車の中では縦持ちの方が操作しやすいのでなんとか
したいと思っていました。

まずは、HTMLモードで使用するHTMLファイルを作成。

【元のHTMLファイル】
https://www.dropbox.com/s/rsi3kr6rua1tjl7/kotei.html

作成したHTMLのレイアウトを確認するためにesファイル
エクスプローラーでファイルをタップしてプリインアプリ
のHTMLビューワーで表示

【雛形HTMLをタップした時の選択画面】
https://www.dropbox.com/s/xzh92vexf7w1cpj/Screenshot_2014-05-01-18-45-15.png

実際の表示した結果は以下です。

【HTMLビューワーでの表示横持ち状態】
https://www.dropbox.com/s/d83i89xqs2u27k5/Screenshot_2014-05-01-18-44-26.png

【HTMLビューワーでの表示縦持ち状態】
https://www.dropbox.com/s/l1gjmj78kg7lq63/Screenshot_2014-05-01-18-44-36.png

次に元のHTMLファイルをインプットにしてプログラムで
使えるように文字型変数に変換するツールを実行しました。

【HTML→文字型変数変換ツール】
https://www.dropbox.com/s/5xzfavkt7agqtzq/t-htmlhen.bas.txt

【文字型変数への変換結果】
https://www.dropbox.com/s/lacwp3m2t476t2h/htmlhen.txt

次に変換結果を元に外部関数を作成しました。

【付与・カットツールのHTML画面表示用外部関数】
https://www.dropbox.com/s/8q4htim54iotegk/t-htmlpnlk1.bas.txt

次に既存の付与・カットツールを修正してグラフィック
モードの表示部分やタップした後の判定処理をカット。

さらにHTMLモードで動くように判定処理を作り直し
ました。

【付与・カットツールの修正テストプログラム】
https://www.dropbox.com/s/gm6p8l9csamprg1/t-kotei4bk3.bas.txt

修正テストプログラムを実行した場合のHTMLモードの
画面の表示は以下です。

【BASIC!画面での表示横持ち状態】
https://www.dropbox.com/s/00a9glq3sfpa5w7/Screenshot_2014-05-01-18-46-25.png

【BASIC!画面での表示縦持ち状態】
https://www.dropbox.com/s/9d3ltne5s3xus2g/Screenshot_2014-05-01-18-46-34.png

HTMLビューワーで表示した場合と縦持ち状態での表示
が異なっていますが、BASIC!実行時に表示される画面の
方が好ましいので問題はありませんでした。

これで縦持ち画面でも操作可能になりました。

まだ、もう少しHTMLモード化したい部分があるので
引き続きテストしています。

◆◆◆最後に◆◆◆

HTMLモードは非常に使い勝手が良く、おすすめの機能
だと思います。

HTMLを文字変数化するのは、変換ツールを作成すれば
簡単にできます。

使いまわすことを考えて外部変数化すると便利です。

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT