FMX.KeyboardToolbar Sample

This is a sample that shows the use of a popup keyboard in mobile applications using FireMonkey.

Note: This sample application only works on iOS. It does not work on Android.

Click Add to create a new custom button

Location

You can find the FireMonkeyMobile KeyboardToolbar sample project at:

Start | Programs | Embarcadero RAD Studio Alexandria | Samples and navigate to:
- Object Pascal\Multi-Device Samples\User Interface\KeyboardToolbar
- CPP\Multi-Device Samples\User Interface\KeyboardToolbar
Subversion Repository:
- You can find Delphi and C++ code samples in GitHub Repositories. Search by name into the samples repositories according to your RAD Studio version.

This application illustrates how to customize the toolbar associated to the virtual keyboard using the IFMXVirtualKeyboardToolbarService.

Entering the caption for a button being created

Navigate to the one of the locations given above, and open:
- Delphi: KeyboardToolbar.dproj
- C++: KeyboardToolbar.cbproj
Press F9 or choose Run > Run.
To observe the functionality of the Keyboard Toolbar, follow the following steps:

To invoke the virtual keyboard, use the TEdit control (named Edit1).
To enable or disable the Keyboard Toolbar, switch the TSwitch control (named swToolbar) On or Off.
To add a TVirtualKeyboardToolButton button to the Keyboard Toolbar, use the Add button (named btnAdd). Notice that the button is visible in the Keyboard Toolbar (displayed over the virtual keyboard) and in the TListBox list box (lbButtons).
To remove a TVirtualKeyboardToolButton button from the Keyboard Toolbar, select the button from the TListBox (lbButtons) and press the Delete button (named btnDelete).

My button is created. Press it

TForm1 (named Form1) is the main window of the KeyboardToolbar sample. It contains the following components:

TToolBar named ToolBar1
- Two TButton buttons named btnAdd and btnDelete
TListBox named lbButtons that is intended to contain keyboard toolbar buttons created with the btnAdd button.
- TListBoxGroupHeader named ListBoxGroupHeader3. It shows the CUSTOM BUTTONS caption.
TListBox named ListBox1 contains:
- TListBoxGroupHeader named ListBoxGroupHeader1. It shows the TOOLBAR caption.
- TListBoxGroupHeader named ListBoxGroupHeader2. It shows the SAMPLE CONTROLS caption.
- TListBoxHeader named ListBoxHeader2. It contains the TLabel label control named Label2 showing Keyboard ToolBar caption.
- TListBoxItem named ListBoxItem1. It contains the TSwitch control named swToolbar.
- TListBoxItem named ListBoxItem2. It contains the TSwitch control named swDoneButton.
- TListBoxItem named ListBoxItem3. It contains three controls:
  - TEdit edit control named Edit1.
  - TButton speed button control named SpeedButton1.
  - TTrackBar track bar control named TrackBar1.

To enable or disable the Keyboard Toolbar, the SetToolbarEnabled method is used.
To add or delete buttons from the Keyboard Toolbar, the AddButton and DeleteButton methods are used.