qml - 如何在 BlackBerry 10 Cascades 中创建图像按钮？

Question

我需要在 Cascades Qml 中创建自定义 UI 元素，如按钮和带有图像背景的列表，但是似乎没有办法设置按钮等控件的背景。

我在任何地方都找不到这样的例子。

这似乎可以通过使用容器并创建自定义控件来实现，但我没有看到让该容器具有 onClick 事件的方法。

Answer 1

在BB10中自定义控件其实非常容易。这是您尝试执行的操作的示例:

Container {
    property alias text: label.text
    property alias image: imagev.imageSource
    ImageView {
        id: imagev
        imageSource: "asset:///images/Button1.png"
    }        
    Label {
        id: label
        text: "demo"            
    }

    gestureHandlers: [
        TapHandler {
             onTapped: {
                 //do tapped code
             }                
        },
        LongPressHandler {
            onLongPressed: {
                //do long press code
            }            
        }        

    ]
}

将其保存为“CustomButton.qml”，然后在您的主 QML 文件中您可以像这样访问它:

Page {
    CustomButton {
        text: "my text"
        image: "images/myimage.png"
    }
}