QML 自定义button样式1

QML 自定义button样式1

此博客始创于：http://blog.csdn.net/lys211

转载请注明出处

自己写的小按键，默认状态是：



点击一下：



动态图：



(好像也不能动态显示....)

动态图请跳转到以下地址浏览：
http://www.qtcn.org/bbs/read-htm-tid-58622.html
使用时可以这样：

FenceButton{
  id:fenceBotton;
  x:5;
  initX:5;
  anchors.left: parent.left;
  anchors.verticalCenter: parent.verticalCenter;
  lineColor: root.lineColor;
  lineState:  "default";
  easyBorderWidth: root.easyBorderWidth;
  easyHeight:root.easyHeight;
  height: parent.height;
  onClicked: {
    console.log("FenceButton onClicked")
    if(lineState === "default"){
      lineState = "extend";
    }
    else{
      lineState = "default"
    }
  }
}

改改就能用.

这个按键对应的源码下载地址是：
http://download.csdn.net/detail/lys211/8544281