Join Now

Code implementation for GUI

Carbider | 25 October, 2007 09:28

At post: Assembling GUI set reflecting future BluSPAN functionality I have shown the GUI that will take place at BluSPAN application. Now I will tell you about some difficulties I’ve faced during this.
Since the Status” menu-item in Options menu was created, I wanted it to perform Query List popup for user can select his status. This was done with “List Single Query Dialog” component.
After lots of research, and looking at examples, I knew that after this component is placed onto designer, the “RunListQuery1L();” is generated.
So I’ve implemented the “selected” event with call to it:
… ::HandleStatusMenuItemSelectedL( TInt aCommand )
{
            // Run the Single Query list Of Status
            int resultIndex = RunListQuery1L();
           
            return ETrue;
}

And it worked.

 
Picture 1 – Event tab in Carbide ะก++
Creating new UI design in current application
To allow user customize the “USER”, “PAN” and other settings I had to create new designs with Settings Lists.
To do that, just right click on a project, and select:
New->Other->Symbian OS->S60 UI Design
Select “Setting Item List” type of interface. Write appropriate name. For example: “SettingsPAN” and click Finish. After that you can start customizing new UI design by arranging the components.
Once a User Settings design, was created, I’ve put “Text Editor” component there for user’s nickname . After Build the error occurred: 
object 'KEdit1MaxLength' redefined”. 
But that was not so definitely, because I’ve made a lot of Designs to that time, and I’ve got a lot of similar errors. After examination it was clear that UI Designer generated the same code for newer “Text Editor” as it was for main application’s design (there was “Text Editor” too). Is it so clear?
But I’ve changed Component’s name from “edit1” to “User_edit1”. The errors stepped back.
At current stage I have a lot of Design screens with BluSPAN settings. But I don’t know how to switch between them. When new Design is created, the remark is shown: “Use View Switching: Avkon View-Switching architecture uses the View Server to activate your designs”. But I did find how to use it. 

Picture 2 – The questions is: How to switch UI designs in application?
Did anybody face this challenge?

Comments

Re: Code implementation for GUI

tote_b5 | 25/10/2007, 12:14

tote_b5 Konstantine,

Sorry for being off-topic, but why do you use totally different fonts/font sizes/styles compared to any other FN bloggers? We should be consistent in the design and layout of our posts, I think.

Best regards,

Tote

Re: Code implementation for GUI

Carbider | 25/10/2007, 13:07

Carbider Hello, Torok

The reason I use other font-size is i feel it too small to read. That's my own feeling and I tried to make it bigger.
The thing about styles:
I just want to mark out some headers, error notifications and program codes. I didn't see any Blogger's style guide, and chose it by my own.

But, thank you for your note. If you think we should be consistent in our posts, i'll try to follow it. But the size is still small...

Konstantine

Style

David | 02/11/2007, 13:01

Hmmm, since Konstantine seems to be posting more than anyone else on this site 2 to 1, perhaps the other bloggers should be inline with him?

I think the way he's using screen captures, creating graphics for his posts and clearing defining pieces of code in his posts only enhances the value of the posts.

Keep up the good work Konstantine with color and everything.

You must login to post comments. Login
 
 
Powered by LifeType