NSTableView和NSOutlineView拖放

您好！感谢您的提问。

NSTableView和NSOutlineView是Mac OS X中的两个重要的视图控件，它们都是用于展示大量数据的列表。NSTableView是一个简单的表格视图，而NSOutlineView则是一个带有层次结构的表格视图，可以展示具有层次关系的数据。

在使用NSTableView和NSOutlineView进行拖放操作时，需要注意以下几点：

首先，需要设置视图的代理（delegate）和数据源（data source），并实现相应的代理方法和数据源方法。
其次，需要设置视图的拖放代理（dragging source）和拖放委托（drop delegate），并实现相应的拖放代理方法和拖放委托方法。
最后，需要在视图中注册可接受的拖放类型（dragging types），并实现相应的拖放操作方法。

以下是一些可能会用到的腾讯云产品和产品介绍链接地址：

腾讯云CVM：https://cloud.tencent.com/product/cvm
腾讯云CLB：https://cloud.tencent.com/product/clb
腾讯云COS：https://cloud.tencent.com/product/cos
腾讯云CDN：https://cloud.tencent.com/product/cdn
腾讯云VOD：https://cloud.tencent.com/product/vod
腾讯云TKE：https://cloud.tencent.com/product/tke
腾讯云EKS：https://cloud.tencent.com/product/eks
腾讯云SCF：https://cloud.tencent.com/product/scf
腾讯云API Gateway：https://cloud.tencent.com/product/apigw
腾讯云TMS：https://cloud.tencent.com/product/tms

希望这些信息能够帮助您更好地理解NSTableView和NSOutlineView的拖放操作。如果您有其他问题，欢迎随时提问。

相关·内容

Mac OSX 开发基础控件学习之 NSOutlineView

NSOutlineView-feature.png 在开发基于osx的Application的过程中,当我们需要显示一组列表结构的数据时,比较容易想到的控件是NSTableView;但如果你显示的数据有层级结构时...,NSTableView就会面临一个问题:因为在osx中,NSTableView没有分组功能( sections) 因为在cocoa 中提供了另一个控件供满足我们的需求NSOutlineView它是继承自...NSTableView的子类,是Mac OSX Application常用的控件之一,与NSTableView相似,NSOutlineView也使用行和列来显示内容,但所不同的是NSOutlineView...数据模型 NSOutlineView的Data model 与NSTableView有些不同，因为NSOutlineView显示层级结构，因此Data model中要能够表示出这种数据的层级来:root...和Delegate Data Source 和 Delegate ViewController 实现数据源和代理方法 ViewController 实现方法 NSOutlineView数据源方法调用顺序

1.5K2 0

知识点 | 纯代码实现NSOutlineView的详细步骤

Tech 【故事背景】同事A和B都是小菜鸟一枚，最近都在自学MAC开发。 ? 我想写个菜单，分为主食、甜点、饮料等类目，每个类目下又有一些分类，用什么控件比较合适呢？...NSTableView好像不太方便展示分组数据。可以试试NSOutlineView。...NSOutlineView是NSTableView的子类，但是他比NSTableView多了分组的功能，使用层级的数据结构。 ? ? 哦！那我查查怎么使用。半小时后…… ?...创建一个OS X项目工程，新建一个NSViewController，在ViewController中添加NSOutlineView对象并实现NSOutlineViewDataSource和NSOutlineViewDelegate...Demo中用到的model比较简略，只有NSString *name（用于展示的文案）和NSArray *childNodes（子节点）。

1.9K4 0

macOS开发之NSTableView的应用详解

NSTableView的应用详解一、引言和iOS开发中的UITableView有很大差别，NSTableView并非是一个可滚动的列表视图，其是一个不可滚动、支持多列多行的原始列表视图。...如本文开头的示例代码，Cell-Base的TableView必须实现的两个协议方法是numberOfRowsInTableView和objectValueForTableColumn方法，第一个方法设置列表行数...draggingDestinationFeedbackStyle; //设置拖放目标的缩进量 @property CGFloat indentationForDropOperation; //背景色...void)drawSelectionInRect:(NSRect)dirtyRect; //画分割线 - (void)drawSeparatorInRect:(NSRect)dirtyRect; //绘制拖放时的用户反馈...中常用的属性和方法 //初始化方法 - (instancetype)initWithFrame:(NSRect)frameRect; - (nullable instancetype)initWithCoder

4.6K2 1

HTML5 拖放(Drag和drop)

