Четвертое занятие курса iOS-разработки в ГУ-ВШЭ

Разработка приложений для iPhone и iPad

занятие #4

вторник, 12 октября 2010 г.

feedback


домашнее задание?


результаты

• Шулюгин Владислав - 10

• Кабир Павел - 10


а что было?


события

• Срабатывают при действии пользователя• Посылает action у target

target: myObjectaction: @selector(decrease:)event: UIControlEventTouchUpInside

Пример:

[myControl addTarget:myObject action:@selector(decrease:)forControlEvents: UIControlEventTouchUpInside];

[myControl removeTarget:myObject action:@selector(decrease:)forControlEvents: UIControlEventTouchUpInside];


view

• прямоугольная часть экрана• показывает и принимает события• view существуют в иерархии: один

superview, много subview

• все view показаны в window

• UIWindow - одно на всё приложение


иерархия view

• [superView addSubview:view];

• [subView removeFromSuperview];

Либо в IB, либо программно:

Управление иерархией:

- (void)insertSubview:(UIView *)view atIndex:(int)index; - (void)insertSubview:(UIView *)view belowSubview:(UIView *)view; - (void)insertSubview:(UIView *)view aboveSubview:(UIView *)view;- (void)exchangeSubviewAtIndex:(int)index withSubviewAtIndex:(int)otherIndex;


view

SuperView производит retain

theView.hidden = YES;

Контроль показа view


структуры для view

• CGPoint место в пространстве+ { x , y }• CGSize размеры { width , height }• CGRect место и размеры { origin , size }


Rects, Points and Sizes

CGSizeCGSize

width 144

height 72

CGRectCGRect

origin

size

CGPointCGPoint

x 80

y 54

72

144

80

54

(0, 0) x

y

11Tuesday, January 19, 2010


работа со структурамиView-related Structure

Creation Function Example

CGPointMake (x, y)CGPoint point = CGPointMake (100.0, 200.0);point.x = 300.0;point.y = 30.0;

CGSizeMake (width, height)CGSize size = CGSizeMake (42.0, 11.0);size.width = 100.0;size.height = 72.0;

CGRectMake (x, y, width, height)

CGRect rect = CGRectMake (100.0, 200.0, 42.0, 11.0);rect.origin.x = 0.0;rect.size.width = 50.0;


синтаксис!(), нет *

наследство от С


система координат

UIView Coordinate System

+x

+y

0, 0

■ Origin in upper left corner■ y axis grows downwards



view

frame bounds

координатная система superview

локальная координатная система

используется при использовании view

используется при реализации view


создаём view

CGRect frame = CGRectMake(20, 45, 140, 21); UILabel *label = [[UILabel alloc] initWithFrame:frame];[window addSubview:label]; [label setText:@”Привет всем!”]; [label release];


дополнительные бонусы

UIColorUIColor *redColor = [UIColor redColor];[myLabel textColor] = redColor;

UIFontUIFont *font = [UIFont systemFontOfSize:14.0]; [myLabel setFont:font];


UIImage и UIImageView Создание UIImage:из ресурсов: +[UIImage imageNamed:(NSString *)name]

с диска -[UIImage initWithContentsOfFile:(NSString *)path]

из памяти в виде данных -[UIImage initWithData:(NSData *)data]

UIImage *myImage = [UIImage imageNamed:@’‘oleg.jpg’’];CGRect frame = CGRectMake(20, 45, 140, 21); UIImageView *myImageView = [[UIImageView alloc] initWithFrame:frame];myImageView.image = myImage;[myImage release];


простая анимация

-(IBAction)changeValue { [UIView beginAnimations:@"advancedAnimations" context:nil]; [UIView setAnimationDuration:0.5]; int value = slider.value; [label setText:[NSString stringWithFormat:@"%d",value]]; CGRect fr = label.frame; fr.origin.y += 40; label.frame = fr; [UIView commitAnimations];}


посмотрим?


дизайн приложений в iPhone

Two Flavors of Mail

5Friday, January 22, 2010


сравниOrganizing Content


Organizing Content



дизайн

• фокус на информацию пользователя

• один функционал единовременно

Organizing Content• Focus on your user’s data• One thing at a time• Screenfuls of content



функционал для управленияPatterns for Organizing Content

Navigation Bar Tab Bar



MVCParts of a Screenful

Model View

Controller



MVC в adress book

Model View

Parts of a Screenful

Controller



а зачемMVC?



Why Model-View-Controller?• Ever used the word “spaghetti” to describe code?• Clear responsibilities make things easier to maintain

• Avoid having one monster class that does everything



Взаимодейтсвие в MVC

• Model не знает про View и Controller, использует notification broadcast

• View не знает про Model и Controller, использует terget-action и делегацию

• Controller знает всех, «мозги» - управление, очень специфичный


View Controller

• Управляет содержимым экрана

• Наследуй от UIViewController, чтобы определить свою логику

• Несколько ViewController-ов могут совмещаться

“Your” and “Our” View Controllers• Create your own UIViewController subclass for each screenful• Plug them together using existing composite view controllers

View Controller

View Controller

View Controller

NavigationController


“Your” and “Our” View Controllers• Create your own UIViewController subclass for each screenful• Plug them together using existing composite view controllers

View Controller

View Controller

View Controller

Tab BarController



свой ViewController

#import <UIKit/UIKit.h>@interface MyViewController : UIViewController {NSMutableArray *myData; UILabel *myLabel;}

@property (readonly) NSArray *myData;- (void)doSomeAction:(id)sender;

view объявлен в UIViewController

в нашей реализации - loadView

Creating Your View in Code• Override -loadView

■ Never call this directly

• Create your views• Set the view property• Create view controller with -init

// Subclass of UIViewController- (void)loadView{

}

MyView *myView = [[MyView alloc] initWithFrame:frame];

[myView release];self.view = myView; // The view controller now owns the view




- (void)loadView {MyView *myView = [[MyView alloc] initWithFrame:frame];self.view = myView; [myView release];}



• File - New File - View Controller

• автоматическое создание nib-файла

• создание нового объекта viewController при помощи -initWithNibName:bundle:

Creating Your View with Interface Builder• Lay out a view in Interface Builder• File’s owner is view controller class• Hook up view outlet• Create view controller

with -initWithNibName:bundle:



http://[email protected]


http://empatika.com

http://empatika.com

http://empatika.com

http://empatika.com

Documents

Четвертое занятие курса iOS-разработки в ГУ-ВШЭ