QML学习笔记（七）— 实现可拖拽、编辑、选中的ListView

QML学习笔记（七）— 实现可拖拽、编辑、选中的ListView

鼠标单击可选中当前项，头部呈绿色显示；按压当前项可进行拖拽更换列表项位置；点击数据可以进行编辑；

GitHub:八至

作者：狐狸家的鱼

 

 

这里是自己定义的model，有些字体和颜色都是使用的全局属性，

ListView{
        id:thelist
        property bool isClicked: false //初始化没有点击事件
        anchors.fill: parent
        clip:true
        interactive: !isClicked
        focus: true
        flickableDirection: 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: 4
        cacheBuffer: 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"//进离场程序