FMX.HorizontalScroll Sample

From RAD Studio Code Examples
Jump to: navigation, search

This sample demonstrates how to use the THorzScrollBox component in order to scroll through different pictures on your FireMonkey form.


You can find the HorizontalScroll sample project at:

  • Start | Programs | Embarcadero RAD Studio Alexandria | Samples and then navigate to:
    • Object Pascal\Mobile Snippets\HorizontalScroll
    • CPP\Mobile Snippets\HorizontalScroll
  • 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.


The HorizontalScroll sample shows how to use THorzScrollBox to scroll through different pictures on your iOS or Android device. The sample uses a THorzScrollBox component with four images that the user can move horizontally.

How to Use the Sample

  1. Navigate to one of the locations given above and open:
    • Delphi: HorizontalScroll.dproj.
    • C++: HorizontalScroll.cbproj.
  2. Select the target platform, iOS and Android supported.
  3. Press F9 or choose Run > Run.
  4. Interact with the sample. Sweep your finger through the images in order to scroll through the images.


File in Delphi File in C++ Contains



The project itself.



The main form where the components are located.


HorizontalScrollPCH.h, HorizontalScroll.cpp

Used to define and implement the sample.



Further information about the sample.


THorizontalScrollForm is the main form that represents the main window of the sample. It contains the following components:


  • The sample uses THorzScrollBox to create a scroll box in a FireMonkey form restricted to horizontal scrolling.
  • The sample uses TImage to display and define 2D image components.

When you run the aplication, the sample uses THorzScrollBox to show a scroll box in your FireMonkey form with an image attached to each TImage component. The align property of the THorzScrollBox component is set to client so that the horizontal scroll box fills the entire FireMonkey form except the Tool Bar at the bottom. Therefore, if you slide your finger horizontally anywhere on the FireMonkey form, the images move horizontally.


See Also