拖拽

Swift开发:仿Clear手势操作(拖拽、划动、捏合)UITableView

大兔子大兔子 提交于 2020-04-17 03:32:26
【推荐阅读】微服务还能火多久?>>> 这是一个完全依靠手势的操作ToDoList的演示,功能上左划删除,右划完成任务,拖拽调整顺序,捏合张开插入。 项目源码: https://github.com/luan-ma/ClearStyleDemo.Swift 初始化 TDCToDoItem.swift 定义模型对象 TDCToDoListController.swift 继承自 UITableViewController, 演示UITableView操作 var items = [ TDCToDoItem(text: "Feed the cat"), TDCToDoItem(text: "Buy eggs"), TDCToDoItem(text: "Pack bags for WWDC"), TDCToDoItem(text: "Rule the web"), TDCToDoItem(text: "Buy a new iPhone"), TDCToDoItem(text: "Find missing socks"), TDCToDoItem(text: "Write a new tutorial"), TDCToDoItem(text: "Master Objective-C"), TDCToDoItem(text: "Remember your wedding anniversary

javafx实现拖人文件到node,将node里面的内容为文件保存

假装没事ソ 提交于 2020-03-02 03:08:13
最近研究了下javafx客户端人性化方面的,拖来拖去什么的最爱了,接下来给大家讲解下javafx怎么获取拖入的文件和将node里面的内容拖出为文件 1.获取拖入的文件 //build drag txtAreaChangePane.setOnDragOver(new EventHandler<DragEvent>() { //node添加拖入文件事件 public void handle(DragEvent event) { Dragboard dragboard = event.getDragboard(); if (dragboard.hasFiles()) { File file = dragboard.getFiles().get(0); if (file.getAbsolutePath().endsWith(".java")) { //用来过滤拖入类型 event.acceptTransferModes(TransferMode.COPY);//接受拖入文件 } } } }); txtAreaChangePane.setOnDragDropped(new EventHandler<DragEvent>() { //拖入后松开鼠标触发的事件 public void handle(DragEvent event) { // get drag enter file

浏览器兼容的实现table中通过拖拽改变列宽的最佳实践

♀尐吖头ヾ 提交于 2019-12-14 11:49:43
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在企业级应用中,表格是非常常见的展现方式,这时当列数据较长时,一种比较自然,体验也较好的处理方式就是通过拖拽改变列宽,这个功能在一些重量级JS组件库中都有提供,实现原理各有不同,但是一个共同点就是实现比较复杂,那我们通过很少的代码,常规的table结构,能实现这个功能么?本文将提供一个经过实际验证的实践,供开发者参考,扩展思路。 总体思路: 1.HTML结构: 为了简化代码,采用标准的HTML结构,即table-tr-td模式,无其他限制,在我们的实际应用中,表格非常复杂,但是核心技术没有变; 2.事件: 采用onmousedown、onmousemove、onmouseup三个事件相结合的方式,处理鼠标拖动元素过程中的事件; 3.浏览器兼容: 整个实现中,涉及到事件模型,offsetX偏移量计算等存在浏览器差异的情况,本文都提供了精炼的处理,并经过了测试; 4.列宽度计算: 拖动改变列宽的核心算法是,鼠标移动过程中计算鼠标在屏幕上滑动过的水平距离,可能是正值可能为负,然后加上单元格原来的宽度,计算得出新的宽度; 5.边界才可拖动并改变光标样式: 这个是通过元素的offsetWidth和offsetX数据计算得出,只有在光标位于边框线两侧4px范围内的区域,才可以拖动,并且改变光标样式; 下面附上代码

JS弹框,支持ajax调用、拖拽,jquery、mootools两个版本

扶醉桌前 提交于 2019-11-27 03:04:42
JS弹窗,有jquery和mootools两个版本 要求:jquery版本>=1.2.6,mootools用最新版本 先看截图啊: 在firefox、chrome、高版本ie下:有阴影、圆角效果 调用方法: <input type="button" value="居中" onclick="mybox({title:'老衲',content:'B你好<br><br><br><br>世界',width:200,height:100,pos:'center'})" /> <input type="button" value="右下角" onclick="mybox({width:400,height:200,pos:'rightdown'})" /> <input type="button" value="ajax调用" onclick="mybox({width:400,height:200,ctype:'url',url:'echo.php'})" /> 样式:css <style type="text/css"> *{ margin:0; padding:0;} .popbox{ position:absolute; width:300px; border:1px solid #84a0c4; background:#d3e2f5; border-radius:3px; box