ButtonBase.ClickMode プロパティ

定義

デバイスの動作に関して Click イベントが発生するタイミングを示す値を取得または設定します。

public:
 property ClickMode ClickMode { ClickMode get(); void set(ClickMode value); };
ClickMode ClickMode();

void ClickMode(ClickMode value);
public ClickMode ClickMode { get; set; }
var clickMode = buttonBase.clickMode;
buttonBase.clickMode = clickMode;
Public Property ClickMode As ClickMode
<button ClickMode="clickModeMemberName"/>

プロパティ値

Click イベントが発生するタイミングを示す 列挙体の値。

次の例では、ClickMode プロパティ値に基づいて 3 つの異なる方法でクリックに応答する 3 つのボタンを示します。

  • ホバー - マウス ポインターが最初のボタンの上に置くと、ボタンの前景色が変わります。
  • [押す] - 2 つ目のボタンの上でマウスの左ボタンを押すと、ボタンの前景色が変わります。
  • リリース - 3 つ目のボタンの上でマウス ボタンを押して離すと、他の 2 つのボタンの前景色が元の色にリセットされます。
<StackPanel x:Name="LayoutRoot" Margin="10">
  <Button x:Name="btn1" Content="Hover to Click"
          Click="OnClick1" ClickMode="Hover"
          Margin="5" Width="150"
          HorizontalAlignment="Left"
          Foreground="Green"/>
  <TextBlock x:Name="text1" Margin="5,8,0,0" />
  
  <Button x:Name="btn2" Content="Press to Click"
          Click="OnClick2" ClickMode="Press"
          Margin="5,5,5,5" Width="150" 
          HorizontalAlignment="Left" 
          Foreground="Blue"/>
  <TextBlock x:Name="text2" Margin="5,8,0,0" />
  
  <Button x:Name="btn3" Content="Reset"
          Click="OnClick3" ClickMode="Release"
          Margin="5,5,5,5" Width="150"
          HorizontalAlignment="Left"/>
  <TextBlock x:Name="text3" Margin="5,8,0,0" />
</StackPanel>
void OnClick1(object sender, RoutedEventArgs e)
{
    btn1.Foreground = new SolidColorBrush(Windows.UI.Colors.Blue);
    text1.Text = "Click event occurs on Hover.";
    text2.Text = "";
    text3.Text = "";
}

void OnClick2(object sender, RoutedEventArgs e)
{
    btn2.Foreground = new SolidColorBrush(Windows.UI.Colors.Green);
    text1.Text = "";
    text2.Text = "Click event occurs on Press.";
    text3.Text = "";
}

void OnClick3(object sender, RoutedEventArgs e)
{
    btn1.Foreground = new SolidColorBrush(Windows.UI.Colors.Green);
    btn2.Foreground = new SolidColorBrush(Windows.UI.Colors.Blue);
    text1.Text = "";
    text2.Text = "";
    text3.Text = "Click event occurs on Release.";
}

適用対象

こちらもご覧ください