×

Discussion Board

Results 1 to 2 of 2
  1. #1
    Registered User
    Join Date
    May 2010
    Posts
    43

    LWUIT Anatomy of WeChat's conversation pane?



    hello, i'm fairly new to lwuit. can someone identify what components should I be using? to make a conversation pane similar to WeChat's?

    what I can grasp currently is just probably the "send" button at the top, is most probably just a command in the form which is set to
    Code:
    setDefaultCommand
    not sure how to make the generic "send" icon.

    my more pressing question is, how do you make those balloon wrapped text in the conversation? how do you make a container like that?

  2. #2
    Registered User
    Join Date
    Dec 2012
    Location
    India
    Posts
    264

    Re: LWUIT Anatomy of WeChat's conversation pane?

    It is possible to modify the image of ActionButton 1 in Full touch phones.You need to create an Icon Command.

    More info here (Check Last Section ) :

    http://developer.nokia.com/Resources...and-types.html

    There are many ways to achieve a UI like this.Here is my theory.

    Create two containers,one for the conversation pane and the second for the bottom portion.The form is not scrollable, but the first container is.Conversation pane has a custom text area component with a small dent on the left or right , to look like a conversation bubble.It has a standard Margin.There is also a Label which is added to the centre, for showing the time.The layout for conversation pane will be BoxLayout.Y_AXIS.Each time a conversation is obtained, an instance of the custom component is created and added to the pane.

    The bottom part has two components added in BOX_LAYOUT.X_AXIS.One is a button with the smiley image and another is a custom Text Field which can accept a Hint Text as shown in the pic.
    Last edited by arunkam; 2013-08-09 at 07:46.

Similar Threads

  1. How WeChat can send large file size image...?
    By muhamad.iqbal in forum Mobile Java General
    Replies: 5
    Last Post: 2013-07-04, 06:55
  2. lwuit tabbed pane
    By rchadalawada in forum Mobile Java General
    Replies: 4
    Last Post: 2012-12-09, 14:58
  3. How to change the Tabbed pane color in lwuit using netbeans?
    By karuna. in forum Mobile Java General
    Replies: 1
    Last Post: 2011-04-15, 16:29
  4. Tabbed pane in lwuit
    By kumar1234567 in forum Mobile Java General
    Replies: 1
    Last Post: 2011-04-15, 16:10
  5. LWUIT Tabbed-pane problem
    By crimson2009 in forum Mobile Java Media (Graphics & Sounds)
    Replies: 1
    Last Post: 2010-10-18, 18:08

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •