Создать кнопку на каскадах с фоновым изображением, BB-10
Я хочу создать кнопку с использованием каскадов в разработке Black Berry 10, которая имеет изображение в качестве фона, а также, возможно, текст белого цвета. Я нашел этот класс кнопка, но, кажется, не поддерживает установку изображения в качестве фона на кнопку. Что я могу сделать? Каковы альтернативные способы?
Может быть, я должен рассмотреть другую библиотеку, чем Cascades для создания моего пользовательского интерфейса ??? какие-либо предложения?
Решение
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
}
}
Другие решения
Вы можете иметь кнопку с текстом и изображением, используя класс Button по умолчанию: cascades_button.html «> https://developer.blackberry.com/cascades/reference/bb_каскады_button.html
Фоновое изображение на кнопке с текстом поверх не рекомендуется. Кнопка должна быть четкой и легко читаемой. См. Руководство по интерфейсу BlackBerry 10 здесь: https://developer.blackberry.com/devzone/files/design/bb10/UI_Guidelines_BlackBerry_10.pdf
Если вы действительно хотите это сделать, вы всегда можете создать в Cascades собственный компонент с изображением с надписью сверху.
Я столкнулся с той же проблемой.
В конце, как сказал PBernhardt, я создал пользовательский контейнер с ImageView или фоновым изображением и добавил метку внутри.
Затем я переопределил функцию onTouch, чтобы перехватить различные состояния касания (event.isDown (), event.isMove (), event.isUp ()) и соответствующим образом обновить графику кнопки (цвет текста и фоновое изображение).
Я использую метод Q_INVOKABLE для связывания с моими файлами C ++.