按钮

最新推荐文章于 2025-04-02 09:00:00 发布

weixin_30325793

最新推荐文章于 2025-04-02 09:00:00 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bb10/archive/2012/07/24/2606236.html

前提：

　　1、黑莓10开发的环境

2、会创建简单的项目

效果：

步骤：

　　1、创建名为Learn002_button的cascades 标准空项目

2、文件结构，（其中images文件下载）

3、修改main.qml,代码如下

import bb.cascades 1.0

Page {
    Container {
        //堆栈式布局，上下左右边距都为30
        layout: StackLayout {
            leftPadding: 30.0
            rightPadding: 30.0
            topPadding: 30.0
            bottomPadding: 30.0
        }
        
        //普通按钮
        Button {
            id: buttonID01
            text: "button 01"
            onClicked: {
                textNote.text="button 01 Clicked"            
            }
        }
        //普通按钮+图片
        Button{
            id: buttonID02
            text: "button 02"
            imageSource: "asset:///images/button/button_icon_orange_green.png"
            onClicked:{
                textNote.text="button 02 Clicked"
            }
        }
        //图片按钮
        ImageButton{
            id: imageButtonID01
            defaultImageSource: "asset:///images/button/image_button_enabled.png"
            pressedImageSource: "asset:///images/button/image_button_selected.png"
            disabledImageSource: "asset:///images/button/image_button_disabled.png"
            onClicked:{
                textNote.text="imageButton Clicked"
            }
        }
        //图片开关按钮
        ImageToggleButton {
            imageSourceDefault: "asset:///images/button/button_icon_orange_green.png"
            imageSourceChecked: "asset:///images/button/button_icon_orange_ripe.png"
            imageSourcePressedUnchecked: "asset:///images/button/button_icon_orange_dust.png"
            imageSourcePressedChecked: "asset:///images/button/button_icon_orange_dust.png"
            preferredWidth: 200.0
            preferredHeight: 200.0
            onCheckedChanged: {
                if(checked)
                    textNote.text="ImageToggleButton Checked"
                else
                    textNote.text="ImageToggleButton UnChecked"
            }
        }
        //普通开关按钮
        ToggleButton {
           id: toggleButton
           onCheckedChanged: {
                if(checked)
                    textNote.text="ToggleButton Checked"
                else
                    textNote.text="ToggleButton UnChecked"
            }
        }
        
        //文本框
        TextArea {
            id: textNote
            layoutProperties: StackLayoutProperties {
                horizontalAlignment: HorizontalAlignment.Fill
            }
            text: qsTr("textNote")
            preferredHeight: 80.0
        }
    }//Container
}//Page