Wpf拖动按钮实现（二）
Main.xaml
<Grid x:Name="LayoutRoot" Background="Transparent"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <!--TitlePanel 包含应用程序的名称和页标题--> <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock x:Name="ApplicationTitle" Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}"/> <TextBlock x:Name="PageTitle" Text="页面名称" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> </StackPanel> <!--ContentPanel - 在此处放置其他内容--> <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <Button Content="Button" Height="72" HorizontalAlignment="Left" Margin="135,138,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click" /> </Grid> </Grid>
Main.xaml.cs
public partial class MainPage : PhoneApplicationPage { // 构造函数 public MainPage() { InitializeComponent(); } private void button1_Click(object sender, RoutedEventArgs e) { this.NavigationService.Navigate(new Uri("/MouseIndex.xaml", UriKind.Relative)); } }
MouseIndex.xaml
<!--LayoutRoot 是包含所有页面内容的根网格-->
<Canvas x:Name="LayoutRoot" MouseLeave="LayoutRoot_MouseLeave" MouseMove="LayoutRoot_MouseMove">
<Canvas.Background>
<ImageBrush Stretch="Fill" ImageSource="./Image/Backgroup.jpg"/>
</Canvas.Background>
<TextBlock x:Name="msgBlock" Grid.Row="0" Grid.Column="0" VerticalAlignment="Bottom" Canvas.Left="500" Canvas.Top="48" />
<TextBlock x:Name="mouseMsg" Grid.Row="0" Grid.Column="1" VerticalAlignment="Bottom" Canvas.Left="528" Canvas.Top="148" />
<!--TitlePanel 包含应用程序的名称和页标题-->
<StackPanel x:Name="TitlePanel" Margin="140,17,12,234" Canvas.Left="419" Canvas.Top="161" Height="96" Width="96">
<Image x:Name="RightButton" MouseLeftButtonDown="RightButton_MouseLeftButtonDown" MouseLeftButtonUp="RightButton_MouseLeftButtonUp" Stretch="Fill" Source="./Image/doubleClick.png"></Image>
</StackPanel>
<StackPanel Margin="82,128,67,118" x:Name="stackPanel2" Canvas.Left="432" Canvas.Top="193">
<Image x:Name="LeftButton" MouseLeftButtonDown="LeftButton_MouseLeftButtonDown" MouseLeftButtonUp="LeftButton_MouseLeftButtonUp" Stretch="Fill" Source="./Image/click.png" Height="100" Width="100" />
</StackPanel>
<!--ContentPanel - 在此处放置其他内容-->
<Canvas x:Name="ContentPent" Width="450" Height="450" Canvas.Left="12" Canvas.Top="18">
<Image x:Name="MouseButton" Stretch="Fill" Source="./Image/Button.png" Height="120" Width="120" Canvas.Top="165" Canvas.Left="165" MouseLeftButtonDown="MouseButton_MouseLeftButtonDown" MouseLeave="MouseButton_MouseLeave"/>
</Canvas>
<TextBlock x:Name="haha" Canvas.Left="82" Canvas.Top="48" Height="30" Text="TextBlock" />
</Canvas>
Mouse.xaml.cs
using System; using System.Windows; using System.Windows.Controls; using System.Windows.Input; using Microsoft.Phone.Controls; using Model; using Alien.NetWork; namespace WP7Face { public partial class MouseIndex : PhoneApplicationPage { bool IsMove = false; Point centerP = new Point(125, 125); Point mousePoint; const double hahax = 225;//按钮中心据conver顶部的距离 const double hahay = 225;//按钮中心据conver左边的距离 private double CentX { get { return (double)MouseButton.GetValue(Canvas.LeftProperty) + MouseButton.Width / 2; } set { value = value - MouseButton.Width / 2; MouseButton.SetValue(Canvas.LeftProperty, value); } } private double CentY { get { return (double)MouseButton.GetValue(Canvas.TopProperty) + MouseButton.Height / 2; } set { value = value - MouseButton.Height / 2; MouseButton.SetValue(Canvas.TopProperty, value); } } public MouseIndex() { InitializeComponent(); } private void MouseButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { IsMove = true; haha.Text = string.Format("{0}:{1}", (int)CentX, (int)CentY); } private void MouseButton_MouseLeave(object sender, MouseEventArgs e) { Point mousePoint = e.GetPosition(ContentPent); } //提交命令 public void Submit(string ordor, double submitX, double submitY) { Message message=new Message(); message.Type = "mouseContorl"; string x = submitX.ToString(); string y = submitY.ToString(); message.Data = "mov:" + x + ":" + y; SocketHelper.Send(message); } //设置按钮回归原点 private void ContentPent_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) { IsMove = false; CentX = hahax; CentY = hahay; } private void LayoutRoot_MouseLeave(object sender, MouseEventArgs e) { IsMove = false; CentX = hahax; CentY = hahay; } private void LayoutRoot_MouseMove(object sender, MouseEventArgs e) { mousePoint = e.GetPosition(ContentPent); //获取鼠标触点 const int control = 40;//按钮移动范围 if (IsMove) { double lengh = Math.Sqrt((hahax - mousePoint.X) * (hahax - mousePoint.X) + (hahay - mousePoint.Y) * (hahay - mousePoint.Y)); //计算触点到原点的距离 int v = (int)lengh / 100; //设置速度 //根据范围 分别计算按钮移动的范围 if (lengh < control) { CentX = mousePoint.X; CentY = mousePoint.Y; } else if (mousePoint.X < hahax && mousePoint.Y < hahay) { CentX = hahax - control * Math.Abs(hahax - mousePoint.X) / lengh; CentY = hahay - control * Math.Abs(hahay - mousePoint.Y) / lengh; } else if (mousePoint.X > hahax && mousePoint.Y < hahay) { CentX = hahax + control * Math.Abs(hahax - mousePoint.X) / lengh; CentY = hahay - control * Math.Abs(hahay - mousePoint.Y) / lengh; } else if (mousePoint.X < hahax && mousePoint.Y > hahay) { CentX = hahax - control * Math.Abs(hahax - mousePoint.X) / lengh; CentY = hahay + control * Math.Abs(hahay - mousePoint.Y) / lengh; } else if (mousePoint.X > hahax && mousePoint.Y > hahay) { CentX = hahax + control * Math.Abs(hahax - mousePoint.X) / lengh; CentY = hahay + control * Math.Abs(hahay - mousePoint.Y) / lengh; } int x = (int)(hahax - mousePoint.X) / 10; int y = (int)(hahay - mousePoint.Y) / 10; if (v >= 1) { x *= v; y *= v; Submit("mov", x, y); } else { Submit("mov", x, y); } } } private void RightButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { Submit("rid", 0, 0); } private void RightButton_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) { Submit("riu", 0, 0); } private void LeftButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { Submit("led", 0, 0); } private void LeftButton_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) { Submit("leu", 0, 0); } } }
昨天通宵 边和妹子聊天编写程序 顺便把这个给完善了。。。
