このページは Cloud Translation API によって翻訳されました。

タブ

タブは常にグループで表示され、互いの状態に依存するボタンです。つまり、一度にアクティブにできるのは 1 つのタブだけです。

ボタンコンポーネント

タブ以外のボタンは他のボタンとは独立して操作できます。

解剖学

仕様

アプリバーにネストされたタブ – 左揃え

アプリバーとヘッダーコンポーネント

仕様、スタイル ガイドラインなど。

アプリバーにネストされたタブ – 柔軟な配置

アプリバーで折りたたまれたタブ - ドロワーメニュー

アプリバーとヘッダーコンポーネント

仕様、スタイル ガイドラインなど。

スタンドアロンタブバー – 左揃え

スタンドアロンのタブバー – 柔軟な配置

タブラベルの文字列オーバーフロー

レイアウトのスケーリング

これらのリファレンスレイアウトは、様々な幅と高さの画面に合わせてタブを調整する方法を示しています。すべてのピクセル値は、ダウンサンプリングやアップサンプリングが行われる前のレンダリングされたピクセル値であることに注意してください。

低身長ブラケットの標準スクリーンとワイドスクリーン

標準高さブラケットの標準スクリーンとワイドスクリーン

高身長ブラケットの標準スクリーンとワイドスクリーン

あらゆる高さの超ワイドおよびスーパーワイドスクリーン

スタイル

タイポグラフィ

色

サイズ

例