全て展開
すべて折りたたむデフォルトでは、C1DropDown コントロールのドロップダウンボックスは、ユーザーが実行時にドロップダウン矢印をクリックした場合にのみ開きます。このトピックでは、ユーザーが実行時にコントロールの上にマウスポインタを置くとドロップダウンボックスが開くように設定します。このトピックでは、アプリケーションにコンテンツを含む C1DropDown コントロールが既に追加されていることを前提としています。
次の手順を実行します。
- C1DropDown コントロールをクリックして選択します。
- ［プロパティ］ウィンドウに移動し、Events 稲妻ボタンをクリックして、コントロールに関連付けられているイベントを表示します。
- IsMouseOverChanged 項目の横にあるボックスをダブルクリックし、コードビューに切り替えて C1DropDown_IsMouseOverChanged イベントハンドラを作成します。
- コードビューで、次の import 文をページの先頭に追加します。
C# コードの書き方
C# コードのコピーusing C1.Xaml; -
C1DropDown_IsMouseOver イベントハンドラにコードを追加します。次のようになります。
C# コードの書き方
C# コードのコピーprivate void C1DropDown_IsMouseOverChanged(object sender, PropertyChangedEventArgs<bool> e)
{
if (c1dropdown1.IsMouseOver == true)
{
c1dropdown1.IsDropDownOpen = true;
}
else
{
c1dropdown1.IsDropDownOpen = false;
}
}
ここまでの成果
このトピックでは、IsDropDownOpen プロパティを使用して、ユーザーが実行時にコントロールの上にマウスポインタを置くとドロップダウンボックスが開くコードを追加しました。アプリケーションを実行し、コントロールの上にマウスポインタを置きます。ドロップダウンボックスが開くことを確認します。マウスポインタをコントロールから移動すると、ドロップダウンボックスが閉じることを確認します。
関連トピック