はい/いいえ/キャンセル-別の外観

最近、私が働いている会社で、彼らはタッチスクリーン用の「シャープ」なインターフェースを持つソフトウェアを開発しました。 UIをゼロから作成したため、既存のアプローチ、コードベース、およびユーザーの「習慣」にとらわれずに、想像力を自由に操ることができました。 論理的には、プログラムには「はい/いいえ/キャンセル」シリーズの標準設定ウィンドウが必要でしたが、タスクのために、美しく便利で理解しやすいものにしたかったのです。



まず、設定が適用またはキャンセルされるため、すぐに[はい] / [OK]シリーズのウィンドウを放棄しました。3番目のオプションはありません。 2つのボタンが残っているので、画面のさまざまな角度でそれらを配布することが可能になり、概念的に携帯電話のソフトキーに近づけることができます。 その後、それらをウィンドウの端に密接に押し付けることが可能になり、指で叩きやすくなりました。

第二に、彼らはウィンドウをまったく作成せず、プログラム自体だけでなく設定画面をフルスクリーンで表示することにしました。 これにより、最大の画面領域は有用な情報とコントロール用に予約されています。

第三に、人が自分のいる場所を忘れないように、フレーム間の遷移の効果が作成されました。



メインウィンドウ:メニュー。




メインフレームは設定に「道を譲る」ため、左にシフトします。

設定を表示-左シフト




「キャンセル」ボタンは、元の場所に戻るかのように、画面を反対方向に移動します。



逆に、「適用」ボタンは画面をさらに左に移動します。 同時に、同じフレームが表示されますが、新しいデータがあります。

設定を保存する


設定を確認-さらに左




ボタン自体は画面の端にあり、その後ろに次のフレームがあります。



デザインプロジェクト、グラフィックス、小さなxaml - fo2rist 、コーディング、および多くのxaml-Eugene "enemy" Kovalenok。



PS機会があれば、私はリリースのためのビデオを投稿し、他の興味深いソリューションについて話します。



All Articles