1 # This file is part of NIT ( http://www.nitlanguage.org ).
3 # Licensed under the Apache License, Version 2.0 (the "License");
4 # you may not use this file except in compliance with the License.
5 # You may obtain a copy of the License at
7 # http://www.apache.org/licenses/LICENSE-2.0
9 # Unless required by applicable law or agreed to in writing, software
10 # distributed under the License is distributed on an "AS IS" BASIS,
11 # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 # See the License for the specific language governing permissions and
13 # limitations under the License.
15 # Implementation of `app::ui` for iOS
24 // Objective-C object receiving callbacks from UI events
25 @interface NitCallbackReference: NSObject
27 // Nit object target of the callbacks from UI events
28 @property (nonatomic) Button nit_button;
30 // Actual callback method
31 -(void) nitOnEvent: (UIButton*) sender;
34 @implementation NitCallbackReference
36 -(void) nitOnEvent: (UIButton*) sender {
37 Button_on_click(self.nit_button);
41 // Proxy for both delegates of UITableView relaying all callbacks to `nit_list_layout
`
42 @interface UITableViewAndDataSource: NSObject <UITableViewDelegate, UITableViewDataSource>
44 // Nit object receiving the callbacks
45 @property TableView nit_list_layout;
47 // List of native views added to this list view from the Nit side
48 @property NSMutableArray *views;
51 @implementation UITableViewAndDataSource
56 self.views = [[NSMutableArray alloc] initWithCapacity:8];
60 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
61 return TableView_number_of_sections_in_table_view(self.nit_list_layout, tableView);
64 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
65 return TableView_number_of_rows_in_section(self.nit_list_layout, tableView, section);
68 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
69 return TableView_title_for_header_in_section(self.nit_list_layout, tableView, section);
72 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
73 return TableView_cell_for_row_at_index_path(self.nit_list_layout, tableView, indexPath);
79 redef fun did_finish_launching_with_options
81 app_delegate
.window
= new UIWindow
82 app_delegate
.window
.background_color
= new UIColor.white_color
84 app_delegate
.window
.make_key_and_visible
88 private fun set_view_controller
(window
: UIWindow, native
: UIViewController)
90 // Set the required root view controller
91 UINavigationController *navController = (UINavigationController*)window.rootViewController;
93 if (navController == NULL) {
94 navController = [[UINavigationController alloc]initWithRootViewController:native];
95 navController.edgesForExtendedLayout = UIRectEdgeNone;
97 // Must be non-translucent for the controls to be placed under
98 // (as in Y axis) of the navigation bar.
99 navController.navigationBar.translucent = NO;
101 window.rootViewController = navController;
104 [navController pushViewController:native animated:YES];
107 native.edgesForExtendedLayout = UIRectEdgeNone;
110 redef fun window
=(window
)
112 set_view_controller
(app_delegate
.window
, window
.native
)
117 redef class AppDelegate
119 # The main application window, must be set by `App::on_create`
120 fun window
: UIWindow in "ObjC" `{ return [self window]; `}
122 # The main application window, must be set by `App::on_create
`
123 fun window=(window: UIWindow) in "ObjC" `{ self.window = window; `}
128 # Native implementation of this control
129 fun native
: NATIVE is abstract
131 # Type of the `native` implementation of this control
132 type NATIVE: NSObject
136 redef type NATIVE: UIView
138 redef var enabled
= null is lazy
141 redef class CompositeControl
143 redef fun remove
(view
)
147 if view
isa View then
148 view
.native
.remove_from_superview
155 redef type NATIVE: UIViewController
156 redef var native
= new UIViewController
158 # Title of this window
159 fun title
: String do return native
.title
.to_s
161 # Set the title of this window
162 fun title
=(title
: String) do native
.title
= title
.to_nsstring
168 var native_view
= view
.native
169 assert native_view
isa UIView
171 native
.view
= native_view
177 redef type NATIVE: UIStackView
178 redef var native
= new UIStackView
182 native
.alignment
= new UIStackViewAlignment.fill
183 native
.distribution
= new UIStackViewDistribution.fill_equally
185 # TODO make customizable
193 var native_view
= view
.native
194 assert native_view
isa UIView
195 self.native
.add_arranged_subview native_view
199 redef class HorizontalLayout
200 redef init do native
.axis
= new UILayoutConstraintAxis.horizontal
203 redef class VerticalLayout
204 redef init do native
.axis
= new UILayoutConstraintAxis.vertical
209 redef type NATIVE: UILabel
210 redef var native
= new UILabel
212 redef fun text
=(text
) do native
.text
= (text
or else "").to_nsstring
213 redef fun text
do return native
.text
.to_s
215 redef fun size
=(size
)
217 size
= size
or else 1.0
218 var points
= 8.0 + size
* 8.0
219 set_size_native
(native
, points
)
222 private fun set_size_native
(native
: UILabel, points
: Float)
224 native.font = [UIFont systemFontOfSize: points];
227 redef fun align
=(align
) do set_align_native
(native
, align
or else 0.0)
229 private fun set_align_native
(native
: UILabel, align
: Float)
233 native.textAlignment = NSTextAlignmentCenter;
234 else if (align < 0.5)
235 native.textAlignment = NSTextAlignmentLeft;
236 else//if (align > 0.5)
237 native.textAlignment = NSTextAlignmentRight;
241 # On iOS, check boxes are a layout composed of a label and an `UISwitch`
244 redef type NATIVE: UIStackView
245 redef fun native
do return layout
.native
247 # Root layout implementing this check box
248 var layout
= new HorizontalLayout(parent
=self.parent
)
250 # Label with the text
251 var lbl
= new Label(parent
=layout
)
253 # `UISwitch` acting as the real check box
254 var ui_switch
: UISwitch is noautoinit
257 # Tweak the layout so it is centered
258 layout
.native
.distribution
= new UIStackViewDistribution.fill_proportionally
259 layout
.native
.alignment
= new UIStackViewAlignment.center
260 layout
.native
.layout_margins_relative_arrangement
= true
263 native
.add_arranged_subview s
267 redef fun text
=(text
) do lbl
.text
= text
268 redef fun text
do return lbl
.text
270 redef fun is_checked
do return ui_switch
.on
271 redef fun is_checked
=(value
) do ui_switch
.set_on_animated
(value
, true)
274 redef class TextInput
276 redef type NATIVE: UITextField
277 redef var native
= new UITextField
279 redef fun text
=(text
) do native
.text
= (text
or else "").to_nsstring
280 redef fun text
do return native
.text
.to_s
282 redef fun is_password
=(value
)
284 native
.secure_text_entry
= value
or else false
291 redef type NATIVE: UIButton
292 redef var native
= new UIButton(new UIButtonType.system
)
294 init do native
.set_callback
self
296 redef fun text
=(text
) do if text
!= null then native
.title
= text
.to_nsstring
297 redef fun text
do return native
.current_title
.to_s
299 private fun on_click
do notify_observers
new ButtonPressEvent(self)
301 redef fun enabled
=(enabled
) do native
.enabled
= enabled
or else true
302 redef fun enabled
do return native
.enabled
306 # Register callbacks on this button to be relayed to `sender`
307 private fun set_callback
(sender
: Button)
308 import Button.on_click
in "ObjC" `{
310 NitCallbackReference *ncr = [[NitCallbackReference alloc] init];
311 ncr.nit_button = sender;
313 // Pin the objects in both Objective-C and Nit GC
314 Button_incr_ref(sender);
315 ncr = (__bridge NitCallbackReference*)CFBridgingRetain(ncr);
317 [self addTarget:ncr action:@selector(nitOnEvent:)
318 forControlEvents:UIControlEventTouchUpInside];
322 # On iOS, implemented by a `UIStackView` inside a ` UIScrollView`
323 redef class ListLayout
325 redef type NATIVE: UIScrollView
326 redef var native
= new UIScrollView
328 # Real container of the subviews, contained within `native`
329 var native_stack_view
= new UIStackView
333 native_stack_view
.translates_autoresizing_mask_into_constraits
= false
334 native_stack_view
.axis
= new UILayoutConstraintAxis.vertical
335 native_stack_view
.alignment
= new UIStackViewAlignment.fill
336 native_stack_view
.distribution
= new UIStackViewDistribution.fill_equally
337 native_stack_view
.spacing
= 4.0
339 native
.add_subview native_stack_view
340 native_add_constraints
(native
, native_stack_view
)
343 private fun native_add_constraints
(scroll_view
: UIScrollView, stack_view
: UIStackView) in "ObjC" `{
344 [scroll_view addConstraints:[NSLayoutConstraint
345 constraintsWithVisualFormat: @"V:|-8-[view]-8-|"
346 options: NSLayoutFormatAlignAllCenterX metrics: nil views: @{@"view": stack_view}]];
347 [scroll_view addConstraints:[NSLayoutConstraint
348 constraintsWithVisualFormat: @"H:|-8-[view]"
349 options: NSLayoutFormatAlignAllCenterX metrics: nil views: @{@"view": stack_view}]];
356 if view
isa View then
357 native_stack_view
.add_arranged_subview view
.native
362 # iOS specific layout using a `UITableView`, works only with simple children views
364 super CompositeControl
366 redef type NATIVE: UITableView
367 redef var native
= new UITableView(new UITableViewStyle.plain
)
371 native
.autoresizing_mask
372 native
.assign_delegate_and_data_source
self
377 # Adding a view to a UITableView is a bit tricky.
379 # Items are added to the Objective-C view only by callbacks.
380 # We must store the sub views in local lists while waiting
383 # As usual, we keep the Nity object in `items`.
384 # But we also keep their native counterparts in a list of
385 # the `UITableViewAndDataSource` set as `native.delegate`.
386 # Otherwise the native views could be freed by the Objective-C GC.
388 # TODO use an adapter for the app.nit ListLayout closer to what exists
389 # on both iOS and Android, to support large data sets.
391 if item
isa View then
392 add_view_to_native_list
(native
, item
.native
)
397 # Force redraw and trigger callbacks
401 private fun add_view_to_native_list
(native
: UITableView, item
: UIView) in "ObjC" `{
402 [((UITableViewAndDataSource*)native.delegate).views addObject:item];
405 private fun get_view_from_native_list
(native
: UITableView, index
: Int): UIView in "ObjC" `{
406 return [((UITableViewAndDataSource*)native.delegate).views objectAtIndex:index];
409 # Number of sections in this view
411 # By default, we assume that all `items` are in a single section,
412 # so there is only one section.
414 # iOS callback: `numberOfSectionsInTableView`
415 protected fun number_of_sections_in_table_view
(view
: UITableView): Int
418 # Number of entries in `section`
420 # By default, we assume that all `items` are in a single section,
421 # so no matter the section, this returns `items.length`.
423 # iOS callback: `numberOfRowsInSection`
424 protected fun number_of_rows_in_section
(view
: UITableView, section
: Int): Int
425 do return items
.length
427 # Title for `section`, return `new NSString.nil` for no title
429 # By default, this returns no title.
431 # iOS callback: `titleForHeaderInSection`
432 protected fun title_for_header_in_section
(view
: UITableView, section
: Int): NSString
433 do return new NSString.nil
435 # Return a `UITableViewCell` for the item at `index_path`
437 # By default, we assume that all `items` are in a single section.
438 # So no matter the depth of the `index_path`, this returns a cell with
439 # the view at index part of `index_path`.
441 # iOS callback: `cellForRowAtIndexPath`
442 protected fun cell_for_row_at_index_path
(table_view
: UITableView, index_path
: NSIndexPath): UITableViewCell
444 var reuse_id
= "NitCell".to_nsstring
445 var cell
= new UITableViewCell(reuse_id
)
447 # TODO if there is performance issues, reuse cells with
448 # the following code, but clear the cell before use.
450 #var cell = table_view.dequeue_reusable_cell_with_identifier(reuse_id)
451 #if cell.address_is_null then cell = new UITableViewCell(reuse_id)
453 var index
= index_path
.index_at_position
(1)
454 var view_native
= get_view_from_native_list
(table_view
, index
)
455 var cv
= cell
.content_view
456 cv
.add_subview view_native
462 redef class UITableView
464 # Assign `list_view` as `delegate` and `dataSource`, and pin all references in both GCs
465 private fun assign_delegate_and_data_source
(list_view
: TableView)
466 import TableView.number_of_sections_in_table_view
,
467 TableView.number_of_rows_in_section
,
468 TableView.title_for_header_in_section
,
469 TableView.cell_for_row_at_index_path
in "ObjC" `{
471 UITableViewAndDataSource *objc_delegate = [[UITableViewAndDataSource alloc] init];
472 objc_delegate = (__bridge UITableViewAndDataSource*)CFBridgingRetain(objc_delegate);
474 objc_delegate.nit_list_layout = list_view;
475 TableView_incr_ref(list_view);
478 self.delegate = objc_delegate;
479 self.dataSource = objc_delegate;