アイディアをドラッグ&ドロップで移動できるように – 開発日記(42)

2023/07/08

アイディアの枠をマウスでドラッグして移動出来るようにする挙動に着手。

ただ、ちょうど良い領域でマウスカーソルを変化させたり、ドラッグさせたりするのはなかなか難しい。TextField上だとカーソル変化の制御がかぶるし、Windowsだけ SystemMouseCursors.grab は使えなかったり……。作り込めば出来るが。

他に、いくつかの不具合修正やリファクタリングを実施。

2023/07/09

結局、アイディアの枠でドラッグ&ドラッグ出来るように実装した。

しかしドラッグ中の表示制御(既存のレーン側)で苦労したりアイディアの移動・描画更新の際GlobalKey Duplicateが出るなど、予想以上に手こずって時間がかかってしまう。

アイディアをドラッグ&ドロップしている様子のキャプチャ(マウスカーソルが無いので分かりづらいですが…)

2023/07/11

引き続き、アイディアのドラッグ&ドロップの実装。

それとは別に、アプリ起動時(ログイン時したとき)、最後に開いていた書類を自動で開くようにした。

2023/07/12

引き続きアイディアのドラッグ&ドロップを実装。アイディア同士の隙間に挿入できるように取り組んでいる。

太い青線が仮のドロップ対象

2023/07/13

引き続き、アイディアのドラッグ&ドロップの実装。だいぶ動くようになった。

2023/07/14

引き続きアイディアのドラッグ&ドロップの実装。当初想定していたレベルになってきたが、快適に使うにはまだ色々と調整が必要だ。
しかしドラッグ&ドロップ以外にも実装したいものや直したいものがたくさんありすぎる。

いったん他の事にも目を向け、キーボード操作の挙動の改善も行った。

2023/07/15

挙動の改善。なぜか文字入力すら遅くなっていたのだが、いつの間にか文字を打つ度にキャンバス全体のsetStateが走るようになっていた事が判明。雑な挙動を修正した。

そしてこれまでアイディア用のツールバーは左側にも配置出来るようにしていたが、実際に使ってみるとやりづらい。特に移動系のアイコンは頭に入ってこない。実装面のケア・コストも考え廃止にした。

(下記は今回で廃止の左側ツールバー)


※本記事は当時の記録をもとに作成し、必要に応じて加筆・補足しています

記事の通りコツコツ作った、テキストベースの思考整理ツール「アイディア・レーン」最新版はこちら

コメント

タイトルとURLをコピーしました