ドロップダウンボタン

DropDownButtonコントロールには、ユーザーがクリックできるボタンが表示されます。これには、開いている状態と閉じている状態の2つの状態があります。DropDownButtonコントロールには、現在の状態が矢印で表示されます。開いた状態のときは矢印が上を向き、閉じた状態のときは下向きの矢印です。DropDownButtonコントロールは、ユーザーがボタンをクリックするたびに、これら2つの状態を切り替えます。

DropDownButtonコントロールは、Contentというプレースホルダーを追加します。このプレースホルダーが開いている状態にあるときにこのプレースホルダーに配置したすべてのコントロールが表示されます。このプレースホルダーには、任意のSPEAKコンポーネントを追加できます。

ButtonTypeプロパティをPrimaryに設定すると、SPEAKによって視覚的に目立ちます。ボタンのサイズをnormalまたはlargeに設定するには、Dimensionsプロパティを使用します。

ユーザーがページの主な目的を実行するためにクリックするボタンのタイプとしてPrimaryを指定し、他のボタンのDefaultを指定する必要があります。 ButtonTypeプロパティをInverseに設定することもできます。 Inverseボタンタイプは、デフォルトボタンタイプと同じ色を使用しますが、テキストと背景色を入れ替えます。

ボタンには、テキストだけでなくアイコンも表示でき、両方を同時に表示できます。

アイコンは、ImageUrlプロパティを使用して指定します。ここでは、コンテンツ ツリー内のアイテムのアイコンを選択するときと同じアイコンを使用できます。ボタン コントロールは、スプライト シートから選択された "スプライト" としてアイコンを定義することもサポートしています。 ImageUrlプロパティはスプライト シートのURLを格納し、BackgroundPositionプロパティは目的のスプライト (アイコン/画像) の座標を格納します。

アイコンとテキストの両方を使用する場合、SPEAKはアイコンをテキストの左側に配置します。この位置は変更できません。