Интуит. Разработка приложений для iOS. Лекция 5. Сложные Views
0 likes1,026 views
Документ представляет собой лекцию по разработке приложений для iOS, охватывающую различные темы, включая навигацию, создание таблиц, обработку ячеек и интеграцию элементов интерфейса, таких как webview и карты. Обсуждаются примеры кода для реализации UITableView, UIScrollView и MKMapView, а также советы по работе с контроллерами и отображению данных. В конце документа приведены задания для самостоятельной работы.
![Как показать контроллер, чтобы он
выехал снизу вверх?
[self presentViewController:vc
animated:YES
completion:nil];](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-6-320.jpg)
![@interface MyViewController : UIViewController<UITableViewDataSource>
!
@property (strong, nonatomic) UITableView *tableView;
!
@end
- (void)viewDidLoad
{
[super viewDidLoad];
self.tableView = [[UITableView alloc] init];
self.tableView.frame = CGRectMake(0, 0,
self.view.frame.size.width,
self.view.frame.size.height);
self.tableView.dataSource = self;
[self.view addSubview:self.tableView];
}
UITableView в контроллере](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-25-320.jpg)
![- (NSInteger)tableView:(UITableView *)tableView
numberOfRowsInSection:(NSInteger)section
{
return 3;
}
!
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row];
UITableViewCell *cell = [[UITableViewCell alloc]
initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:nil];
cell.textLabel.text = text;
return cell;
}
Настраиваем какие строки показывать](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-26-320.jpg)
![- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row];
UITableViewCell *cell = [[UITableViewCell alloc]
initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:nil];
if (indexPath.row == 0)
{
cell.textLabel.textColor = [UIColor redColor];
}
else if (indexPath.row == 1)
{
cell.textLabel.textColor = [UIColor blueColor];
}
else if (indexPath.row == 2)
{
cell.textLabel.textColor = [UIColor brownColor];
}
cell.textLabel.font = [UIFont boldSystemFontOfSize:23];
cell.textLabel.text = text;
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
return cell;
}
Настройка ячеек](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-28-320.jpg)
![- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 1000;
}
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *identifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (!cell)
{
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:identifier];
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
cell.textLabel.font = [UIFont fontWithName:@"Baskerville" size:20];
}
NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row];
cell.textLabel.text = text;
return cell;
}
Если много ячеек — надо их переиспользовать](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-30-320.jpg)
![- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
BOOL dark = (indexPath.row % 2) == 0;
NSString *identifier = dark ? @"cell_dark" : @"cell_light";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (!cell)
{
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:identifier];
if (dark)
{
cell.backgroundColor = [UIColor grayColor];
cell.textLabel.textColor = [UIColor whiteColor];
}
else
{
cell.backgroundColor = [UIColor whiteColor];
cell.textLabel.textColor = [UIColor blackColor];
}
}
NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row];
cell.textLabel.text = text;
return cell;
}
Если несколько типов ячеек - разные identifier](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-32-320.jpg)
![Разные типы ячеек
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *identifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (!cell)
{
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle
reuseIdentifier:identifier];
}
NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row];
NSString *detailText = [NSString stringWithFormat:@"Текст %d", indexPath.row];
cell.textLabel.text = text;
cell.detailTextLabel.text = detailText;
return cell;
}](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-34-320.jpg)
![Как реагировать на нажатие
@interface MyViewController : UIViewController<UITableViewDataSource, UITableViewDelegate>
!
@property (strong, nonatomic) UITableView *tableView;
!
@end
- (void)viewDidLoad
{
[super viewDidLoad];
self.tableView = [[UITableView alloc] init];
self.tableView.frame = self.view.bounds;
self.tableView.dataSource = self;
self.tableView.delegate = self;
[self.view addSubview:self.tableView];
}](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-36-320.jpg)
![- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
SecondViewController *s = [[SecondViewController alloc] init];
[self.navigationController pushViewController:s animated:YES];
}](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-39-320.jpg)
![- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
ShopViewController *svc = [[ShopViewController alloc] init];
Shop *shop = self.shops[indexPath.row];
svc.shop = shop;
[self.navigationController pushViewController:svc animated:YES];
}](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-40-320.jpg)
![- (void)viewDidLoad
{
[super viewDidLoad];
UIView *v1 = [[UIView alloc] init];
v1.frame = CGRectMake(20, 80, 280, 800);
v1.backgroundColor = [UIColor redColor];
[self.view addSubview:v1];
}
Если интерфейс не помещается по высоте](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-44-320.jpg)
![- (void)viewDidLoad
{
[super viewDidLoad];
UIView *v1 = [[UIView alloc] init];
v1.frame = CGRectMake(20, 80, 280, 800);
v1.backgroundColor = [UIColor redColor];
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.frame = self.view.bounds;
scrollView.contentSize = CGSizeMake(320, 1000);
[scrollView addSubview:v1];
[self.view addSubview:scrollView];
}
Создаем UIScrollView](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-46-320.jpg)
![- (void)viewDidLoad
{
[super viewDidLoad];
UIWebView *webView = [[UIWebView alloc] init];
webView.frame = self.view.bounds;
[self.view addSubview:webView];
NSURL *url = [NSURL URLWithString:@"http://yandex.ru"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[webView loadRequest:request];
}
Открываем внешний сайт](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-50-320.jpg)
![- (void)viewDidLoad
{
[super viewDidLoad];
UIWebView *webView = [[UIWebView alloc] init];
webView.frame = self.view.bounds;
[self.view addSubview:webView];
NSString *html = @"<p>Привет, мир!</p><p><a href="http://yandex.ru">Яндекс</a></p>";
[webView loadHTMLString:html baseURL:nil];
}
Открываем произвольный html](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-52-320.jpg)
![#import "MyViewController.h"
#import <MapKit/MapKit.h>
!
@implementation MyViewController
!
- (void)viewDidLoad
{
[super viewDidLoad];
MKMapView *mapView = [[MKMapView alloc] init];
mapView.frame = self.view.bounds;
[self.view addSubview:mapView];
}
!
!
@end
Добавляем карту](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-55-320.jpg)
![- (void)viewDidLoad
{
[super viewDidLoad];
MKMapView *mapView = [[MKMapView alloc] init];
mapView.frame = self.view.bounds;
CLLocationCoordinate2D coord = CLLocationCoordinate2DMake(55.7720304,
37.5744999);
MKCoordinateSpan span = MKCoordinateSpanMake(0.001, 0.001);
MKCoordinateRegion region = MKCoordinateRegionMake(coord, span);
[mapView setRegion:region];
[self.view addSubview:mapView];
}
Ставим координату и масштаб](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-57-320.jpg)
![- (void)viewDidLoad
{
[super viewDidLoad];
MKMapView *mapView = [[MKMapView alloc] init];
mapView.frame = self.view.bounds;
CLLocationCoordinate2D coord = CLLocationCoordinate2DMake(55.7720304,
37.5744999);
MKCoordinateSpan span = MKCoordinateSpanMake(0.001, 0.001);
MKCoordinateRegion region = MKCoordinateRegionMake(coord, span);
[mapView setRegion:region];
Shop *s = [[Shop alloc] init];
s.title = @"Магазин";
s.subtitle = @"Описание";
s.coordinate = CLLocationCoordinate2DMake(55.7720304, 37.5744999);
[mapView addAnnotation:s];
[self.view addSubview:mapView];
}
Показываем булавку](https://image.slidesharecdn.com/intuit5-140317072141-phpapp02/85/iOS-5-Views-60-320.jpg)
Интуит. Разработка приложений для iOS. Лекция 5. Сложные Views
- 1. СложныеViews Разработка приложений для iOS Лекция 5 Глеб Тарасов gleb34@gmail.com
- 3. С помощью какого контроллера осуществляется навигация?
- 4. С помощью какого контроллера осуществляется навигация? UINavigationController
- 5. Как показать контроллер, чтобы он выехал снизу вверх?
- 6. Как показать контроллер, чтобы он выехал снизу вверх? [self presentViewController:vc animated:YES completion:nil];
- 7. Как добавить кнопку в navigation bar справа?
- 8. Как добавить кнопку в navigation bar справа? self.navigationItem.rightBarButtonItem = …
- 9. Как задается картинка контроллера в таббаре?
- 10. Как задается картинка контроллера в таббаре? self.tabBarItem.image = …
- 11. СложныеViews
- 12. UITableView
- 25. @interface MyViewController : UIViewController<UITableViewDataSource> ! @property (strong, nonatomic) UITableView *tableView; ! @end - (void)viewDidLoad { [super viewDidLoad]; self.tableView = [[UITableView alloc] init]; self.tableView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height); self.tableView.dataSource = self; [self.view addSubview:self.tableView]; } UITableView в контроллере
- 26. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 3; } ! - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row]; UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil]; cell.textLabel.text = text; return cell; } Настраиваем какие строки показывать
- 28. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row]; UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil]; if (indexPath.row == 0) { cell.textLabel.textColor = [UIColor redColor]; } else if (indexPath.row == 1) { cell.textLabel.textColor = [UIColor blueColor]; } else if (indexPath.row == 2) { cell.textLabel.textColor = [UIColor brownColor]; } cell.textLabel.font = [UIFont boldSystemFontOfSize:23]; cell.textLabel.text = text; cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; return cell; } Настройка ячеек
- 30. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 1000; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { NSString *identifier = @"cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier]; if (!cell) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier]; cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; cell.textLabel.font = [UIFont fontWithName:@"Baskerville" size:20]; } NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row]; cell.textLabel.text = text; return cell; } Если много ячеек — надо их переиспользовать
- 32. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { BOOL dark = (indexPath.row % 2) == 0; NSString *identifier = dark ? @"cell_dark" : @"cell_light"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier]; if (!cell) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier]; if (dark) { cell.backgroundColor = [UIColor grayColor]; cell.textLabel.textColor = [UIColor whiteColor]; } else { cell.backgroundColor = [UIColor whiteColor]; cell.textLabel.textColor = [UIColor blackColor]; } } NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row]; cell.textLabel.text = text; return cell; } Если несколько типов ячеек - разные identifier
- 34. Разные типы ячеек - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { NSString *identifier = @"cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier]; if (!cell) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier]; } NSString *text = [NSString stringWithFormat:@"Строка %d", indexPath.row]; NSString *detailText = [NSString stringWithFormat:@"Текст %d", indexPath.row]; cell.textLabel.text = text; cell.detailTextLabel.text = detailText; return cell; }
- 36. Как реагировать на нажатие @interface MyViewController : UIViewController<UITableViewDataSource, UITableViewDelegate> ! @property (strong, nonatomic) UITableView *tableView; ! @end - (void)viewDidLoad { [super viewDidLoad]; self.tableView = [[UITableView alloc] init]; self.tableView.frame = self.view.bounds; self.tableView.dataSource = self; self.tableView.delegate = self; [self.view addSubview:self.tableView]; }
- 37. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { NSLog(@"выбрана строка %d", indexPath.row); }
- 39. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { SecondViewController *s = [[SecondViewController alloc] init]; [self.navigationController pushViewController:s animated:YES]; }
- 40. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { ShopViewController *svc = [[ShopViewController alloc] init]; Shop *shop = self.shops[indexPath.row]; svc.shop = shop; [self.navigationController pushViewController:svc animated:YES]; }
- 42. @interface MyViewController : UITableViewController ! @end @implementation MyViewController ! - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 1000; } ! - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { ... } ! - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { ... } ! @end
- 43. UIScrollView
- 44. - (void)viewDidLoad { [super viewDidLoad]; UIView *v1 = [[UIView alloc] init]; v1.frame = CGRectMake(20, 80, 280, 800); v1.backgroundColor = [UIColor redColor]; [self.view addSubview:v1]; } Если интерфейс не помещается по высоте
- 46. - (void)viewDidLoad { [super viewDidLoad]; UIView *v1 = [[UIView alloc] init]; v1.frame = CGRectMake(20, 80, 280, 800); v1.backgroundColor = [UIColor redColor]; UIScrollView *scrollView = [[UIScrollView alloc] init]; scrollView.frame = self.view.bounds; scrollView.contentSize = CGSizeMake(320, 1000); [scrollView addSubview:v1]; [self.view addSubview:scrollView]; } Создаем UIScrollView
- 49. UIWebView
- 50. - (void)viewDidLoad { [super viewDidLoad]; UIWebView *webView = [[UIWebView alloc] init]; webView.frame = self.view.bounds; [self.view addSubview:webView]; NSURL *url = [NSURL URLWithString:@"http://yandex.ru"]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [webView loadRequest:request]; } Открываем внешний сайт
- 52. - (void)viewDidLoad { [super viewDidLoad]; UIWebView *webView = [[UIWebView alloc] init]; webView.frame = self.view.bounds; [self.view addSubview:webView]; NSString *html = @"<p>Привет, мир!</p><p><a href="http://yandex.ru">Яндекс</a></p>"; [webView loadHTMLString:html baseURL:nil]; } Открываем произвольный html
- 54. MKMapView
- 55. #import "MyViewController.h" #import <MapKit/MapKit.h> ! @implementation MyViewController ! - (void)viewDidLoad { [super viewDidLoad]; MKMapView *mapView = [[MKMapView alloc] init]; mapView.frame = self.view.bounds; [self.view addSubview:mapView]; } ! ! @end Добавляем карту
- 57. - (void)viewDidLoad { [super viewDidLoad]; MKMapView *mapView = [[MKMapView alloc] init]; mapView.frame = self.view.bounds; CLLocationCoordinate2D coord = CLLocationCoordinate2DMake(55.7720304, 37.5744999); MKCoordinateSpan span = MKCoordinateSpanMake(0.001, 0.001); MKCoordinateRegion region = MKCoordinateRegionMake(coord, span); [mapView setRegion:region]; [self.view addSubview:mapView]; } Ставим координату и масштаб
- 59. Добавляем класс магазина, ! чтобы отобразить его на карте #import <Foundation/Foundation.h> #import <MapKit/MapKit.h> ! @interface Shop : NSObject<MKAnnotation> ! @property (nonatomic) CLLocationCoordinate2D coordinate; @property (nonatomic, copy) NSString *title; @property (nonatomic, copy) NSString *subtitle; ! @end
- 60. - (void)viewDidLoad { [super viewDidLoad]; MKMapView *mapView = [[MKMapView alloc] init]; mapView.frame = self.view.bounds; CLLocationCoordinate2D coord = CLLocationCoordinate2DMake(55.7720304, 37.5744999); MKCoordinateSpan span = MKCoordinateSpanMake(0.001, 0.001); MKCoordinateRegion region = MKCoordinateRegionMake(coord, span); [mapView setRegion:region]; Shop *s = [[Shop alloc] init]; s.title = @"Магазин"; s.subtitle = @"Описание"; s.coordinate = CLLocationCoordinate2DMake(55.7720304, 37.5744999); [mapView addAnnotation:s]; [self.view addSubview:mapView]; } Показываем булавку
- 64. Демонстрация
- 65. Домашнее задание • реализовать контроллер с таблицей • если есть экраны с прокруткой, картой, или webView - реализовать их