大的像淘宝的装修，QQ空间装扮等，小到一些游戏等等随处可见拖放的使用场景。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。拖放是一种常见的特性，即抓取对象以后拖到另一个位置。...目前浏览器支持情况：Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释：在 Safari 5.1.2 中不支持拖放。...下面看看一个具体的字母拖放demo： HTML5 拖放(Drag和drop) html,body{width:100%

1.2K2 0

JavaScript 学习-50.实现页面菜单拖放（Drag 和 Drop）

前言拖放是一种常见的操作，即抓取对象以后从一个位置拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。...拖放（Drag 和 Drop）在拖曳操作中，被拖曳的元素称做源对象，是指页面中设置了draggable=”true”属性的元素；源对象进入的元素称作目标元素，目标元素可以是页面的任一元素。...把元素设置为可拖放首先：为了把一个元素设置为可拖放，请把 draggable 属性设置为 true：需要注意的是，图片和链接默认是可以拖曳的，它不用添加draggable...拖放的内容 - ondragstart 和 setData() 然后，规定当元素被拖动时发生的事情。...为了实现拖放，我们必须阻止元素的这种默认的处理方式。

9482 0

macOS NSTableView鼠标右键菜单

幸运的是可以检测鼠标在NSView的滑入和退出等事件，我们可以通过这种方式来实现鼠标的监听，开确认是否显示菜单，然后转换为对应的位置，再根据位置后去搜找对应cell，之后添加菜单显示操作即可实现啦?...定义一个protocol ``` @objc protocol ContextMenu { @objc func tableView(_ tableView: NSTableView, menuForRows...@objc func tableView(_ tableView: NSTableView, clickForRow row: Int) -> Void } ``` extension tableview...重写鼠标事件 ``` extension NSTableView { open override func menu(for event: NSEvent) -> NSMenu?...{ } } ``` 使用 ``` extension BTViewController: ContextMenu{ @objc func tableView(_ tableView: NSTableView

2.1K3 0

第90天：HTML5中文件API和拖放操作

; 51 } 52 }); 53 })(); 54 55 56 二、拖放操作...DOCTYPE html> 2 3 4 5 6 拖放操作</title

6972 0

启动图第一篇教程

对于基本的工程设置我就不多说了，可以参考我一键替换测试和正式key的专题，那里有介绍。 ? 这是首页的界面。...@IBOutlet weak var tableView: NSTableView!...@IBAction func saveAction(_ sender: Any) { } 我们注册一下我们的自定义Cell @IBOutlet weak var tableView: NSTableView...self.tableView.reloadData() } //FIXME: - NSTableViewDataSource func numberOfRows(in tableView: NSTableView...launchNameTextFiled.placeholderString = source.1 return cell } func tableView(_ tableView: NSTableView

6272 0

Jekyll-Admin-Mac 开发纪要-左侧菜单栏

左侧和父试图对其上侧和父试图对其宽度205 高度75 ? ⚠️我们发现我们的图片是正常的显示出来了，但是背景颜色无法显示。那是因为在 OSX开发和 iOS不太一样。...我们取消显示 Header和设置只有一个 Cloumn ? 我们发现我们剩下的只有一个 Column的宽度只有 116并不是全屏显示的。去掉 NSTableView的边框我们设置宽度为 205。...我们发现我们刚才创建的 NSTableView显示的背景颜色是白色的，我们可以关闭 NSScrollView的绘制背景颜色和设置 NSTableView的背景颜色为透明即可。 ?...我们设置 View的试图按照宽度和高度自动约束。...icon Hex : f02d Size : 17 生成的图片是正方形，并不能和网站的样式可以设置宽度和高度。 Color : EBDAC1 我们运行一下发现已经可以正常的运行了。 ?

2K1 0

Jekyll-Admin-Mac-列表

5C515420-600F-480D-B9FD-6F40380DA47B 关于 NSTableView的使用接下来我们需要就是做出这个列表数据，我们可以使用 NSTableView来做出这个效果。...C99F8039-E33D-47D0-98EA-459D0AF3E336 解决 NSTableView的 Header在 Xib无法正常显示有的时候我们发现 NSTableView在 Xib被隐藏了，...6E7EFC46-9753-4F4A-B497-1CE2C5FCBCD2 因为名字的长度是不固定的，我们就设置 NSTableView的第一个 Column的宽度随着 NSTableView的宽度变化。...我们关联一下 Xib上面的 NSTableView控件。设置 NSTableView的 Header背景颜色。...参考资料: swift3.0中@escaping 和 @noescape 的含义。看过资料我们可以知道，系统默认是 @noescape。

3.1K1 0

一键替换Key Mac软件的制作教程第二篇

} } enum OFileMangerExportError:Error { case cannel case error(message:String) } 我们已经做好了导入和导出的功能，...mac开发中使用自定义NSTableCellView 我们实现NSTableView的代理，先设置3条测试的数据。...dirtyRect) } } 我们注册我们的cell //FIXME: - NSTableViewDataSource public func numberOfRows(in tableView: NSTableView...) -> Int { return 3 } public func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn...cell.configNameLabel.stringValue = "这是测试的数据" cell.configCheckBox.state = 0 return cell } func tableView(_ tableView: NSTableView

6662 0

重拾swift版本MVP

当然是主角P啦--MVP的模式就是将MVC中的C复杂逻辑主战场移动到了P中……而对于P来说势必会持有：View 和负责对View的绑定，于是……下面的P的基类应运而生 public class BasePresenter...UI的跳转控制即可----逻辑和事件数据交个MVP，而Controller只需要页面跳转穿插即可 2 Presenter class MainMenuPresenter: BasePresenter...= self } } extension MainMenuPresenter : NSTableViewDelegate { func tableView(_ tableView: NSTableView...stringValue = "xxxxxxx" return tableViewCell } func tableView(_ tableView: NSTableView...{ return nil } func numberOfRows(in tableView: NSTableView) -> Int { return 3

8234 0

一步一步，开始上手Mac 开发（一）

MasterViewController后的界面 1.9 选中MasterViewController.xib，因为我们这个工程练习需要显示一些Bugs信息列表，所以需要一个table view，在Mac中，这个控件叫做NSTableView...ScrayBugsMac的.h和.m ScrayBugData 是我们创建的第一个数据模型对象，我们用这个数据模型保存Bug的名称和标记Bug的重要程度，并为这个数据模型添加了一个自定义的初始化方法：...ScaryBugsDoc的.h文件和.m文件至此，我们已经完成了数据模型的构建。...在OSX中table view 控件是NSTableView，它类似iOS中的UITableView，不同的是在NSTableView的一行（row）中可以有很多列（column） 1.20 选中table...table view 设置后运行效果与iOS相似，NSTableView 也有数据源和代理这两个属性，现在我们需要将MasterViewController设置为table view 的数据源和代理（

4K4 0

肘子的 Swift 周报｜ Swift，超越苹果生态！

本次分享的核心是传达这样一个中心思想：尽管这些新框架是为了解决现有框架中的问题而设计的，但我们不应被过往的经验和惯例所限制。需要用开放的心态和全新的视角去学习和使用这些新工具。...这些功能的共同作用强化了 Swift 生态系统的稳定性和向后兼容性，为开发者提供了更加流畅和高效的开发体验。...在实际开发中，Edvinas Byla 意识到 LazyVGrid 的性能并不理想，且不能满足他对上下文菜单行为的特定需求，因此他决定采用 NSTableView 作为替代方案。...通过对 NSTableView 和 NSTableCellView 的精心定制，他不仅显著优化了滚动体验，还解决了上下文菜单相关的问题。...这一点彰显了 SwiftUI 在实际应用中的强大潜力和灵活性。

1021 0

前端拾零02—H5拖放总结

H5拖放分为两部分：拖放元素和目标元素，分别有不同的属性和监听事件 2....拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件，作用于拖放元素 ondrag: 拖放期间连续触发事件，作用于拖放元素...dragstart(event) { var dt = event.dataTransfer; // dt.effectAllowed = 'none'; // 不允许拖拽 // 拖放的数据类型和值...dropEffect (4) link: 只允许值为"link"的dropEffect (5) move: 只允许值为"move"的dropEffect (6) copyLink: 只允许值为"copy"和"...link"的dropEffect (7) copyMove: 只允许值为"copy"和"move"的dropEffect (8) linkMove: 只允许值为"link"和"move"的dropEffect

4.2K73 0

前端拾零02—H5原生拖放总结【原创】

H5拖放分为两部分：拖放元素和目标元素，分别有不同的属性和监听事件 2....拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件，作用于拖放元素 ondrag: 拖放期间连续触发事件，作用于拖放元素...dragstart(event) { var dt = event.dataTransfer; // dt.effectAllowed = 'none'; // 不允许拖拽 // 拖放的数据类型和值...dropEffect (4) link: 只允许值为”link”的dropEffect (5) move: 只允许值为”move”的dropEffect (6) copyLink: 只允许值为”copy”和”...link”的dropEffect (7) copyMove: 只允许值为”copy”和”move”的dropEffect (8) linkMove: 只允许值为”link”和”move”的dropEffect

1.9K2 0

HTML5 进阶系列：拖放 API 实现拖放排序

而 img 元素和 a 元素都默认设置了 draggable 属性为 true，可直接拖放，如果不想拖放这两个元素，把属性设为 false 即可。拖放事件拖放事件由不同的元素产生。...dataTransfer，用于在源对象和目标对象间传递数据。...接下来认识一下这个对象的方法和属性，来了解它是如何传递数据的。 setData() 该方法向 dataTransfer 对象中存入数据。...source.addEventListener('dragstart',function(ev){ ev.dataTransfer.setDragImage(icon,-10,-10) },false) effectAllowed 和...更重要的一点是在 ios 和安卓上，完全不兼容。不过还好，有一个插件能让它在移动端完美兼容。

1.9K7 0

界面劫持之拖放劫持

有了dataTransfer对象和操作方法后，就为跨域传递数据提供了有效的技术手段。...图片简单的界面，用户需要将图片拖拽进矩形框中，但在矩阵框和图片上方各隐藏一个alpha为0的iframe和textarea，在testarea处隐藏着一个跟下方图片一摸一样的不可见的图片资源。...图片用户的拖动和释放实际上是使用getdata方法和setdata方法，先将选中的信息储存在剪贴板中然后将信息打印在textarea中，由于加载的网页使用了携带token的form提交，所以就可以轻松拿到用户的...06拖放劫持防御方法1、更换更安全的浏览器并拒绝危险组件目前只有FireFox和IE浏览器支持拖放功能，Chrome并不支持拖放功能，所以使用Chrome浏览器可在一定程度上防御拖放攻击；对于IE浏览器来说...2、注意观察拖放内容在支持拖放功能的火狐和IE浏览器中，在拖动的过程中能清楚的看到鼠标移动时拖放的内容，对于拖放劫持而言图片的“移动”并不是拖动的结果，而是两个位置、两张图片，透明度交替变换的作用，真正移动的是图片上方的

2012 0

【HTML5】逐步分析如何实现拖放功能

那么，就让我们来看看如何实现的吧二、拖放事件在IE4的时候，Js就可以实现拖放功能了，当时只支持拖放图像和一些文本。...因此，图像、链接、文本的 draggable 属性默认为 true，其余元素的 draggable 属性默认为 false 在实现拖放功能时有这样两个概念，分别是被拖动元素和目标元素，它们都有各自支持的事件...那么最后我们再来将一下如何才能触发 drop事件，只需要阻止 dragenter事件和 dragover事件的默认行为即可。 <!...，这个两个属性需要搭配使用，它们决定了被拖放元素和目标元素之间的关系的，当设定好两者的关系后，在进行拖动操作的时候，鼠标会根据不同的关系显示不同的样式，除此之外，没有别的特别的作用。...‘link’ 的 dropEffect 目标元素 copymove 只允许值为 ‘copy’ 和 ‘move’ 的 dropEffect 目标元素 linkMove 只允许值为 ‘link’ 和 ‘move

1.4K1 0

【JS】1724- 重学 JavaScript API - Drag and Drop API

这个 API 提供了一系列的事件和方法，使我们能够轻松地处理拖放操作。 1.2 作用和使用场景拖放 API 作用在于使网页具备拖放功能，为用户提供更直观、灵活的交互体验。...drop-target 设置为可拖拽元素和可放置元素，冰分别监听 dragstart和 dragover事件，添加相应的处理逻辑，实现了一个简单的拖放操作。...4.2 优缺点拖放 API 有以下优点和缺点：优点：提供了直观、灵活的拖放功能，提高用户体验。可以轻松实现拖放排序、文件上传等常见交互操作。...提供了丰富的事件和方法，使开发者可以自定义拖放行为。缺点：在某些较旧的浏览器中可能存在兼容性问题。拖放操作可能受到设备的限制，如移动设备上的触摸操作。...提供适当的视觉反馈和指导，以帮助用户理解和使用拖放功能。遵循这些建议和注意事项，可以更好地应用拖放 API ，并为用户提供优秀的拖放体验。 6.

1932 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云