ListView{

id:thelist

property bool isClicked:false //初始化没有点击事件

anchors.fill: parent

clip:trueinteractive:!isClicked

focus:trueflickableDirection: Flickable.VerticalFlick

boundsBehavior: Flickable.StopAtBounds

ScrollBar.vertical: ScrollBar {id:scrollBar;active:true;}

Keys.onUpPressed: scrollBar.decrease()

Keys.onDownPressed: scrollBar.increase()

move:Transition {

NumberAnimation{

properties:"x,y";

duration:300}

}

anchors {

left: parent.left; top: parent.top; right: parent.right;

margins:2}

spacing:4cacheBuffer:50

//model: anAirModel

model: ListModel{

id:sstpModel;

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高 ALT-高度

status:"TAI"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//departureTime 起飞时间 离港时间

arrivalTime:"1423"//arrivalTime到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//takeOffRunway 起飞跑道

landingRunway:"xx"//landingRunway 降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高

status:"HANDOVER"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//起飞时间 离港时间

arrivalTime:"1423"//到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//起飞跑道

landingRunway:"xx"//降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高

status:"CLR"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//起飞时间 离港时间

arrivalTime:"1423"//到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//起飞跑道

landingRunway:"xx"//降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高

status:"OFF"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//起飞时间 离港时间

arrivalTime:"1423"//到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//起飞跑道

landingRunway:"xx"//降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高

status:"DESCENT"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//起飞时间 离港时间

arrivalTime:"1423"//到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//起飞跑道

landingRunway:"xx"//降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高

status:"DISENGAGE"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//起飞时间 离港时间

arrivalTime:"1423"//到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//起飞跑道

landingRunway:"xx"//降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

ListElement{

air_iden:"CES5401"//呼号 航班号

type:"A319"//机型

el:"07056"//机场标高

status:"TAI"//管制按钮 HANDOVER-移交 CLR-放行 TAI-滑行 OFF-起飞 DESCENT-降落 DISENGAGE-脱离

etd:"1215"//预计离港时间

eta:"1413"//预计到达时间

departureTime:"1215"//起飞时间 离港时间

arrivalTime:"1423"//到达时间 到港时间

ades:"ZSPD"//到达机场 目的地

takeOffRunway:"xx"//起飞跑道

landingRunway:"xx"//降落跑道

procedure:"xxx"//进离场程序

//tas:"K0860"//巡航速度 860km/h

//waypoint1:"TEBUN";//航路点

//assr:"6255"//应答机编码

//cvsm:"S0820"//对应高度层 82km

}

}

delegate:Rectangle{

id:sstpDelegate

propertyint fromIndex:0propertyint toIndex:0width: parent.width

height:80MouseArea {

id:mousearea

anchors.fill: parent

onClicked: {

thelist.currentIndex=index

}

onPressed: {

thelist.currentIndex=index

sstpDelegate.fromIndex=index

thelist.isClicked= true //每项按钮点击就true

}

onReleased: {

thelist.isClicked= false //每项按钮点击就false

console.log("fromIndex:",sstpDelegate.fromIndex,"toIndex:",sstpDelegate.toIndex)

}

onPositionChanged: {var lastIndex = thelist.indexAt(mousearea.mouseX + sstpDelegate.x,mousearea.mouseY +sstpDelegate.y);if ((lastIndex < 0) || (lastIndex >sstpModel.rowCount()))return;if (index !==lastIndex){

sstpModel.move(index, lastIndex,1);

}

sstpDelegate.toIndex=lastIndex;

}

}

Row{

Rectangle{

id:curRect

width:5height: sstpDelegate.height

color: index===thelist.currentIndex ? Global.GlobalVar.sstpCurIndex : Global.GlobalVar.mainFontColor//选中颜色设置

}

Rectangle{//info

id:infoRect

width: sstpDelegate.width- controlRect.width - 5height: sstpDelegate.height

RowLayout{

spacing: Global.GlobalVar.space*4anchors.left: parent.left

anchors.leftMargin: Global.GlobalVar.space

ColumnLayout{

spacing: Global.GlobalVar.space

MyText{//航班呼号

text: air_iden

fontColor: b1

fontSize: xl

}

TextInput{//预计起飞时间

text: etd

color: Global.GlobalVar.mainFontColor

font.pointSize:12onEditingFinished: {

}

}

TextInput{//起飞时间

text: departureTime

color: Global.GlobalVar.mainFontColor

font.pointSize:12onEditingFinished: {

}

}

}

ColumnLayout{

spacing: Global.GlobalVar.space

MyText{//飞行机型

text: type

fontColor: b1

fontSize: m

}

TextInput{//预计到达时间

text: eta

color: Global.GlobalVar.mainFontColor

font.pointSize:12onEditingFinished: {

}

}

TextInput{//到达时间

text: arrivalTime

color: Global.GlobalVar.mainFontColor

font.pointSize:12onEditingFinished: {

}

}

}

ColumnLayout{

spacing: Global.GlobalVar.space*4MyText{//机场标高

text: el

fontColor: b1

fontSize: m

}

TextInput{//目的机场

text: ades

color: Global.GlobalVar.mainFontColor

font.pointSize:12onEditingFinished: {

}

}

}

ColumnLayout{

spacing: Global.GlobalVar.space*4TextInput{//起飞跑道

text: takeOffRunway

color: Global.GlobalVar.mainFontColor

font.pointSize:12}

TextInput{//进离场程序

text: procedure

color: Global.GlobalVar.mainFontColor

font.pointSize:12onEditingFinished: {

}

}

}

TextInput{//降落跑道

anchors.top: parent.top

text: takeOffRunway

color: Global.GlobalVar.mainFontColor

font.pointSize:12}

}

}

RecLine{id:recLine;direction:false}

Rectangle{

id:controlRect

width:100height: sstpDelegate.height

ColumnLayout{

anchors.horizontalCenter: parent.horizontalCenter

anchors.verticalCenter: parent.verticalCenter

BorderButton{

implicitWidth:80implicitHeight:30borderbtnText: status

fontSize:10MouseArea{

anchors.fill: parent

}

}

MyText{

anchors.horizontalCenter: parent.horizontalCenter

font.family:"FontAwesome"text:'\uf014'fontSize: xl

MouseArea{

anchors.fill: parent

onClicked: an_del.open()

}

}

}

}

}

}

IsDelDialog{id:an_del;x:SSTPWind.width/2;y:SSTPWind.height/2;}

Connections{

target: an_del.del_area;

onClicked:{//anAirModel.remove(thelist.currentIndex)

sstpModel.remove(thelist.currentIndex)

an_del.close()

}

}

}

