Fast UI prototyping

Live bindings are not limited to string properties. You can bind different simple and complex data types. One of the really cool components that you can use to quickly design a data-driven UI is TPrototypeBindSource. This component can emulate a data table and generate test data for display. In this way, we can very quickly prototype GUIs.

Let’s see how we could use live bindings to quickly prototype the UI of our ToDo List app:

1. Reopen the ToDoList project in the IDE, right-click on Project Manager, and select the option to add a new project to the project group.
2. Create a separate folder for the new project and save the main form’s unit as uFormToDoTest, the project as ToDoTest, and the whole project group as ToDoGrp.
3. Change the Name property of the main form of the new project to FormToDoTest. Now, copy the list view control from the FormToDo form onto the FormToDoTest. We have our dynamic list view design in the new test form.

   Let...