[moved] UI: user text input on canvas

[mango7]

I am developing a mobile application using PyS60, and would like to develop an attractive UI. I would like to use the following functionality:

- allow the user to type onto the canvas

I have not found any examples of this. Does anyone know if this is possible? Has anyone come across any good UI examples on PyS60?

Thanks in advance for your expertise.

[bogdan.galiceanu]

You could detect keypresses and write the text on the canvas accordingly. But it might be tricky to switch between text and number mode.
Or you could use a personalised version of appuifw.Text() with custom font color/size/style. And appuifw2 offers enhanced functionality.

[Rafael T.]

This is quite easy:

import appuifw

# creates an instance for the text

tx = appuifw.Text()


#sets app body to text

appuifw.app.body = tx


# sets the text font

tx.font = u"Nokia Hindi S6016b"


# sets text color - red in this case

tx.color = (255,0,0)


# sets text style - bold in this case

tx.style = (appuifw.STYLE_BOLD)


# adds text Hello World! to the screen

tx.add(u"Hello World!")


# returns unicode string with the screen text

user_text = tx.get()


# clears the text editor

tx.clear()

Hope it helps,

Rafael.

[mango7]

Thanks Bogdan -

It seems like the method you describe would not allow a person to input letters effectively, since each key corresponds to three letters. Am I correct?

I would like to implement my own version of forms and add IM functionality. However, it is important that these features are in keeping with my application design that I will design on the canvas.

Alternatively, perhaps it is possible to import images onto a text interface (appuifw.text)?

[gaba88]

Alternatively, perhaps it is possible to import images onto a text interface (appuifw.text)?

hi mango7

AFAIK you cant draw an image on appuifw.text(). You can draw an image using canvas class and then add text on that image.

hope i got your question.

Enjoy Pythoning
Gaba88

[bogdan.galiceanu]

Thanks Bogdan -

It seems like the method you describe would not allow a person to input letters effectively, since each key corresponds to three letters. Am I correct?

I would like to implement my own version of forms and add IM functionality. However, it is important that these features are in keeping with my application design that I will design on the canvas.

Alternatively, perhaps it is possible to import images onto a text interface (appuifw.text)?

Yes, that's the problem. Three or four letters on each key. There might be an improvised solution: Detect keypresses and if the same key is pressed several times in a very short interval display the correct letter. It's a bit hard to explain but if you have a look at an example of detecting keypresses and use some variables to keep track of intervals between presses it should be possible. Though a lot of work

And sadly it isn't possible to put images on appuifw.Text

[Rafael T.]

It isn´t possible to display an image using appuifw.Text()

You can use appuifw.Canvas() or if the image will be displayed just for some seconds you may put it on a Topwindow()

For the keypress problem, unfortunately, the only solution is the one provided by Bogdan, which really needs lot of work.


BR,

Rafael.