web-dev-qa-db-ja.com

ボタンの上にカーソルを置いたときにカーソルを手に変える

ボタンの上にカーソルを置くと、カーソルが手に変わります。たとえば、次のボタンがあります。

<Button Content="" HorizontalAlignment="Left" Margin="229,128,0,0" VerticalAlignment="Top" Height="107" Width="170" Grid.RowSpan="2">
     <Button.Template>
         <ControlTemplate TargetType="Button">
             <Grid>
                 <Grid.Background>
                     <ImageBrush ImageSource="africa/picture17.png"/>
                 </Grid.Background>
                 <ContentPresenter/>
             </Grid>
         </ControlTemplate>
     </Button.Template>
</Button>

ボタンの上にカーソルを置いたときにカーソルを手に変更するにはどうすればよいですか？ Windowsストア8およびC＃-XAMLにVisual Studio 2013を使用しています。

c#buttoncursorvisual-studio-2013windows-8.1
24
Lamawy

これを行うには、Cursorプロパティを変更します。

<Button Cursor="Hand" .../>
72
gleng

ボタンにはStyleを使用する必要があります。ウィンドウリソースまたはボタンのスタイルで記述できますか。

<Style>
  <Style.Triggers>
    <Trigger Property="IsMouseOver" Value="True">
      <Setter Property="Cursor" Value="Hand"/>
    </Trigger>
  </Style.Triggers>
</Style>
9
yosef_maj

使用する Visual State Manager

XAMLを次のように更新します

<Button Content="Beh}"  Style="{StaticResource ButtonHover}">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="MouseOver">
                    <Storyboard>
                    <ObjectAnimationUsingKeyFrames  Storyboard.TargetProperty="(FrameworkElement.Cursor)">
                        <DiscreteObjectKeyFrame KeyTime="00:00:00">
                            <DiscreteObjectKeyFrame.Value>
                                <Cursor>Hand</Cursor>
                            </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Button>
9
123 456 789 0

Mouse.OverrideCursorを使用する必要があります：

myButton.MouseEnter += (s,e) => Mouse.OverrideCursor = Cursors.Hand;

myButton.MouseLeave += (s,e) => Mouse.OverrideCursor = Cursors.Arrow;
4
Brian Driscoll