画像を回転できる機能を追加しました
■きっかけ
画像を拡大・縮小・移動できる機能がありますが、スマホの向きによっては図が横向きで見づらいことがあります。
そこで、画像を指一本のタップで回転できる機能を追加しました。
■できるようになったこと
画像を表示した画面に「回転」ボタンを設置しました。
ボタンを押すたびに、画像が時計回りに90度ずつ回転します。
4回押すと元の向きに戻ります。スマホを傾けなくても、画面はそのままで図だけを見やすい向きに変えられます。
■こだわったポイント
別の問題に移動したり、違う画像に切り替えたりすると、回転は自動的に元の向き(正立)にリセットされます。
前の画像で回転させたまま次の画像に進んで「あれ、なんで斜めなんだろう」と混乱することがないようにしました。
拡大・縮小(ピンチズーム)機能ともきちんと両立するようにしています。
回転させてから拡大しても、操作に違和感がないよう調整しました。