SilverLight鼠标绘制矩形

技术要点:

1.Canvas控件布局用到的Canvas.TopProperty以及Canvas.LeftProperty属性

2.MouSELEftButtonDown,MouseMove,MouSELEftButtonUp方法处理程序的调用

VB.NET代码如下:

    Private isAddMouseEvent As Boolean = false
    Private rectangle As Rectangle
    Private point as Point
    Private Sub btnMain_Click(ByVal sender As System.object,ByVal e As System.Windows.RoutedEventArgs) Handles btnMain.Click
        If Not isAddMouseEvent Then
            AddHandler canvasmain.MouSELEftButtonDown,AddressOf MouseEventDown
            isAddMouseEvent = True
            Me.btnMain.IsEnabled = false
        End If
    End Sub
    Private Sub MouseEventDown(ByVal sender As Object,ByVal e As MouseEventArgs)
        rectangle = New Rectangle()
        point = e.GetPosition(canvasmain)
        rectangle.SETVALue(Canvas.LeftProperty,point.X)
        rectangle.SETVALue(Canvas.TopProperty,point.Y)
        rectangle.opacity = 1
        rectangle.Fill = New SolidColorBrush(Colors.bluE)
        rectangle.RadiusX = 10
        rectangle.RadiusY = 10
        AddHandler canvasmain.MouseMove,AddressOf MouseMove
        AddHandler canvasmain.MouSELEftButtonUp,AddressOf MouseUp
        canvasmain.Children.Add(rectanglE)
    End Sub
    Private Sub MouseMove(ByVal sender As Object,ByVal e As MouseEventArgs)
        Dim tempPorint = e.GetPosition(canvasmain)
        If tempPorint.X > point.X Then
            rectangle.Width = tempPorint.X - point.X
        End If
        If tempPorint.X <= point.X Then
            rectangle.SETVALue(Canvas.LeftProperty,tempPorint.X)
            rectangle.Width = point.X - tempPorint.X
        End If
        If tempPorint.Y > point.Y Then
            rectangle.Height = tempPorint.Y - point.Y
        End If
        If tempPorint.Y <= point.Y Then
            rectangle.Height = point.Y - tempPorint.Y
            rectangle.SETVALue(Canvas.TopProperty,tempPorint.Y)
        End If
    End Sub
    Private Sub MouseUp(ByVal sender As Object,ByVal e As MouseEventArgs)
        RemoveHandler canvasmain.MouSELEftButtonUp,AddressOf MouseUp
        RemoveHandler canvasmain.MouseMove,AddressOf MouseMove
        RemoveHandler canvasmain.MouSELEftButtonDown,AddressOf MouseEventDown
        isAddMouseEvent = false
        btnMain.IsEnabled = True
    End Sub

布局@L_674_6@代码如下:

<Grid x:Name="LayoutRoot" BACkground="White">        <Canvas x:Name="canvasmain" Width="1000" Height="1000" BACkground="Black" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">                    </Canvas>        <Button x:Name="btnMain" Width="90" Height="28" Content="点我开始绘制矩形" Margin="0 0 0 0" VerticalAlignment="Top" HorizontalAlignment="Left">                    </Button>    </Grid>