AppInventor: Input text

From OnnoWiki
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


Tampilan Blocks

Implentasi dilakukan dengan satu block untuk Hide Keyword setelah data entry.

MultilineBlocks.png

Trik multiline input box adalah men-set multiline property > true. Tambahkan kontrol tambahan untuk memberitahukan saat data entry selesai. Disini, kita menggunakan Tombol dan handle click event dengan memanggil HideKeyboard method dari TextBox1.

Untuk memperoleh text yang dimasukan, dapat mengacu ke Text property dari TextBox1:

Mutliline-text.png

Referensi