本来学习了qml中的button,其实qml中的button跟qtQPushButton以及其他语言中的按钮是相同的。
首先通过一个简单的例子来学习button。
<code class="hljs scss has-numbering" style="display: block; padding: 0px; background: transparent; color: inherit; box-sizing: border-box; font-family: "Source Code Pro", monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal;">import QtQuick 2<span class="hljs-class" style="box-sizing: border-box;">.2</span>
import QtQuick<span class="hljs-class" style="box-sizing: border-box;">.Window</span> 2<span class="hljs-class" style="box-sizing: border-box;">.1</span>
import QtQuick<span class="hljs-class" style="box-sizing: border-box;">.Controls</span> 1<span class="hljs-class" style="box-sizing: border-box;">.2</span>
Rectangle{
<span class="hljs-attribute" style="box-sizing: border-box;">width</span><span class="hljs-value" style="box-sizing: border-box;">: <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">320</span>;</span>
<span class="hljs-attribute" style="box-sizing: border-box;">height</span><span class="hljs-value" style="box-sizing: border-box;">: <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">240</span>;</span>
<span class="hljs-attribute" style="box-sizing: border-box;">color</span><span class="hljs-value" style="box-sizing: border-box;">:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"gray"</span>;</span>
<span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;">Button</span>{
<span class="hljs-value" style="box-sizing: border-box;">text</span><span class="hljs-value" style="box-sizing: border-box;">:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Quit"</span>;</span>
anchors<span class="hljs-class" style="box-sizing: border-box;">.centerIn</span><span class="hljs-value" style="box-sizing: border-box;">: parent;</span>
onClicked<span class="hljs-value" style="box-sizing: border-box;">: {
Qt.quit();</span>
}
}
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li></ul>
要使用button类,就必须
import QtQuick.Controls 1.2
上面的代码创建了一个名字为Quit的按钮,并且在按钮单击的时候执行退出操作。
下面来看下Button有哪些属性吧。
text:按钮文字
checkable:设置button是否可选,如果可选,保存button选中状态。
iconName: 图标的名字,iconName的优先级是高于iconSource的
isDefault:是否是默认按钮,如果是默认按钮,当按下Enter就会触发Click()信号。
pressed:保存了按钮的按下状态
menu:允许为button关联一耳光菜单,用户单击的时候就能弹出菜单。
action:允许设定按钮的action,通过action可以定义按钮的checked,text,tooltip,iconSource等属性,还可以绑定click()信号等。
activeFocusOnpress:指定按钮被瞎按下时是否获取焦点,默认是false;
style:指定按钮的风格,允许定制按钮的背景和文本
以上差不多就是button按钮学习的东西了
网址:http://blog.csdn.net/u011619422/article/details/48178095