qml学习------Button属性

本来学习了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