我如何创建一个按钮的背景颜色我选择在黑莓10级联

Question

我想在黑莓10级联中创建一个我选择的背景颜色的按钮。

Answer 1

创建您自己的按钮非常简单，只要您至少习惯了qml:)

下面是一个自定义按钮的示例，将其放在CustomButton.qml等文件中。你也可以使用属性来传递颜色，使其易于重用。

Container {
    property alias text: label.text
    signal clicked()  //emits a clicked signal.
        gestureHandlers: [
        TapHandler {
                onTapped: {
                    clicked();
            }
        }
    ]
    layout: DockLayout {
    }
    Container {
        background: Color.Red
        horizontalAlignment: HorizontalAlignment.Fill
        Container {
            horizontalAlignment: HorizontalAlignment.Center
            verticalAlignment: VerticalAlignment.Center
            topPadding: 10
            bottomPadding: 15
            leftPadding: 20
            rightPadding: 20
            Label {
                id: label
                text: "demo"
                textStyle {
                    base: tsLabel.style
                }
                topMargin: 0
                bottomMargin: 0
                topPadding: 0
                bottomPadding: 0
            }
        }
    }
    attachedObjects: [
        TextStyleDefinition {
            id: tsLabel
            base: SystemDefaults.TextStyles.BodyText
            fontSize: FontSize.Small
            color: Color.White
            fontWeight: FontWeight.W100
        }
    ]
}

要在你的主页中使用这个，你只需要做下面的事情:

CustomButton {
    text: "my button"
    onClicked: {
        //do code
    }
}

为了增强这一点，你可以在ontap函数中添加动画或颜色变化。您还可以使用9patch按钮图像，使用imagePaint而不是Color.Red.