73.qt quick-通用可拖拽表盘示例

截图如下所示:

 效果如下所示:

源码已上传至专栏群(第一章底部获取)中,感兴趣的自行下载

demo使用介绍

控件自定义属性已经封装出来了,如下图所示:

main.qml如下所示:

  

   

    

     

    
    

     

      import QtQuick 
      2.14
     
    
   

    

     

    
    

     

      import QtQuick.Window 
      2.14
     
    
   

    

     

    
    

     

      import QtQuick.Extras 
      1.4
     
    
   

    

     

    
    

     

      import QtQuick.Layouts 
      1.14
     
    
   

    

     

    
    

     

      Window {
     
    
   

    

     

    
    

     

          width: 
      850
     
    
   

    

     

    
    

     

          height: 
      480
     
    
   

    

     

    
    

     

          visible: 
      true
     
    
   

    

     

    
    

     

          title: 
      qsTr(
      "通用可拖拽表盘 - 诺谦")
     
    
   

    

     

    
    

     

          color: 
      "#010101"
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          RowLayout {
     
    
   

    

     

    
    

     

              anchors.fill: parent
     
    
   

    

     

    
    

     

              anchors.margins: 
      10
     
    
   

    

     

    
    

     

              anchors.leftMargin: 
      50
     
    
   

    

     

    
    

     

              spacing: 
      10
     
    
   

    

     

    
    

     

              ColumnLayout {