画像回転機能を追加

画像を回転できる機能を追加しました


■きっかけ

画像を拡大・縮小・移動できる機能がありますが、スマホの向きによっては図が横向きで見づらいことがあります。

そこで、画像を指一本のタップで回転できる機能を追加しました。


■できるようになったこと

画像を表示した画面に「回転」ボタンを設置しました。

ボタンを押すたびに、画像が時計回りに90度ずつ回転します。

4回押すと元の向きに戻ります。スマホを傾けなくても、画面はそのままで図だけを見やすい向きに変えられます。


■こだわったポイント

別の問題に移動したり、違う画像に切り替えたりすると、回転は自動的に元の向き(正立)にリセットされます。

前の画像で回転させたまま次の画像に進んで「あれ、なんで斜めなんだろう」と混乱することがないようにしました。

拡大・縮小(ピンチズーム)機能ともきちんと両立するようにしています。

回転させてから拡大しても、操作に違和感がないよう調整しました。