iOS 管理应用界面布局 geekband

ios界面初解


iOS 管理应用界面布局 geekband_第1张图片
ios界面初解

树状图


iOS 管理应用界面布局 geekband_第2张图片
树状图

坐标系

iOS 管理应用界面布局 geekband_第3张图片
坐标系

在viewcontroller 下
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UIView * view = [[UIView alloc] initWithFrame:CGRectMake(40, 160, 400, 400)];
view.backgroundColor = [UIColor blueColor];
[self.view addSubview:view];
}

iOS 管理应用界面布局 geekband_第4张图片
效果图

相关坐标系

CGPointMake(Cx, y)//点的x,y坐标;
CGPointEqualToPoint(view., view2);//半段坐标1 与坐标2 的位置 
CGSizeMake(width,  height);
CGSizeEqualToSize(size1, size1);//半段坐标1 与坐标2 的大小
CGRectMake(X, Y, width, height)  //起始坐标及大小;
iOS 管理应用界面布局 geekband_第5张图片
farme

难点之一


iOS 管理应用界面布局 geekband_第6张图片
bounds
 -(CGRect)frame{
return     CGRectMake(self.frame.origin.x,self.frame.origin.y,self.frame.size.width,self.frame.size.height);
 }
 -(CGRect)bounds{
return CGRectMake(0,0,self.frame.size.width,self.frame.size.height);
 }

view.bounds相对应就是 等于view的开始坐标{0,0}

加入斯坦福教学图片


iOS 管理应用界面布局 geekband_第7张图片
1411611417625738.jpg

frame: 该view在父view坐标系统中的位置和大小。(参照点是,父亲的坐标系统)
bounds:该view在本地坐标系统中的位置和大小。(参照点是,本地坐标系统,就相当于ViewB自己的坐标系统,以0,0点为起点)
center:该view的中心点在父view坐标系统中的位置和大小。(参照点是,父亲的坐标系统)

视图中心


iOS 管理应用界面布局 geekband_第8张图片
视图中心
iOS 管理应用界面布局 geekband_第9张图片
Snip20160330_12.png
iOS 管理应用界面布局 geekband_第10张图片
Snip20160330_13.png
iOS 管理应用界面布局 geekband_第11张图片
Snip20160330_15.png
iOS 管理应用界面布局 geekband_第12张图片
Snip20160330_16.png
iOS 管理应用界面布局 geekband_第13张图片
Snip20160330_17.png
iOS 管理应用界面布局 geekband_第14张图片
Snip20160330_18.png

界面更新的特快

iOS 管理应用界面布局 geekband_第15张图片
Snip20160330_21.png

一年一个新技术, 对于好像我似得新人 不要盲目追求久技术
一下是ios9 的分屏技术


iOS 管理应用界面布局 geekband_第16张图片

各型号类型应用设备界面布局方向

iOS 管理应用界面布局 geekband_第17张图片
Snip20160330_23.png
iOS 管理应用界面布局 geekband_第18张图片
iOS 管理应用界面布局 geekband_第19张图片
Snip20160330_27.png
iOS 管理应用界面布局 geekband_第20张图片
Snip20160330_28.png
iOS 管理应用界面布局 geekband_第21张图片
Snip20160330_29.png
iOS 管理应用界面布局 geekband_第22张图片
Snip20160330_30.png

你可能感兴趣的:(iOS 管理应用界面布局 geekband)