silverlight 中鼠标任意拖动控件的实例分享

目标： 实现一个效果： 在桌面实现任意拖动一个border元素里面的控件，并且规定 元素拖动的区域

环境：silverlight4.0

实现的步骤我就不啰嗦啦，代码奉上：

  xaml代码(注意，原来的界面很复杂，为了方便大家看，一些修饰的样式没了，仅供参考，可以自行的修改)

 

<Border x:Name="Border1" BorderThickness="1"   Visibility="Visible" Canvas.ZIndex="1"    Canvas.Left="0" Canvas.Top="0"  MouseLeftButtonDown="StackPanel_MouseLeftButtonDown" MouseLeftButtonUp="StackPanel_MouseLeftButtonUp" MouseMove="StackPanel_MouseMove" >
        <StackPanel  x:Name="sds" Orientation="Horizontal" Background="#424D85" Height="60"  >
            <Button x:Name="btnAdd" Height="50" Width="50"   Margin="2,0,2,0" >
                <Button.Content>
                    <StackPanel  Orientation="Horizontal">
                        <TextBlock Text="新建"  Width="22" Height="22" FontSize="9"/>
                    </StackPanel>
                </Button.Content>
            </Button>
            <Button  x:Name="btnUpd" Height="50" Width="50"  Margin="2,0,2,0" >

                <Button.Content>
                    <StackPanel  Orientation="Horizontal">
                        <TextBlock Text="修改" Width="22" Height="22" FontSize="9"/>
                    </StackPanel>
                </Button.Content>
            </Button>
            <Button  x:Name="btnSave" Height="50" Width="50"   Margin="2,0,2,0">
                <Button.Content>
                    <StackPanel  Orientation="Horizontal">
                        <TextBlock Text="保存"  Width="22" Height="22" FontSize="9"/>
                    </StackPanel>
                </Button.Content>
            </Button>
            <Button  x:Name="btnDel" Height="50" Width="50"  Margin="2,0,2,0"  >
                <Button.Content>
                    <StackPanel  Orientation="Horizontal">
                        <TextBlock Text="删除" Width="22" Height="22" FontSize="9"/>
                    </StackPanel>
                </Button.Content>

            </Button>
            <Button x:Name="btnQry" Height="50" Width="50"   Margin="2,0,2,0">
                <Button.Content>
                    <StackPanel  Orientation="Horizontal">
                        <TextBlock Text="查询" Width="22" Height="22" FontSize="9" />
                    </StackPanel>
                </Button.Content>

            </Button>
            <Button  x:Name="btnRefresh" Height="50" Width="50"    Margin="2,0,2,0">
                <Button.Content>
                    <StackPanel  Orientation="Horizontal">
                        <TextBlock Text="刷新" Width="22" Height="22" FontSize="9"/>
                    </StackPanel>
                </Button.Content>
            </Button>
            
            <Button Content="关闭" Height="50" Width="50" ></Button>
        </StackPanel>
    </Border>

 

 

看看后台啦：

 

        #region 工具栏随意拖动事件
        //桌面按钮拖放变量
        bool trackingMouseMove = false;
        Point mousePosition;
        Border BtnCurrent = new Border();  //当前移动的按钮
        bool isMoved = false; //是否曾经移动

        /// <summary>
        /// 鼠标左键被按下
        /// <author>Sun</author>
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void StackPanel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
          
            FrameworkElement element = sender as FrameworkElement;
            mousePosition = e.GetPosition(null);
            trackingMouseMove = true;
            BtnCurrent = (Border)sender;
            if (null != element)
            {
                element.CaptureMouse();
                element.Cursor = Cursors.Hand;
            }
        }
        /// <summary>
        /// 鼠标左键被弹起来
        /// <author>Sun</author>
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void StackPanel_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            FrameworkElement element = sender as FrameworkElement;
            trackingMouseMove = false;
            element.ReleaseMouseCapture();
            BtnCurrent = (Border)sender;
            double ileft = System.Convert.ToDouble(this.sds.GetValue(Canvas.LeftProperty));
            double iTop = System.Convert.ToDouble(this.sds.GetValue(Canvas.TopProperty));
            if (IsInRegions(mousePosition)) //如果超出了规定的区域，就让
            {
              Point p=  e.GetPosition((e.OriginalSource as FrameworkElement));
              BtnCurrent.SetValue(Canvas.LeftProperty,0.0);
              BtnCurrent.SetValue(Canvas.TopProperty,0.0);

            }
            else
            {
                mousePosition.X = mousePosition.Y = 0;
                this.sds.SetValue(Canvas.TopProperty, iTop + 52);
                this.sds.SetValue(Canvas.LeftProperty, ileft + 52);
           
            }
            if (!isMoved) //单击按钮 但是用户没有拖动 如果拖动了 这个不能运行
            { }
            isMoved = false;
           
        }
        /// <summary>
        /// <author>Sun</author>
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void StackPanel_MouseMove(object sender, MouseEventArgs e)
        {
            FrameworkElement element = sender as FrameworkElement;
            if (trackingMouseMove)
            {
                double deltaV = e.GetPosition(null).Y - mousePosition.Y;
                double deltaH = e.GetPosition(null).X - mousePosition.X;
                double newTop = deltaV + (double)element.GetValue(Canvas.TopProperty);
                double newLeft = deltaH + (double)element.GetValue(Canvas.LeftProperty);
                element.SetValue(Canvas.TopProperty, newTop);
                element.SetValue(Canvas.LeftProperty, newLeft);
                isMoved = true;  //在移动时候 开关变量 为真
                mousePosition = e.GetPosition(null);
            }
           
        }
     /// <summary>
        /// <author>Sun</author>
     /// </summary>
     /// <param name="p"></param>
     /// <returns></returns>
        private bool IsInRegions(Point p)
        {
            double x = p.X;
            double y = p.Y;
            return y < 88 || x < 356|| x>1400 || y>660;//规定的临界范围
        }
        #endregion  工具栏拖动事件结束

 

 

 

就写到这，时间很紧，仓促的和大家分享啦