qml 滑动按钮_QML学习笔记（八）— QML实现列表侧滑覆盖按钮

import QtQuick 2.7import QtQuick.Window2.3import QtQuick.Layouts1.3import QtQuick.Controls2.2import Qt.an.qobjectSingleton1.0as Global

import"../../Component"Window{

id:sstpWind

width:580height:420minimumWidth:520minimumHeight:420title:"Sttp SetUp Window"color: Global.GlobalVar.windowBg

visible:trueListView{

id:sstpView

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{

num_1:1num_2:'-020'ssr:'A5010'//应答机编码

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

vip:true//是否为vip

type:"B737-800"//机型

status:"放行"//状态

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

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

time:"1215"//时间

airport:"ZPPP"//机场

runway:"01"//跑道

procedure:"LUM-01D"//进离场程序

}

ListElement{

num_1:1num_2:'-020'ssr:'A5610'//应答机编码

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

vip:true//是否为vip

type:"B737-800"//机型

status:"五边"//状态

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

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

time:"1215"//时间

airport:"ZPMS"//机场

runway:"01"//跑道

procedure:"LUM-09A"//进离场程序

}

ListElement{

num_1:1num_2:'-020'ssr:'A0026'//应答机编码

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

vip:false//是否为vip

type:"B737-"//机型

status:"穿越"//状态

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

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