Topics List
Design Elements

Table View
Structured Data Presentation

Table views are versatile components for displaying structured data in your app. Whether you´re showcasing a list of items, presenting data in rows and columns, or implementing complex data structures, table views offer a flexible and customizable solution. With features like adjustable row heights, customizable fonts, and dynamic content loading, table views allow you to create rich and interactive interfaces. By leveraging table views in your app, you can efficiently organize and present data, enhancing the overall user experience.



You can download the project from the following link:

Class_Rar_0__45.rar

You can observe the project in motion here:



Table View´s Properties


During design mode, you can assign the following properties and events to a Table View:



  • name: The name of the TableView control.

  • Position and Size

    • x: The x-coordinate of the TableView control.

    • y: The y-coordinate of the TableView control.

    • const_anchorX: The anchor point on the x-axis.

    • const_anchorY: The anchor point on the y-axis.

    • isVisible: Set to true to make the TableView control visible, false to hide it.

    • width: The width of the TableView control.

    • height: The height of the TableView control.

    • rowHeight: The height of each row in the TableView.

  • Appearance

    • font: The font used for text in the TableView.

    • fontsize: The font size used for text in the TableView.

    • fontColor_RGB: The color of the text in the TableView.

    • backgroundColor_RGB: The background color of the TableView.

    • backgroundColor_Alpha: The alpha value (transparency) of the background color.

    • rowColor_default_RGB: The default color of rows in the TableView.

    • rowColor_default_Alpha: The alpha value of the default row color.

    • rowColor_over_RGB: The color of rows when hovered over.

    • rowColor_over_Alpha: The alpha value of the row hover color.

    • lineColor_RGB: The color of lines in the TableView.

    • maxVelocity: The maximum velocity of the TableView.

    • isLocked: Set to true to lock the TableView, false to unlock it.

    • isBounceEnabled: Set to true to enable bouncing in the TableView, false to disable it.

    • rowTouchDelay: The delay in milliseconds for touch events on rows.

    • noLines: Set to true to hide lines in the TableView, false to show them.

    • hideBackground: Set to true to hide the background of the TableView, false to show it.

    • hideScrollBar: Set to true to hide the scroll bar, false to show it.

    • testLines: The number of lines for testing purposes.

  • Functions

    • onRowRender: The function to execute when rendering a row.

    • onRowPress: The function to execute when a row is pressed.

    • onRowRelease: The function to execute when a row is released.

    • onRowTap: The function to execute when a row is tapped.

    • onRowSwipeLeft: The function to execute when swiping a row to the left.

    • onRowSwipeRight: The function to execute when swiping a row to the right.

    • onLimitReachedDown: The function to execute when the bottom limit is reached.

    • onLimitReachedUp: The function to execute when the top limit is reached.

    • spring_Reloading: The function to execute when reloading the spring.