QMLカスタムbuttonスタイル1

1802 ワード

QMLカスタムbuttonスタイル1
このブログは以下の通りです.http://blog.csdn.net/lys211
転載は出典を明記してください.
自分で書いた小さいボタンのデフォルトの状態は以下の通りです.
QML 自定义button样式1_第1张图片
クリックしてください:
QML 自定义button样式1_第2张图片
動画像:
QML 自定义button样式1_第3张图片
(動的に表示できないようですが…)
動画は以下のアドレスにジャンプしてください.
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