qml鼠标拖动_QML学习笔记（七）— 实现可拖拽、编辑、选中的ListView相关推荐

  1. Bootstrap学习笔记之Nestable可拖拽树结构

    Nestable是基于Bootstrap的一个可拖拽的树结构表现插件. 下面粗略的介绍一下它的用法,只作为学习参考,如有不合适之处,请各位凑合看. 下图是我在现在系统中用到的Nestable,对系统模 ...

  2. qml鼠标拖动_qml实现窗口的拖拽效果

    核心思想是: 在main中引入QMainWindow对象,将qml文件作为该对象的widget,并将该对象注册到qml中,然后再qml中通过识别鼠标的位移来更改这个mainwindow的pos属性. ...

  3. Typescript 学习笔记七：泛型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  4. 吴恩达《机器学习》学习笔记七——逻辑回归（二分类）代码

    吴恩达<机器学习>学习笔记七--逻辑回归(二分类)代码 一.无正则项的逻辑回归 1.问题描述 2.导入模块 3.准备数据 4.假设函数 5.代价函数 6.梯度下降 7.拟合参数 8.用训练 ...

  5. websocket 获取连接id_Swoole学习笔记七：搭建WebSocket长连接 之 使用 USER_ID 作为身份凭证...

    Swoole学习笔记七:搭建WebSocket长连接 之 使用 USER_ID 作为身份凭证 2年前 阅读 3678 评论 0 喜欢 0 ### 0.前言 前面基本的WebSocket操作,我们基本都 ...

  6. ROS学习笔记七：使用rqt_console和roslaunch

    ROS学习笔记七:使用rqt_console和roslaunch 本节主要介绍在调试时使用的rqt_console和rqt_logger_level,以及一次性打开多个节点的工具roslaunch. ...

  7. 【K210】K210学习笔记七——使用K210拍摄照片并在MaixHub上进行训练

    [K210]K210学习笔记七--使用K210拍摄照片并在MaixHub上进行训练 前言 K210准备工作 K210如何拍摄照片 准备工作 拍摄相关代码定义 用K210拍摄到的照片在MaixHub平台 ...

  8. Learning ROS for Robotics Programming Second Edition学习笔记(七) indigo PCL xtion pro live

    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS forRobotics Pro ...

  9. window的dos命令学习笔记 七

    文章目录 一.dos历史学习笔记(后期整合到这里,我想能学到这里的应该不多了,嘿嘿,加油) 二.执行状态返回值(`%errorlevel%`,和shell中`$?`相似): 三.视窗 1.color ...

  10. ESP32学习笔记(七) 复位和时钟

    ESP32学习笔记(七) 复位和时钟 目录: ESP32学习笔记(一) 芯片型号介绍 ESP32学习笔记(二) 开发环境搭建 VSCode+platformio ESP32学习笔记(三) 硬件资源介绍 ...

最新文章

  1. Linux(lamp安装)
  2. 调焦后焦实现不同距离成像_90%的人都忽视的“最近对焦距离”，其实有大用处...
  3. 孙正义下重金的机械臂独角兽梦碎：估值最高40亿美元，做披萨太难吃，只好去做披萨盒...
  4. Maven项目不能编译jsp解决方法：Unable to compile class for JSP
  5. nginx+lua （一）
  6. Tensorflow（一） 基础命令
  7. Java File类boolean isFile（）方法（带示例）
  8. 中国石化：五年要建充换电站5000座
  9. 设计模式原则之五：里氏置换原则
  10. C# decimal保留指定的小数位数，不四舍五入
  11. linux设置gmt时区,关于GMT UTC CST和Linux时区设置
  12. CentOs7下Zabbix安装教程——zabbix agent安装和前端配置
  13. 图像边缘检测之Prewitt算子
  14. becon帧 wifi_构造并发送Beacon帧以伪造任意WiFi热点
  15. HTML5:＜abbr＞元素
  16. 自动控制原理：反馈控制系统的复域分析
  17. 牛客小白月赛21 I.I love you
  18. BI到底是什么？来听听他们怎么说
  19. Log4j2漏洞发展历程及解决方案
  20. 苹果硬改手机底层udid无限新机技术

热门文章

  1. c语言 intptr_t
  2. 十大算法 — 选择排序法【C语言代码诠释】
  3. wxWindows的事件表机制
  4. 12.TCP的成块数据流
  5. luogu1984 烧水问题 (找规律)
  6. 编译器各个步骤的介绍
  7. HDU 1251 统计难题 （Trie）
  8. PL/SQL 调用JAVA使用UDP发送数据
  9. ARM汇编书写格式及符号（symbol）和表达式（expr）
  10. AS3 JPEG Encoder应用：从Flash中保存图片