IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 如何复制NodeViewModel -> 正文阅读

[JavaScript知识库]如何复制NodeViewModel

if (contentContainer.RenderTransform is ScaleTransform)

{

GeneralTransform transform = this.TransformToDescendant(contentContainer);

return transform.TransformBounds(new Rect(0, 0, this.ActualWidth, this.ActualHeight));

}

上面这段代码是计算,如果粘贴的画布做了缩大发小之后需要确定鼠标的位置.

一、 public partial class NetworkView : IViewFor<NetworkViewModel>:

private void miCopy_Click(object sender, RoutedEventArgs e) { 
var item = sender as MenuItem; Point mousePos = Mouse.GetPosition(dragCanvas); 
this.ViewModel.CopyNodes = this.ViewModel.SelectedNodes.Items.ToArray(); 
Console.WriteLine(e); 
} 
private void miPaste_Click(object sender, RoutedEventArgs e) {
 Point mousePos = Mouse.GetPosition(dragCanvas); 
if (contentContainer.RenderTransform is ScaleTransform) { 
GeneralTransform transform = this.TransformToDescendant(contentContainer); 
mousePos= transform.Transform(mousePos);
 }

 this.ViewModel.PasteSelectedNodes(mousePos); 
}

二、<UserControl x:Class="NodeNetwork.Views.NetworkView"

<controls:DragCanvas Zoom="DragCanvas_OnZoom" x:Name="dragCanvas" MouseLeftButtonDown="OnClickCanvas" Background="Green"> 
<controls:DragCanvas.ContextMenu>
 <ContextMenu DataContext="{Binding ViewModel.NetworkViewModel}"> 
<MenuItem Header="复制" x:Name="miCopy" Click="miCopy_Click"> 
</MenuItem> <MenuItem Header="粘贴" x:Name="miPaste" Click="miPaste_Click"> 
</MenuItem> </ContextMenu>
 </controls:DragCanvas.ContextMenu>

三、public class MainViewModel : ReactiveObject

public MainViewModel(){
 //when copySelectedNodes is Inooked,

 NetworkViewModel.PasteSelectedNodes = new Action<Point>(f => {
 Point firstPosition = f; 
int i = 0; do { 
var copyNode = NetworkViewModel.CopyNodes[i];
 var nodeTemplate = ListViewModel.NodeTemplates.Items.FirstOrDefault(f => f.Instance.GetType() == copyNode.GetType());
 var node = nodeTemplate.Factory(); 
if (i == 0) {
 node.Position = f;
 firstPosition = copyNode.Position;
 } else { 
var newPositionX = copyNode.Position.X - firstPosition.X;

 var newPositionY = copyNode.Position.Y - firstPosition.Y; 
node.Position = new Point(f.X + newPositionX, f.Y + newPositionY); 
} NetworkViewModel.Nodes.Add(node);
 node.IsSelected = true; i++; 
} while (i<NetworkViewModel.CopyNodes.Length );
});

private NodeViewModel[] CopyNodes;

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-01-08 13:54:34  更:2022-01-08 13:54:59 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 12:45:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码