Silverlight系列(右键菜单、控件移动的实现)

1.右键菜单

第一步在html页添加如下代码：

<param name="windowless" value="true" />

第二步在xaml页添加右键菜单呈现的内容：

<Border x:Name="brrightMenu" BorderBrush="Black" BorderThickness="2" Background="Green" Width="100"
HorizontalAlignment="Left" Visibility="Collapsed">
<StackPanel>
<HyperlinkButton x:Name="btnAddElement" Foreground="Black" Content="添加新图片元素"
Margin="5" Click="btnAddElement_Click" ></HyperlinkButton>
<HyperlinkButton x:Name="btnAddTextElement" Foreground="Black" Content="添加新文字元素"
Margin="5" Click="btnAddTextElement_Click" ></HyperlinkButton>
</StackPanel>
<!--右键菜单的内容-->
<!--右键菜单的位置-->
<Border.RenderTransform>
<TranslateTransform x:Name="tt" />
</Border.RenderTransform>
</Border>

第三步cs页面添加如下代码：

public partial class MainPage : UserControl
{
ContextMenu menu = null;

public MainPage()
{
InitializeComponent();
menu = new ContextMenu(new RightElement(tt, brrightMenu, 255, 12, 0, 0));
}

ContextMenu.cs:

using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Browser;

namespace DragElement
{
/// <summary>
/// 鼠标右键菜单实现
/// </summary>
public class ContextMenu
{
RightElement Element;

public ContextMenu(RightElement element)
{
Element = element;
HtmlPage.Document.AttachEvent("oncontextmenu", this.onContextMenu);
}

private void onContextMenu(object sender, HtmlEventArgs e)
{
if (Math.Abs(Element.RX) <= 40 && Math.Abs(Element.RY) <= 10)
{
Element.BD.Visibility = Visibility.Visible;
//Element.TT.X = e.OffsetX - Element.X;
//Element.TT.Y = e.OffsetY - Element.Y;
Element.TT.X = 350;
Element.TT.Y = 205;
e.PreventDefault();
//阻止默认DOM
}
}
}
}

运行效果：

2.控件移动的实现

DragElement.xaml:

<Grid x:Name="LayoutRoot" HorizontalAlignment="Left" Width="Auto" Height="Auto"
ShowGridLines="True" VerticalAlignment="Top" Margin="5,5,5,5"
MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown"       MouseMove="LayoutRoot_MouseMove">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="250" />
<ColumnDefinition />
</Grid.ColumnDefinitions>

<layoutToolkit:Accordion Grid.Column="0" Width="240" Background="LightGreen" FontSize="14">
<layoutToolkit:AccordionItem  Header="选项">
<ContentControl>
<StackPanel>
<HyperlinkButton x:Name="ResumeLayout" Foreground="Green"          Content="还原设计器元素布局" Margin="5"
Click="ResumeLayout_Click" Width="220"></HyperlinkButton>
<HyperlinkButton x:Name="UpdateLayout" Foreground="Green"          Content="更改设计器元素布局" Margin="5"
Click="UpdateLayout_Click" Width="220"></HyperlinkButton>
<HyperlinkButton x:Name="FixedLayout" Foreground="Green"           Content="固定设计器元素布局" Margin="5"
Click="FixedLayout_Click" Width="220"></HyperlinkButton>
<HyperlinkButton x:Name="SaveLayout" Foreground="Green"           Content="保存设计器元素布局" Margin="5"
Click="SaveLayout_Click" Width="220"></HyperlinkButton>
<HyperlinkButton x:Name="btnFullScreen" Foreground="Green"          Content="全屏" Margin="5"
Click="btnFullScreen_Click" Width="220"></HyperlinkButton>
</StackPanel>
</ContentControl>
</layoutToolkit:AccordionItem>

<layoutToolkit:AccordionItem Content="设置" Header="设置" >
</layoutToolkit:AccordionItem>
</layoutToolkit:Accordion>
<Canvas Background="LightCyan" x:Name="canvas"  HorizontalAlignment="Left"        VerticalAlignment="Top"  Width="1000" Height="750" Grid.Row="0" Grid.Column="1"  >

<TextBlock x:Name="tb1" Foreground="Green" Width="Auto" Height="25"       Canvas.Top="30" ></TextBlock>
<TextBlock x:Name="tb2" Foreground="Red" Width="Auto" Height="25" ></TextBlock>
<StackPanel>
<Border x:Name="brrightMenu" BorderBrush="Black" BorderThickness="2"      Background="Green" Width="100"  HorizontalAlignment="Left" Visibility="Collapsed">
<StackPanel>
<HyperlinkButton x:Name="btnAddElement" Foreground="Black" Content="添加新图片元素"
Margin="5" Click="btnAddElement_Click" ></HyperlinkButton>
<HyperlinkButton x:Name="btnAddTextElement" Foreground="Black" Content="添加新文字元素"
Margin="5" Click="btnAddTextElement_Click" ></HyperlinkButton>
</StackPanel>
<!--右键菜单的内容-->
<!--右键菜单的位置-->
<Border.RenderTransform>
<TranslateTransform x:Name="tt" />
</Border.RenderTransform>
</Border>
</StackPanel>
</Canvas>

</Grid>
<!--
为 Silverlight 插件配置参数，windowless="true"
-->

DragElement.cs:

bool trackingMouseMove = false;
Point mousePostion;
private void UpdateLayout_Click(object sender, RoutedEventArgs e)
{
foreach (UIElement ui in canvas.Children)
{
StackPanel mysp = ui as StackPanel;
if (mysp != null)
{
AddHandles(mysp);
}
}
}
/// <summary>
/// 鼠标移动实现
/// </summary>
private void AddHandles(StackPanel myPanel)
{
myPanel.MouseLeftButtonDown += new MouseButtonEventHandler(MouseDown);
myPanel.MouseLeftButtonUp += new MouseButtonEventHandler(MouseUp);
myPanel.MouseMove += new MouseEventHandler(MouseMove);
}
private void MouseDown(object sender, MouseButtonEventArgs e)
{
FrameworkElement element = sender as FrameworkElement;
mousePostion = e.GetPosition(null);

trackingMouseMove = true;

if (null != element)
{
element.CaptureMouse();//将鼠标捕获设置为元素

element.Cursor = Cursors.Hand;

}
}
private void MouseUp(object sender, MouseButtonEventArgs e)
{
FrameworkElement element = sender as FrameworkElement;

trackingMouseMove = false;

element.ReleaseMouseCapture();//移除鼠标捕获

element.Cursor = null;
}
private void MouseMove(object sender, MouseEventArgs e)
{
FrameworkElement element = sender as FrameworkElement;

if (trackingMouseMove)
{
double pointY = e.GetPosition(null).Y - mousePostion.Y;

double pointX = e.GetPosition(null).X - mousePostion.X;

double newPointY = pointY + (double)element.GetValue(Canvas.TopProperty);

double newPointX = pointX + (double)element.GetValue(Canvas.LeftProperty);

if (newPointX < 0 || newPointY < 0 || newPointX > 1000 || newPointY > 750)
{
//限定鼠标移动范围
return;
}

element.SetValue(Canvas.TopProperty, newPointY);

element.SetValue(Canvas.LeftProperty, newPointX);

mousePostion = e.GetPosition(null);

tb1.Text = "当前相对位置X：" + newPointX + " Y：" + newPointY;

ResumeLine(sender as StackPanel);

}
}

Operate.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

using System.Windows.Browser;
using System.Windows.Media.Imaging;

namespace DragElement
{
public class OperateElement
{
public Canvas canvas { get; set; }

public void btnDelElement_Click(object sender, RoutedEventArgs e)
{
HtmlWindow html = HtmlPage.Window;
if (html.Confirm("确认要删除吗?"))
{
HyperlinkButton button = sender as HyperlinkButton;
StackPanel sp = button.Parent as StackPanel;
ResumeLine(sp);
canvas.Children.Remove(sp);//删除panel
}
}

private void ResumeLine(StackPanel sp)
{
List<Path> lp = new List<Path>();
foreach (UIElement ui in canvas.Children)
{
Path path = ui as Path;
if (path != null)
{
var name = path.Name;
foreach (UIElement ui2 in sp.Children)
{
HyperlinkButton hb = ui2 as HyperlinkButton;
if (hb != null && !string.IsNullOrEmpty(hb.Name))
{
if (name.Contains(hb.Name))
{
lp.Add(path);
}
}
}
}
}
for (int i = 0; i < lp.Count; i++)
{
canvas.Children.Remove(lp[i]);
}
}

}
}

运行效果：