zoukankan      html  css  js  c++  java
  • 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的简单介绍,具体效果图

  • 相关阅读:
    HDU 2767:Proving Equivalences(强连通)
    POJ 2828: Buy Tickets(线段树)
    HRBUST 2078:糖果(模拟,贪心)
    大视野 1016: [JSOI2008]最小生成树计数(最小生成树)
    HRBUST 2064:萌萌哒十五酱的宠物~(最近公共祖先LCA)
    HRBUST 2072:萌萌哒十五酱的礼物~(树,字典树)
    分组 F查询 Q 查询
    连表查询 复习
    django 多表操作
    orm 表单操作
  • 原文地址:https://www.cnblogs.com/waw/p/2156709.html
Copyright © 2011-2022 走看看