Cascades Development

[itcraps]

Hi, is there any way to change the TitleBar color via QML? I want to achive gradient color titlebar, pretty much like Twitter or Foursquare..

Thanks a bunchhhhhhhhhhhhhhhhhhhh

[greenback · Accepted solution]

EIther FourSquare/Facebook is using a newer version of the SDK which enables visual control of the TitleBar Cascades component (since current implementation does not allow for customizations beyond properties specified in the docs) or, the most likely scenario, they are making their own custom "TitleBar" using a combination of the following components.

Container{}

• For the container. Using layout: DockLayout{}
  https://developer.blackberry.com/cascades/reference/bb__cascades__container.html

ImageVIew{}

• For the any icons or visual elements.
  https://developer.blackberry.com/cascades/reference/bb__cascades__imageview.html

ImageButton{}

• For Custom Buttons
  https://developer.blackberry.com/cascades/reference/bb__cascades__imagebutton.html

ImagePaint{}

• For repeating pattern, such as a gradient(applied to a container or sub-container
  https://developer.blackberry.com/cascades/reference/bb__cascades__imagepaint.html
  
  

Label{}

• For any text
  https://developer.blackberry.com/cascades/reference/bb__cascades__label.html

And let's say you have a custom spinner or animation you want to play when your user interacts in someway with your custom TitleBar. You would use animations[] handler attached to an ImageView{} component

RotateTransition{}
https://developer.blackberry.com/cascades/reference/bb__cascades__rotatetransition.html


That is how you basically would make the custom view. 
This would be a great post for The Cascades Blog™

[ekke]

there's already an Issue reported by me, please vote for BBTEN-207

[itcraps]

Cool. Thanks!!!!

[bunny1985]

i'm guesing that they are not uing cascades.

Changing titlebar is easy task in bbui and thats how its look like for me