Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Java Development

Reply
New Contributor
developerbbm
Posts: 4
Registered: ‎12-07-2012
My Device: Bold 9930
My Carrier: AT&T

How to make screen like this

Hi,

I am trying to make a screen like this :

screen

 

 

How to make it ?

Can you suggest me ?

Thanks in advance.

Please use plain text.
Developer
peter_strange
Posts: 19,601
Registered: ‎07-14-2008
My Device: Not Specified

Re: How to make screen like this

How much BlackBerry experience do you have? 

Please use plain text.
Developer
simon_hain
Posts: 15,953
Registered: ‎07-29-2008
My Device: Z10 LE
My Carrier: O2 Germany

Re: How to make screen like this

welcome to the support forums.

first, you have to identify the logical units. in this case you would have a field (containing of the icon and the label) as it should be focusable and paint a custom focus.
then you have a manager to alihn the fields.
and finally a screen with a background image.

this should give you a starting point with the field, the most important part:
http://supportforums.blackberry.com/t5/Java-Development/Create-custom-fields/ta-p/444962
----------------------------------------------------------
feel free to press the like button on the right side to thank the user that helped you.
please mark posts as solved if you found a solution.
@SimonHain on twitter
Please use plain text.
New Contributor
developerbbm
Posts: 4
Registered: ‎12-07-2012
My Device: Bold 9930
My Carrier: AT&T

Re: How to make screen like this

I  haven't much experience with blackberry.

Therefore, a code guide will be a great thing.

Please use plain text.
Developer
peter_strange
Posts: 19,601
Registered: ‎07-14-2008
My Device: Not Specified

Re: How to make screen like this

"I  haven't much experience with blackberry."

 

Unfortunately this is going to make your screen a little difficult.  There is no very simple way to make the screen you are trying to make.  And in fact there a number of ways to make it, some more efficient, but more complex than others.

 

I suggest we divide the work into two parts

a) Create the Buttons

b) Position the Buttons

 

This is assuming that you already know how to create an Application in Blackberry and have that Application display a Screen.  If you do not know how to do that, then the place to start is as usual, the Hello World sample. 

 

We should focus on (a) first.

 

The screen shot suggests that you want images displayed.  That the user can click, and that these will show focus by having a 'clue' border.  The easiest way to achieve this is to create the image, add it to a BitmapField to display the image, and then use

<Field>.setMargin(....)

to give some space around the image for focus to be seen.    So work on that.

 

Once you have that you need to convert this BitmapField into a button.  This is achieved by overriding navigationClick.  I think there are numerous examples of this in the forum so won't repeat this code here.

 

Finally you need to tie this click up with whatever you are tying to do next.  This is up to you.

 

Once you get to this stage then you will have 4 image buttons displayed vertically on the screen.  Then you can ask the question "how do I get these in the centre".  And you will understand more about Blackberry processing and so be better informed regarding the answer.

 

OK?

Please use plain text.
New Contributor
developerbbm
Posts: 4
Registered: ‎12-07-2012
My Device: Bold 9930
My Carrier: AT&T

Re: How to make screen like this

how to image and it's label attached together ?

Please use plain text.
Developer
peter_strange
Posts: 19,601
Registered: ‎07-14-2008
My Device: Not Specified

Re: How to make screen like this

The easiest way, assuming you don't want to translate the label, is to make the image include the text.  If you do want to seperate them, then add the BitmapField and a LabelField with the text set as you want to a HorizontalFieldManager, then add the HorizontalFieldManager to the screen. 

Please use plain text.
New Contributor
developerbbm
Posts: 4
Registered: ‎12-07-2012
My Device: Bold 9930
My Carrier: AT&T

Re: How to make screen like this

My first idea is to design an interface as the blackberry's main application interface.
I think the code faster than the ideas.
Have you a code example for my design?

Please use plain text.
Developer
simon_hain
Posts: 15,953
Registered: ‎07-29-2008
My Device: Z10 LE
My Carrier: O2 Germany

Re: How to make screen like this

no.
i am sure you can hire a blackberry developer to write you a "sample" though
----------------------------------------------------------
feel free to press the like button on the right side to thank the user that helped you.
please mark posts as solved if you found a solution.
@SimonHain on twitter
Please use plain text.