カテゴリ: 日記&検討&悩ましいことだらけ


タスク管理やカレンダー機能で、タスクを追加する時のダイアログを改善しました。

色を変更するボタンを、ラジオボタンから丸の形のアイコンにして、下に付いているボタンの縦幅を小さくしました。



■タスクの追加のダイアログ(変更後)


Screenshot_20191014-232348



タスクの追加のダイアログ(変更前)

Screenshot_20191012-203820



カラーの選択部分がラジオボタンから、丸い色の付いたアイコンに変って、その他の更新ボタンの縦幅が小さくなってコンパクトになっています。


ボタンの文字も微妙に大きくなっています。

ちなみに、タスクのテキストの文字の大きさはメモ帳と同期しています。
メモ帳の文字の大きさを変えると、タスクの文字の大きさも変ります。



(考えたこと)
最初はラジオボタンで色を選択しても、タスク追加のダイアログの色が変らなかったので、今設定している色がわかるように、ラジオボタンにしていました。

それから、ちょっと前にラジオボタンで色を選択すると、タスク追加のダイアログの色が変るようになったので、ラジオボタンじゃなくても、今設定している色がわかるようになりました。

なので、ちょっとそれっぽい丸い形のアイコンにかえました。


実は他にもアイコンに、ワンポイントの色をつけてみたりしたのですが・・・、センスの悪さが光るだけでした・・・。



センスッテナンダロウカー(ヽ´ω`)




タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

無料posted withアプリーチ



タブのメモ帳「Tab Notepad」のタブの色を変更しました。

今までは、メモ帳の選択したタブの色が濃く表示されていましたが、選択したタブの色が薄くなるように変更しました。


■タブの色の変更

Screenshot_20191012-203813



その他、タスクの色を選択するラジオボタンの色も、付箋紙の色に合わせてパステル調に変更しました。


■タスクのラジオボタンの色を変更

Screenshot_20191012-203820



その他、新規でインストールをすると、「使い方1~4」のテキストが表示されていたのですが、インストールしてすぐメモ機能を使いたい人が多いのではと思い、「使い方1~4」にくわえて、白紙の「新規メモ」が表示されるようにしました。


こまかな所では、メモ帳の横線が入力した行だけではなく、表示領域全体に表示されるようにしたりと、微妙な調整をしています。



(考えたこと)

タブの色は、どんなツールを見ても選択したタブが明るい色で、選択していないタブが反転した色になっているので、こりゃイカンと思い変えました。

変えている途中で、タスクのダイアログのラジオボタンの色も(連動しているので)勝手に色が変っていて、「なんだかパステルカラーっぽくてカワイイ!」と思い、そのままにしました。

他にも変えた気がするのですが・・・。


カワイイハツクレルノヨー(ヽ´ω`)





タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

無料posted withアプリーチ



タブのメモ帳「Tab Notepad」の、タスクの追加のダイアログで、色を変更するとリアルタイムで色が切り替わるようになりました。


今までは、タスクを保存しないと色が変らなかったのですが、色を確認しながらタスクの追加・変更ができます。


■タスクの追加ダイアログの画面

Screenshot_20191005-221918



Screenshot_20191005-221924



Screenshot_20191005-221929


タスクの追加のダイアログの真ん中あたりに出ている、6色の色のラジオボタンをポチポチ押していくと、ラジオボタンを押したタイミングで、色が切り変わります。




その他にも、カレンダーの一覧表示で月の切り替わりのところで、微妙にスペースが空くようにしました。


■カレンダーの一覧表示の画面

Screenshot_20191005-222042


カレンダーの一覧表示の「9/30」と「10/01」の間に微妙なスペースが空いています。



(考えたことなど)

・他のタスクの追加などができるアプリでは、リアルタイムでタスクの色が変るので、それにならいました。(意外と面倒で対応できていませんでした)

他にも、タスクの追加のボタンの角が、前よりもちょっと丸くなったりしています。可愛くなって良かった良かったと思っていたのですが・・・、ちょっとボタンがデカイ気がしてきました・・・。うん、これはデカイ・・・。
あとボタンが4つも付いているのも、ちょっとややこしくて問題がある気がしてきました・・・。

変更している時は、作るので必死でとりあえず、変えたり動かしたりという事に意識がいってしまい、なかなか細かなところや表示のバランスなんかに意識が向かないからでしょうかね。。


木を切っているときに、森のクマさんのことなんて考えない感じでしょうか・・・。


クマサンハイイメイワクネー(ヽ´ω`)




タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

無料posted withアプリーチ



タブのメモ帳「Tab Notepad」が、スマホの縦の回転に対応しました。


スマホの上下の向きを変えると、アプリの画面も対応して回転します。
横回転には対応していません。

ただ、スマホの機種によっては上下の向きが、明確に決められているため、そのような端末ではスマホの上下を入れ替えても、画面はきりかわりません。


その他、カレンダーの表示されている高さが、画面のサイズに合わせてフィットするようになりました。


【カレンダーの画像】

Screenshot_20190928-011052



Screenshot_20190928-011059



マス目の表示のカレンダーも、一覧表示のカレンダーも画面に合わせて表示されています。



(考えたこと)
画面にピッタリ表示させることなんて、当然のことなのですができていませんでした・・・。

機能をそろえる事に力を入れていたので、手が回っていなかったのです。。

あと、固定で数値や値を設定していると、端末の機種ごとに微妙に値が違っているので、表示がめちゃくちゃになってしまうのです。。
なので、アプリのなかで色々な要素の大きさを取得して、設定するようにしました。

こんな感じになっているところがチラホラあり、まだ微調整が必要な感じです・・・。


当たり前のことですが、裏でウニャウニャ動いている感じです。。


ビチョウセイナノネー(ヽ´ω`)




タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

無料posted withアプリーチ



カレンダーのタスクの表示位置を微調整しました。

タスクがある日付に表示されている、タスクが表示位置の中央に表示されるようになりました。


(変更後)

Screenshot_20190925-223442



(変更前)

Screenshot_20190925-224043



わかりにくいのですが、変更前では表示位置の上にピッタリくっ付いているタスクの内容が、変更後だと、少しだけ余白部分があるようになっています。




その他、文字コードの対応を改善しました。

(改善内容)

Screenshot_20190925-223330



わかりにくいと思うのですが、windowsで作ったテキストファイルを「Tab Notepad」のファイル置場に置いて、読み込んだ時に文字化けしにくくなりました。



(考えたこと)
「Tab Notepad」の機能として、windowsのパソコンからでも「Tab Notepad」のメモ帳で作ったファイルにアクセスできるのですが・・・。
windowsのパソコンで作ったファイルを、「Tab Notepad」のアプリで読み込んだ時に文字化けすることがありました。。


パソコンとアンドロイドのスマホで文字コードが違うので、その文字コードを判定して対応しているのですが、時々windowsのパソコンで作ったテキストファイルの文字コードが判定できていませんでした。
なので、文字コードが正しく判定できなかったファイルを、さらに別の方法で文字コードの判定をしています。


ようは、文字コードの判定ができなかったら、別の方法で文字コードを判定するようにしました。。

改善する前は、調べて一番一般的と思われる方法で、文字コードを判定していたのですが・・・。


オカシナハンシヨー(ヽ´ω`)




タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

タブのメモ帳『Tab Notepad』付箋 カレンダー アラーム

無料posted withアプリーチ


↑このページのトップヘ