0

Black Berry 10 開発で Cascades を使用して、背景としての画像と、場合によっては白いテキストを持つボタンを作成したいと考えています。この class buttonを見つけましたが、ボタンの背景として画像を設定することをサポートしていないようです。私に何ができる？代替方法は何ですか？UIを作成するためにCascades以外の別のライブラリを検討する必要があるのでしょうか??? 助言がありますか？

4

3 に答える 3

2 
 Container {
        id:account
        signal buttonClicked()
        layout: DockLayout {
        }
        preferredWidth: 768.0
        topMargin: 40.0
        bottomMargin: 40.0
        ImageButton {
            id: addButton
            defaultImageSource: "image/button_normal.png"
            pressedImageSource: "image/button_press.png"
            horizontalAlignment: HorizontalAlignment.Center
            onClicked: {
               buttonClicked();
            }
        }
        Label {
            text: "Add"
            verticalAlignment: VerticalAlignment.Center
            horizontalAlignment: HorizontalAlignment.Center
            textStyle {
                base: SystemDefaults.TextStyles.BodyText
                fontSize: FontSize.Small
                color: Color.create("#ffffff")
            }
            touchPropagationMode: TouchPropagationMode.None
        }
    }
于 2013-03-06T04:29:33.670 に答える
0

私は同じ問題に直面しました。

最後に、PBernhardt が言ったように、ImageView または背景画像を含むカスタム コンテナーを作成し、内部にラベルを追加しました。
次に、onTouch をオーバーライドしてさまざまなタッチ状態 (event.isDown()、event.isMove()、event.isUp()) をキャッチし、それに応じてボタンのグラフィックを更新します (テキストの色と背景画像)。

Q_INVOKABLE メソッドを使用して C++ ファイルとバインドしています。

于 2013-02-20T22:12:26.497 に答える
0

デフォルトの Button クラスを使用して、テキストと画像の両方を持つボタンを作成できます: cascades_button.html">https://developer.blackberry.com/cascades/reference/bb_ cascades _button.html

ボタンの背景画像の上にテキストを配置することは、あまりお勧めできません。ボタンは明確で読みやすいものにする必要があります。ここで BlackBerry 10 UI ガイドラインを参照してください: https://developer.blackberry.com/devzone/files/design/bb10/UI_Guidelines_BlackBerry_10.pdf

本当にやりたい場合は、Cascades でいつでもカスタム コンポーネントを構築できます。このカスタム コンポーネントには、上にラベルが付いたイメージがあります。

于 2013-02-08T21:40:43.677 に答える