画面全体

画面例

切り抜きでもモックアップでもありません。どれも、このサイトのビルド中にツールキットが描画したウィンドウです。

デモアプリケーション

メニューバー、タブ、テーマ切り替え、そして実時間の性能表示を備えた 1 つのウィンドウに、全コンポーネントが入っています。

同じウィンドウを、右から左に

ar の翻訳で方向軸を反転させたデモアプリケーション。メニューバーもタブも入力欄もスクロールバーもパフォーマンスフッターも右から読み、その中のテキストはアラビア文字として正しく結合・並べ替えされます。画面を書き直してはいません——方向はコントロールサイズと同じように設定する、継承される一つの軸です。

フォーム

ラベル、検証つきの入力欄、選択、スイッチ、アクション行。フォームガイドの実例そのものです。

レイアウトしたウィンドウ

ツールバー、コンテンツ枠の横のサイドバー、ステータス行。レイアウトガイドの実例そのものです。

すべてのサイズ段階

同じ 5 つのコントロールを 5 回、上の XSMALL から下の XLARGE まで。幅もフォントもパディングも与えていません。各行に伝えるのはコントロールサイズだけで、パディング、文字、角の丸み、タップ領域がまとめて動きます。

3D ビューポート

3 灯の下の物理ベースマテリアルを、リニアのハイダイナミックレンジターゲットに描画し、2D レイヤーとして合成しています。スクロールビューは他のウィジェットと同じようにこれを切り取ります。ドラッグで回転、スクロールでズーム。

同梱できるウィジェットとしてのテーマエディタ

パレットはデータなので、それを編集することは一つの画面になります。そしてこれは、私たちのリポジトリに住む道具ではなく、あなたのアプリケーションが組み込めるモジュールです。角の丸みのスライダーを動かせば、同じフレームのうちに窓が着替えます。画面の中のすべての入力欄、ボタン、色見本がまとめて変わります。隣の判定は、それぞれの色がのりうるすべての面に対して測られるので、コントラストの足りないパレットは目に見えて落ちます。