AppInventor: Input text

From OnnoWiki
Revision as of 19:55, 10 October 2015 by Onnowpurbo (talk | contribs)
Jump to navigation Jump to search

Sumber: http://appinventor.pevest.com/?p=674

AppInventor TextBox menudung single line dan multi-line input. TextBox control default adalah single line mode.

Tampilan App

Multiline TextBox seperti single line text box.

Screenshot 2015-04-08-18-03-40-576x1024.png


Untuk memasukan line ke dua (atau ke tiga), tap tombol Enter di sebelah kanan bawah dari onscreen keyboard. Hasilnya:

Screenshot 2015-04-08-18-03-57-576x1024.png


Tampilan Designer

To set up a multiline TextBox, drag the TextBox control from the palette to the Canvas. Add a Button control and change the text on the button to say “Done:.

MultilineDesigner.png

Click the mouse (or select) the TextBox control and then refer to the control’s properties on the right side of the Designer view. In the Properties list, scan down to the MultiLine item and check the checkbox.

MultilineProperties.png


Blocks View

After all that description, how do we implement this feature? With one block to hide the keyboard after data entry!

MultilineBlocks.png

The trick for the multiline input box is to set the multiline property to true, and then add another control to indicate when data entry is finished. Here, we use a Button and handle the click event by calling the HideKeyboard method of TextBox1.

To obtain the entered text, refer to the Text property of TextBox1:

Mutliline-text.png


Referensi