COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING UPDATE
COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING CODE
COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING DOWNLOAD
COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING MAC

COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING CODE

The Lua code in the CollectionController module initially contains a generic UIViewController subclass skeleton, provided by the Empty iOS App template: local CollectionController = objc.UIViewController:createSubclass ('CollectionController')įunction CollectionController:loadView () The last section is called Loaded Items and it is currently empty when running a target application, it will contain the list of every Lua module or resource file loaded in the target application. The next section in the files list is called Bindings Libraries: a Bindings Library provides access from Lua to native APIs defined in a SDK – the iOS 11.2 SDK here – or in a Xcode project – the WordsCollection project in this example. Source files in a Bounces project can be of various types: Lua source files, also named Lua modules, contain the code of the project other files, called resources, can contain any type of data: text, images, media files… The new empty iOS App comes with a single item in the Source Files section: the CollectionController Lua module. Let's have a look at the project files list. The toolbar on top contains debug tools and the list of Connected Lua Contexts, i.e.

This window shows a simple classic arrangement: on the left, the project files list, and on the right a Lua code editor. In Bounces, you create a new project with the New Project From Template… command in the File menu: So, time to start! Step 1 - Setting up the application's project Create a Bounces project

COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING UPDATE

The creation of this CollectionView-based application will be done in 5 steps:Ĭreate an application project in Bounces, run the app on a target device and see a first example of dynamic code update.Īdd the minimal code to the application for displaying a UICollectionView with a simple Flow Layout and see the live-coding in action.Īdd a pinch gesture recognizer to the CollectionView, check the correct execution of this gesture recognizer with the Bounces debugger, and customize the CollectionView layout to zoom the pinched cell when the gesture is executed.įill the CollectionView cells with words from a text file, test the live resource update in Bounces when this file is changed, and set an individual size for each cell in the CollectionView, to match various words sizes.įinally, export the Bounces program in the associated Xcode application, and create a standalone iOS application.

COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING MAC

In these videos, you can see both what is going on on the Mac screen during the development and the AirPlay-mirrored screen of the target iOS device running the application (using the excellent Reflector application). This tutorial includes short videos that show the dynamic aspects of the app development development with Bounces.

COLLECTION VIEW FLOWLAYOUT CELLS ARE OVERLAPPING DOWNLOAD

You can write the CollectionView tutorial application all by yourself or download the code on github. To try this tutorial by yourself, you need a Mac with Xcode 9 or higher and Bounces installed. As an alternative, you could use a mix of storyboard and code if you want to know how Bounces makes storyboards dynamic, you can have a look at this post: Live Storyboards in Bounces 1.0. In this tutorial, the application will be created programmatically in Lua with Bounces. or if you are familiar with Lua and you are interested to see how Lua can be used for the development of native iOS apps.or you are looking for an introduction to UICollectionViews in iOS and how they can simply be used (the code presented here in Lua can easily be transposed to Swift or Objective-C).you are curious of what live-coding and Bounces can bring to the development of iOS applications.

You may want to read this tutorial for various reasons, and especially if: Note This tutorial was originally written when Bounces was still named CodeFlow, therefore this old name may still be present in most included screen captures and videos.

Collection view flowlayout cells are overlapping