#706 – 在应用程序间拖拽进行控件复制(Dragging User Interface Elements Between Applications)

原文地址: https://wpf.2000things.com/2012/12/06/706-dragging-user-interface-elements-between-applications/

你可以在两个应用程序间拖拽控件,这种情况下,你通过读取可视树XAML中,你想要拖拽的控件的那一部分作为数据。

下面是一个拖拽整个StackPanel (包括其字控件)到另外一个应用程序的例子。

在拖拽应用程序这边(Application1),我们使用一个XamlWriter 实例将XAML存储为一个string。

设置StackPanel 的事件和属性如下(必须设置背景色,原因详见Panel类及其子类只有在设置了背景色以后才会触发鼠标事件):

MouseLeftButtonDown="StackPanel_MouseLeftButtonDown" Background="Transparent"

拖拽代码如下:

private void StackPanel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    string xaml = XamlWriter.Save(e.Source);
    DataObject data = new DataObject(DataFormats.Xaml, xaml);
 
    DragDrop.DoDragDrop((DependencyObject)e.Source, data, DragDropEffects.Copy);
}

在放开接收一边(Application2),我们使用XamlReader 载入数据,并恢复为控件。设置WindowDrop 事件响应函数。

private void Window_Drop(object sender, DragEventArgs e)
{
    string xaml = (string)e.Data.GetData(DataFormats.Xaml);
    this.Content = XamlReader.Load(new XmlTextReader(new StringReader(xaml)));
}


706-001

706-002

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用HTML和JavaScript来在画布上显示数学公式,并实现鼠标动的效果。首先,您需要在HTML文件中创建一个画布元素和一个包含数学公式的元素。然后,使用MathJax库将数学公式渲染到该元素中。最后,使用JavaScript监听鼠标事件,实现动效果。 以下是一个示例的HTML代码: ```html <!DOCTYPE html> <html> <head> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script> <style> #canvas { width: 500px; height: 300px; border: 1px solid black; } </style> </head> <body> <canvas id="canvas"></canvas> <div id="formula">\(x^2 + y^2 = r^2\)</div> <script> const canvas = document.getElementById(&#39;canvas&#39;); const ctx = canvas.getContext(&#39;2d&#39;); let isDragging = false; let offsetX = 0; let offsetY = 0; function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.fillText("Drag the formula", 10, 20); ctx.fillText("Release the mouse to stop dragging", 10, 40); // Draw the formula at the current mouse position const x = offsetX + event.clientX - canvas.getBoundingClientRect().left; const y = offsetY + event.clientY - canvas.getBoundingClientRect().top; ctx.fillText("x = " + x, 10, 80); ctx.fillText("y = " + y, 10, 100); MathJax.typesetPromise([&#39;#formula&#39;]).then(() => { ctx.drawImage(document.getElementById(&#39;formula&#39;), x, y); }); } canvas.addEventListener(&#39;mousedown&#39;, (event) => { isDragging = true; offsetX = canvas.width / 2; offsetY = canvas.height / 2; draw(); }); canvas.addEventListener(&#39;mousemove&#39;, (event) => { if (isDragging) { draw(); } }); canvas.addEventListener(&#39;mouseup&#39;, (event) => { isDragging = false; draw(); }); </script> </body> </html> ``` 在上面的示例中,我们创建了一个500x300像素的画布和一个包含数学公式 \(x^2 + y^2 = r^2\) 的 `<div>` 元素。当鼠标在画布上按下并动时,会根据鼠标位置重新绘制公式,并在公式旁边显示当前鼠标的x和y坐标。当鼠标放开时,停止动并保持公式的位置。 请注意,示例中使用了MathJax库来渲染数学公式。您需要在页面中引入MathJax的脚本,并使用`MathJax.typesetPromise()`方法来渲染公式。 希望这可以帮助到您!如有任何问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值