天天看點

Qt-QML-Button-ButtonStyle-實作滑鼠滑過點選效果

這裡盜版貼上Qt幫助文檔中的部分關于Button的屬性内容

Qt-QML-Button-ButtonStyle-實作滑鼠滑過點選效果

Button有自己的style 的屬性,可以實作自己的想法,經過摸索,我暫時做出了滑鼠滑入,點選,和正常的效果

簡單的效果如下圖

Qt-QML-Button-ButtonStyle-實作滑鼠滑過點選效果

預設為紅色,滑鼠劃入為綠色,滑鼠點選為黃色

下面是實作代碼

import QtQuick 2.0

import QtQuick.Controls 1.4

import QtQuick.Controls.Styles 1.4

Button

{

   id: root_Button

   property string nomerPic: "qrc:/Images/001.png"

   property string hoverPic: "qrc:/Images/002.png"

   property string pressPic: "qrc:/Images/003.png"

   style: ButtonStyle

   {

       background:Rectangle

       {

           implicitHeight:root_Button.height

           implicitWidth:root_Button.width

           Image

           {

               anchors.fill: parent

               source:

               {

                   if(control.hovered)

                   {

                       if(control.pressed)

                       {

                           pressPic

                       }

                       else

                           hoverPic

                   }

                   else

                       nomerPic

               }

           }

       }

   }

}

有什麼不懂得 ,可以問我哦。