StyleLookup による Metropolis UI コントロールのサポート(FireMonkey)
Metropolis UI アプリケーションの開発 への移動
FireMonkey でサポートされている Metropolis UI スタイルには、コントロールの基本スタイル(たとえば TButton の cancelbutton など)のほかに、Metropolis UI アプリケーション固有のスタイル(たとえば Metropolis UI Dark など)も含まれています。 このトピックでは、コントロールの StyleLookup プロパティを使用して、使用可能な設定済みデザインからコントロールのスタイルを選択する方法について説明します。
目次
コントロールのスタイルを特定の Metropolis UI スタイルに変更するには:
- ツール パレット から、Metropolis UI スタイルをサポートしている FireMonkey コントロール(TButton、TLabel、TPanel)を追加します。
- オブジェクト インスペクタ で、コントロールを選択し、StyleLookUp プロパティの下向き矢印をクリックします。
- [オブジェクト インスペクタ]で、[StyleLookup]プロパティに関連付けられているドロップダウン リストから任意の値を選択します。 このリストには、各項目のプレビュー画像が含まれています。 コントロールの具体的なスタイルでは、そのコントロールの固定サイズ、フォント、動作を定義できます。
たとえば、以下のスクリーンショットでは、Metropolis UI スタイルの TButton に適用可能な多数の StyleLookup 選択肢(スタイルを設定されたボタンとアイコン)のほんの一部を示しています。
Metropolis UI FireMonkey スタイルの StyleLookup 選択肢
特定の FireMonkey コントロールに適用可能な、Metropolis UI StyleLookup のさまざまな選択肢を以下の表にまとめます。
FireMonkey コントロールと StyleLookup 選択肢の説明 | 関連付けられている StyleLookup 値 |
---|---|
Metropolis UI スタイルのツールバー アイコンを持つボタンの集合です。 これらのボタンのサイズは固定です。 一部のボタンには、(名前で示されるとおり)テキストやラベルがないバージョンと、テキストやラベルがあるバージョンの 2 つがあります。 |
addbutton、addbuttontext、applybutton、applybuttontext、backbutton、backbuttontext、buttonstyle、buttonstylelabel、cancelbutton、cancelbuttontext、cleareditbutton、closebutton、closebuttontext、colorbuttonstyle、contactsbutton、contactsbuttontext、cornerbuttonstyle、documentbutton、documentbuttontext、editbutton、editbuttontext、ellipseseditbutton、flipviewbottombutton、flipviewleftbutton、flipviewrightbutton、flipviewtopbutton、flyoutbutton、flyoutbuttonlabel、forwardbutton、gearbutton、gearbuttontext、helpbutton、helpbuttontext、homebutton、homebuttontext、mutebutton、mutebuttontext、nextbutton、nextbuttontext、numberbutton、numberbuttonlabel、passwordeditbutton、pausebutton、pausebuttontext、photobutton、playbutton、playbuttontext、priorbutton、priorbuttontext、pushbutton、radiobuttonstyle、refreshbutton、refreshbuttontext、removebutton、removebuttontext、retrybutton、retrybuttontext、roundbutton、roundbuttonlabel、savebutton、savebuttontext、searchbutton、searchbuttontext、searcheditbutton、speedbuttonstyle、speedbuttonstylelabel、spinleftbutton、spinrightbutton、tilebutton、tilebuttondescriptionlabel、tilebuttonfixed、tilebuttonlabel、tilebuttonnamelabel、toolsbutton、transaprentcirclebuttonstyle、trashbutton、trashbuttonlabel、videobutton、videobuttontext、volumebutton、volumebuttontext |
Metropolis UI スタイルのラベルの集合です。 一部のラベルには、(名前で示されるとおり)テキストやラベルがないバージョンと、テキストやラベルがあるバージョンの 2 つがあります。 |
buttonstylelabel、calendarlabelstyle、commandbuttonlabel、flipviewtitlelabel、flyoutbuttonlabel、flyoutlabel、flyouttitlelabel、labelstyle、numberbuttonlabel、pageheaderlabel、pagesubheaderlabel、roundbuttonlabel、speedbuttonstylelabel、tilebuttondescriptionlabel、tilebuttonlabel、tilebuttonnamelabel、tilebuttontitlelabel、toolbarlabel、tooltiplabel |
calloutpanelstyle、checkedpanel、flipviewpanel、flyoutpanel、grouppanel、panelstyle、tooltippanel | |
|
speedbuttonstyle、speedbuttonstylelabel |
例
- TLabel の StyleLookup プロパティの commandbuttonlabel 値は状態変化が可能です。 実装するには:
- TLabel コントロールを TButton コントロール内に移動します。
- 以下のプロパティを設定します。
- TLabel.StyleLookup="commandbuttonlabel"
- TLabel.HitTest = False
- TLabel.Locked = True
- 結果的に、ボタン内のテキスト オブジェクト(TLabel コントロール)の数には限りがありません。
- 上記と同じ手順を "tilebutton" や "tilebuttonfixed" などのラベル スタイルにも使用します(TButton)。
- フリップ ボタン: "フリップビュー" は、一連の項目を 1 つずつパラパラめくることができるスクロール可能な Windows 8 コントロールです。 "flipview" スタイルの TButton コントロールのスクロール ボタンには、次のものが含まれます:
flipviewleftbutton |
flipviewrightbutton |
||
flipviewtopbutton |
flipviewbottombutton |
- これらのフリップ ボタンは通常、フォームの端に配置されるもので、実行時におけるフリップビューのページめくりのメカニズムを提供します。 ボタンをクリックすると、次の項目が表示されるはずです。 なお、必要であれば、Name フィールドをクリアして、ボタンにテキストを表示せずグリフのみにすることもできます。
- 実装の詳細については、本製品に付属している FlipViewDemo サンプル アプリケーションを参照してください(インストール先は以下のとおり)。
C:\Users\Public\Documents\Embarcadero\Studio\19.0\Samples\Object Pascal\FireMonkey Desktop\MetropolisUIFlipViewDemo
- タイル ボタン: 次の特殊なボタンは、Windows 8 タイルのような外見で、サイズは固定です: tilebutton, tilebuttondescriptionlabel, tilebuttonfixed, tilebuttonlabel, tilebuttonnamelabel
関連項目
- 組み込みグリフを使った Metropolis UI 編集ボタンの作成
- Metropolis UI アプリケーション バーの作成
- FireMonkey スタイルの適用
- FireMonkey スタイル デザイナ
- FireMonkey コンポーネントの作成(Delphi)
- FireMonkey コンポーネントの作成(C++)
- 既存のコンポーネントを拡張してスタイル付きの FireMonkey コンポーネントを作成する
- FireMonkey コンポーネントのコンポーネント エディタおよびプロパティ エディタを作成する
- モバイル チュートリアル:さまざまなスタイルを持つボタン コンポーネントを使用する(iOS および Android)