Wiki


Wiki Table of Contents

Page Details

Published by:
This page has not yet been rated

Silverlight Tip of the Day #27: How to Change the Mouse Cursor

Filed under: [Edit Tags]

Hãy nói là bạn muốn thay đổi hình dạng chuột khi di chuyển chuột qua các phần tử UI. Bạn có thể làm điều này trực tiếp trên XAML bằng cách sử dụng thuộc tính Cursor .

Thí dụ, nếu bạn muốn thay đổi hình trỏ chuột mũi tên thành hình bàn tay image    khi lượn lờ di chuyển chuột trên một button thì đoạn mã XAML bạn sẽ sử dụng như sau:

<Canvas >
    <Button Cursor="Hand" Width="100" Height="50" Content="Hover over me"></Button>
</Canvas>

Khi chạy ứng dụng bạn sẽ thấy, như là khung hình nhỏ dưới đây, hình dạng chuột thay đổi từ hình mũi tên sang hình bàn tay khi di chuyển chuột lên trên button.

 

image

Để làm điều này dưới code, bạn có thể đặt sự kiện  MouseEnter và  MouseLeave vào trong button, như sau:

<Grid x:Name="LayoutRoot" Background="White">
    <Canvas >
        <Button x:Name="myButton" MouseEnter="Button_MouseEnter" MouseLeave="Button_MouseLeave" Width="100" Height="50" Content="Hover over me"></Button>
    </Canvas>
</Grid>

Sau đó, trong phần thân hàm của các sự kiện trên, ta sẽ thay đổi hình dạng chuột bằng cách thêm các dòng code sau:

private void Button_MouseEnter(object sender, MouseEventArgs e)
{
    myButton.Cursor = Cursors.Hand;
}
 
private void Button_MouseLeave(object sender, MouseEventArgs e)
{
    myButton.Cursor = Cursors.Arrow;
}

Silverlight cung cấp các hình dạng chuột sau đây trong đối tượng Cursor:

  1. Arrow
  2. Eraser:
  3. Hand
  4. IBeam
  5. SizeNS
  6. SizeWE 
  7. Stylus
  8. Wait

Thank you,
--Mike Snow

Recent Comments

Leave the first comment for this page.