appdoo (Mac) Documentation > View > Elements > Containers > Collection View

Collection View Cell

A cell is an entry in a Collection View. You can insert elements such as labels, image views, or rectangles into a cell.

appdoo - Elements - Collection View - Cell

If you use images as the contents of the cells, you should make sure that you adjust the images to the size of the cells before importing them. It does not make sense to display an image with a width of 3000 pixels in a cell (respectively in an Image View in the cell) that has a width of 80. And since your Collection View will usually have many cells, this would consume much more memory in the finished iOS app than is actually necessary. This could also result in performance issues. So, always adjust the images to the size you need for the display before you import them.

Properties

To show the properties of the Collection View Cell, click the Properties tab (the slider icon) in the upper right sidebar.

Cell

appdoo - Elements - Collection View - Cell (Cell)

Name
Here you give the element a name. This name is only used within appdoo. For example, you can quickly see in the outline where each Cell is located. You can also edit the name by double-clicking on the List View in the outline. We recommend that you assign unique names when working with Layout Constraints and Data Links.
Background Color
Here you define the background color of your Cell.

appdoo - Elements - Collection View - Cell (Navigation)

Use a Navigation Target
In addition to displaying values in the Cell, you may also want to allow the user of your app to navigate further. For example, from an images gallery to a detail page. To realize this, the checkbox “Use a Navigation Target” must be activated. You can then select which existing screen is to be called.

If you have activated this option, then you can of course reach the selected target screen within appdoo with a single click. The cell itself should not be selected. If the Collection View or nothing is selected and you move the mouse pointer over a cell of the Collection View, a button (circle) with an arrow is displayed on the right side. Clicking on this button takes you directly to the target screen.

If a data source is used for the content of the Colection View, then the corresponding data record of the cell is also passed to the next screen with this click and is available there in the list of elements as “Context-sensitive data”.

Geometry

All information about this area can be found on the separate Geometry page.

appdoo - Elements - Collection View - Cell - Geometry

Data Links

The following property of the element can be set using the data links:

Hidden

All information about this area can be found on the separate Data Links page.

appdoo - Elements - Collection View - Cell - Data Links