Meego touch基本控件介绍—Button篇

     前面我们也写过关于meegotouch的两个小程序，相信大家对meegotouch的界面风格都有一定的感观认识，今天写了一个关于button的小程序，一起了解下button的性质。至于button的分类和基本概念，可以点击这里查看。

     Button目前有5种，PushButton， ToggleButton， Checkbox， IconButton， SwitchButton。它们都继承于MButton类，通过设置不同的ViewType来区分。简单的说，PushButton和IconButton是用来控制行为，自身状态不发生变化，常用来起始一个动作。而ToggleButton，Checkbox，SwitchButton也是用来控制行为，但是自身的状态会发生变化，比如是否checkbox是否勾选等等，常用来控制开关状态。
　　1.Push button
     MButton中最基本的控件，也是默认的控件，直接可以通过new Button（“控件显示内容”）创建，控件显示内容也可以通过setText进行设置。其ViewType可以不用设置，也可以设置为MWidgetController::defaultType，通过conect挂载clicked的行为。

   
   
   
   

    
    
    
    
    MButton
    
    
    
    *
    
    
    
     pushButton 
    
    
    
    =
    
    
    
     
    
    
    
    new
    
    
    
     MButton(
    
    
    
    "
    
    
    
    PushButton
    
    
    
    "
    
    
    
    );
pushButton
    
    
    
    ->
    
    
    
    setViewType(MWidgetController::defaultType);
connect(pushButton, SIGNAL(clicked()), 
    
    
    
    this
    
    
    
    , SLOT(pushButtonClicked()));
   
   
   
   

　　2.Icon Button
     顾名思义，应该是图片按钮，就是可以给按钮设置图片，取代了push button的文字显示，ViewType需要设置为MButton::iconType，并通过setIcon的方法来设置图片，但是图片需要创建一个QIcon的对象。通过connect挂载clicked行为。

   
   
   
   

    
    
    
    
    MButton
    
    
    
    *
    
    
    
     iconButton 
    
    
    
    =
    
    
    
     
    
    
    
    new
    
    
    
     MButton();
iconButton
    
    
    
    ->
    
    
    
    setViewType(MButton::iconType);
iconButton
    
    
    
    ->
    
    
    
    setIcon(QIcon(
    
    
    
    "
    
    
    
    iconbutton.png
    
    
    
    "
    
    
    
    ));
connect(iconButton, SIGNAL(clicked()), 
    
    
    
    this
    
    
    
    ,  SLOT(iconButtonClicked()))
   
   
   
   

　　3.Toggle Button,  Checkbox, Switch Button
     分别设置ViewType为MButton::toggleType，MButton::checkboxType，MButton::switchType，需要设置是否可选通过setCheckable()函数，默认是不可选的。通过connect挂载clicked的行为，clicked会传递是否选中的状态给行为函数。可以通过setChecked(bool)函数来激发以上控件改变状态。

   
   
   
   

    
    
    
    MButton
    
    
    
    *
    
    
    
     toggleButton 
    
    
    
    =
    
    
    
     
    
    
    
    new
    
    
    
     MButton(
    
    
    
    "
    
    
    
    ToggleButton
    
    
    
    "
    
    
    
    );
toggleButton
    
    
    
    ->
    
    
    
    setViewType(MButton::toggleType);
    
    
    
    //
    
    
    
    设置不同的ViewType
    
    
    
    

    
    
    
    toggleButton
    
    
    
    ->
    
    
    
    setCheckable(
    
    
    
    true
    
    
    
    );
connect(toggleButton, SIGNAL(clicked(
    
    
    
    bool
    
    
    
    )), 
    
    
    
    this
    
    
    
    ,SLOT(toggleButtonCheckableClicked(
    
    
    
    bool
    
    
    
    )));
   
   
   
   

　　以上是Button的简单介绍，具体效果图