Learn How To Select Key Entry Types With The FMX.KeyboardTypes Sample In RAD Studio For Android And iOS Devices

Location

You can find the KeyboardTypes sample project at:

• Start | Programs | Embarcadero RAD Studio Sydney | Samples and navigate to:
  • Object PascalMulti-Device SamplesUser InterfaceKeyboardTypes
  • CPPMulti-Device SamplesUser InterfaceKeyboardTypes
• Subversion Repository:
  • https://github.com/Embarcadero/RADStudio10.3.2Demos/tree/master/Object%20Pascal/Multi-Device%20Samples/User%20Interface/KeyboardTypes
  • https://github.com/Embarcadero/RADStudio10.3.2Demos/tree/master/CPP/Multi-Device%20Samples/User%20Interface/KeyboardTypes

Description

This application shows how to use different types of Virtual Keyboard.

How to Use the Sample

1. Navigate to the one of the locations given above, and open:
   • Delphi: VirtualKeyboardDemo.dproj
   • C++: VirtualKeyboardDemo.cbproj
2. Press F9 or choose Run > Run.
3. Observe that different Virtual Keyboard types (Alphabet, NumberPad, EmailAddress, PhonePad, URL, and others) activate when you place input focus into different edit controls: First Name, Email, Phone, and others.

Classes

TVKBaseForm, named VKBaseForm, is the main window of the KeyboardTypes sample. It contains the VertScrollBox1 vertical scrolling area containing the MainLayout1 layout. MainLayout1 contains the following components:

• ListBox1 list box with multiple list box items containing different TEdit edit controls:
  • ListBoxItem1 contains the First Name edit control (Edit1).
  • ListBoxItem2 contains the Last Name edit control (Edit2).
  • ListBoxItem3 contains the City edit control (Edit3).
  • ListBoxItem4 contains the State edit control (Edit4).
  • ListBoxItem5 contains the Zip Code edit control (Edit5).
  • ListBoxItem6 contains the Email edit control (Edit6).
  • ListBoxItem7 contains the Phone edit control (Edit7).
  • ListBoxItem8 contains the Web Page edit control (Edit8).
• ToolBar1 tool bar containing the Keyboard Types label Label1.

Implementation

• The virtual keyboard type (Alphabet, NumberPad, and others) is stored in the KeyboardType property of edit controls. To change the virtual keyboard type, select an edit control (First Name, Email or other) in the Form Designer and select an needed virtual keyboard type in the KeyboardType property in the Object Inspector.
• The event handlers for OnVirtualKeyboardShown and OnVirtualKeyboardHidden events of the VKBaseForm object are used to scroll the VertScrollBox1 scroll box and adapt the view to the height of the Virtual Keyboard.

If you want to visit the original post, please visit the link below:

http://docwiki.embarcadero.com/CodeExamples/Sydney/en/FMX.KeyboardTypes_Sample

You can also use Windows Apps Studio to create applications for Android and iOS devices, and then use the FMX.KeyboardTypes sample to replicate the Select Key Entry Types.