Basic Library for UWP
マウスオーバー時にドロップダウンを開く
Basic Library for UWP > DropDown for UWP > タスク別ヘルプ > マウスオーバー時にドロップダウンを開く

デフォルトでは、C1DropDown コントロールのドロップダウンボックスは、ユーザーが実行時にドロップダウン矢印をクリックした場合にのみ開きます。このトピックでは、ユーザーが実行時にコントロールの上にマウスポインタを置くとドロップダウンボックスが開くように設定します。このトピックでは、アプリケーションにコンテンツを含む C1DropDown コントロールが既に追加されていることを前提としています。

次の手順を実行します。

  1. C1DropDown コントロールをクリックして選択します。
  2. プロパティ]ウィンドウに移動し、Events 稲妻ボタンをクリックして、コントロールに関連付けられているイベントを表示します。
  3. IsMouseOverChanged 項目の横にあるボックスをダブルクリックし、コードビューに切り替えて C1DropDown_IsMouseOverChanged イベントハンドラを作成します。
  4. コードビューで、次の import 文をページの先頭に追加します。

    C# コードの書き方

    C#
    コードのコピー
    using C1.Xaml;
  5. 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 プロパティを使用して、ユーザーが実行時にコントロールの上にマウスポインタを置くとドロップダウンボックスが開くコードを追加しました。アプリケーションを実行し、コントロールの上にマウスポインタを置きます。ドロップダウンボックスが開くことを確認します。マウスポインタをコントロールから移動すると、ドロップダウンボックスが閉じることを確認します。

関連トピック