本博文技术等级: ★★☆☆☆☆☆☆☆☆
我们先看看原始的button什么效果
https://doc.qt.io/qt-5/qml-qtquick-controls2-button.html
可自定义项目:
contentItem: 一般可以文字或者图片
background: 背景
我们这里做两种自定义按钮, 一种是图形文字方式的, 一种是扁平化文字方式的.
根据按钮的 default hover pressed disabled 四种状态进行文字颜色和图片的对应切换
定义一些颜色和字符
property alias txt: txt
property alias img: img
property string s_tex