UIView、UIViewLayout UI_01

1、首先：在UI里面我们使用的是MRC，需要把ARC改成NO；

若学习比较吃力，可以先学习一下基础：

http://blog.sina.com.cn/s/blog_814ecfa90102vuzg.html

则需要修改AppDelegate.h

#import

@interface

AppDelegate :
UIResponder
<</span>UIApplicationDelegate>

@property
(retain,

nonatomic)

UIWindow *window;

//将strong改成retain

@end

同时AppDelegate.m中要写dealloc

- (void)dealloc

{

   
[_window

release];———》可以写成self.window = nil;
//省掉释放和指向nil两步

   
[super

dealloc];

}

2、 当应用程序加载完成的时候触发，此时如果你想让应用程序在加载的时候显示内容，就在该方法中写入要显示的内容

- (BOOL)application:(UIApplication

*)application didFinishLaunchingWithOptions:(NSDictionary

*)launchOptions {

//创建应用程序的窗口，self.Window
是本应用窗口对象,重要作用将内容呈现给用户

//UIScreen 屏幕类，[UIScreen mainScreen]获取主屏幕，[UIScreen mainScreen]
bounds]获取主屏幕的大小

//UIColor 颜色类

self.window

= [[[UIWindow

alloc]

initWithFrame:[[UIScreen

mainScreen]

bounds]
]autorelease];

//对于屏幕上看到的内容都是UIView及UIView的子类

//UIView代表屏幕上的一块矩形区域

//如果屏幕上绘制出一块矩形区域，需要知道屏幕左上角坐标，即屏幕坐标系原点，还有矩形的宽和高

 
  3、 快速创建出结构体变量分四步：

    
CGRect （位置，大小）

    
--------CGRectMake();

    
CGPoint(点)

    
--------CGPointMake();

    
CGSize(大小)

    
--------CGSizeMake();

 
 

//1.创建UIView
对象

UIView
*redView = [[UIView

alloc]initWithFrame:CGRectMake(50,

50,

100,

100)];

//3.修改视图的背景颜色，默认颜色是透明色

[redView
setBackgroundColor:[UIColor

redColor]];

//4.添加到父视图上——即添加在板报上

[self.window

addSubview:redView];

//2.释放所有权

[redView
release];

 
  练习1创建一个绿色视图，添加到self.window上

UIView
*greenView =[[UIView

alloc]initWithFrame:CGRectMake(150,

50,

100,

100)];

[greenView
setBackgroundColor:[UIColor

greenColor]];

   
[self.window
addSubview:greenView];

   
[greenView release];

 4、想查看屏幕大小不需要记忆，可以获取屏幕大小后打印即可，想查看不同的大小屏幕大小，只需要更改设备名称

 
  
 
CGRect
newRect = [[UIScreen

mainScreen]

bounds];

 
   
//将结构体变量转为字符串对象输出

//NSStringFromCGRect()

//NSStringFromCGPoing()

//NSStringFromCGSize()

   
NSLog(@"%@",NSStringFromCGRect(newRect));

     
//建立内部绿色视图

// Override point for customization after application
launch.

//设置self.window.backgroundColor 的背景颜色

self.window.backgroundColor

= [UIColor

cyanColor];

//将self.window 设置为应用的主屏幕并使其可见

   
[self.window
makeKeyAndVisible];

return
YES;

}

==============================================

5、#pragma mark -
 //#pragma mark
-后面加一个-，表示在分组的基础上又进行了分块。

6、
UIView 的重量级属性：frame center bounds

frame：包含（origin左上角的坐标以及size矩形区域的大小)，主要用来控制一个视图的位置和大小，其中位置相对于父视图原点坐标的x，y轴上的距离

//center
:中心点，视图的中心点的坐标，相对于父视图坐标原点的位置

//center.x = frame.origin.x + frame.size.width / 2;

   
//center.y =
frame.origin.y + frame.size.width / 2;

//center 改变，frame也变 ，frame改变，center 也改变

//bounds，
一个视图的边界，CGRect(origin,size),origin是矩形区域所占的相对于自身坐标系的原点位置，size是矩形区域的大小，一个视图创建出来后默认bounds的origin的位置和自身视图的原点是重合的；bounds的(size)大小和frame的(size)大小是一样的；修改一个视图的bounds
的origin(x,y)的时候，视图的frame不变，center也不变；修改一个视图的size，frame变化，center不变；

//修改bounds
的origin的影响的自身原点的坐标位置，也既是影响自身子视图的位置

 7、#pragma
mark 修改一个视图的Frame

//redView

UIView
*redView = [[UIView

alloc]initWithFrame:CGRectMake(60,

184,

200,

200)];

//定义一个矩形的结构体变量

//   
CGRect rect = CGRectMake(100, 100, 100, 200);

//   
redView.frame = rect;

//视图的frame不能被单个修改，只能整体赋值

//   
redView.frame.origin.x = 100;

//   
CGRect rect1 = redView.frame;

//   
rect1.origin.x = 100;

//   
rect1.origin.y = 100;

//   
redView.frame = rect1;

8、#pragma mark
修改一个视图的senter
//   
NSLog(@"%@",NSStringFromCGPoint(redView.center));

//   
CGPoint center = CGPointMake(100, 100);

//   
redView.center = center;

//   
NSLog(@"%@",NSStringFromCGRect(redView.frame));

9、#pragma mark
修改一个视图的bounds
//   
redView.bounds = CGRectMake(0, 0, 200, 200);

//   
NSLog(@"%@",NSStringFromCGRect(redView.bounds));

   
redView.backgroundColor

= [UIColor

redColor];

[self.window

addSubview:redView];

[redView
release];

 
  

//greenView

UIView
*greenView = [[UIView

alloc]initWithFrame:CGRectMake(110,

234,

100,

100)];

greenView.backgroundColor

= [UIColor

greenColor];

[self.window

addSubview:greenView];

[greenView
release];

//blueView

UIView
*blueView = [[UIView

alloc]initWithFrame:CGRectMake(85,

209,

150,

150)];

blueView.backgroundColor

= [UIColor

blueColor];

[self.window

addSubview:blueView];

[blueView
release];

   

 10、
 调整视图关系的方法1

//insertSubview ：A 
aboveSubview： 
B   
在B视图上插入A视图

//   
[self.window insertSubview:greenView
aboveSubview:blueView];

      

  

   
//insertSubview:A
belowSubview:B   在B视图下插入A视图

  
[self.window insertSubview:blueView
belowSubview:greenView];

//insertSubview:A atIndex:下标  
将A视图添加到指定位置

[self.window

insertSubview:greenView

atIndex:2];

   
//或者 
[self.window insertSubview:blueView atIndex:1];

        

  11、

//调整视图关系的方法2

    1、//bringSubviewToFront:A 
. 将A调整到所有子视图的最前面

   
[self.window
bringSubviewToFront:redView];

 
     
     

 
     
     
  

    2、//sendSubviewToBack:A
  . 将A调整到所有子视图的最后面

   
[self.window
sendSubviewToBack:redView];

 
    

//exchangeSubviewAtIndex:下标1
withSubviewAtIndex:下标2，交换两个指定位置的子视图

   
[self.window
exchangeSubviewAtIndex:1
withSubviewAtIndex:2]; 

 

 
     
   

//[A   removeFromSuperview ]
A视图从父视图中移除

   
[blueView removeFromSuperview];

 
 
=================================================

 
  总结：

 
 
 视图的层级关系：

    
1.最后添加的子视图肯定在所有视图的最前面

    
2.子视图永远在父视图的前面

    
3.子视图的添加是有顺序的

    
4.父视图通过subviews 数组管理所有的子视图

    
5.如果想调整视图之间的层级关系，需要通过父视图来调整

    
6.如果想从父视图中移除，使用将要移除的对象来调用方法

 
 =============================================
 

   

   12、定时器

//第一个参数 设置每过多长时间执行一次定时操作

//第二参数 有谁来执行操作

//第三个参数 选择执行的操作

//第四个参数 用户信息 nil

//第五个参数 是否需要重复定义器操作

[NSTimer

scheduledTimerWithTimeInterval:0.5

target:self

selector:@selector(printHelloword)

userInfo:nil

repeats:YES];

 
  

 
//以上程序结束

self.window.backgroundColor

= [UIColor

whiteColor];

[self.window

makeKeyAndVisible];

return
YES;

}

#pragma mark 实现选择器中方法
-
(void)printHelloword{

   
NSLog(@"你好");

————————————————————————————

经典霓虹灯的制作：

分析：

15*（1 + 0）  
   15*（1 + 0）
 290- 15*2*0    
 538- 15*2*0

15*（1 + 1）  
   15*（1 + 1）
 290- 15*2*1    
 538- 15*2*1

15*（1 + 2）  
   15*（1 + 2）
 290- 15*2*2    
 538- 15*2*2

15*（1 + 3）  
   15*（1 + 3）
 290- 15*2*3    
 538- 15*2*3

15*（1 + 4）  
   15*（1 + 4）
 290- 15*2*4    
 538- 15*2*4

15*(i+1)  
     
   15*(i+1)  
 
  290 - i*15*2  
  538 - i*15*2)

#define kColorValue arc4random_uniform(255)/255.0

#import

"AppDelegate.h"

@interface
AppDelegate
()

@end

@implementation
AppDelegate

- (void)dealloc

{

   
self.window
=
nil;

[super
dealloc];

}

- (BOOL)application:(UIApplication
*)application
didFinishLaunchingWithOptions:(NSDictionary
*)launchOptions
{

   
self.window
=
[[UIWindow
alloc]
initWithFrame:[[UIScreen
mainScreen]
bounds]];

//
Override point for customization after application
launch.

   
self.window.backgroundColor
=
[UIColor
whiteColor];

[self.window
makeKeyAndVisible];

 
 ————————————————————————————

   
for
(int
i
= 0;
i <</span> 10;
i ++) {

       
UIView
*view
= [[UIView
alloc]initWithFrame:(CGRectMake(15*(i+1),15*(i+1),
290
-
i*15*2,
538
-
i*15*2))];

[self.window
addSubview:view];

view.backgroundColor
=
[UIColor
colorWithRed:kColorValue
green:kColorValue
blue:kColorValue
alpha:1];

view.tag
=
100+i;

       
[view release];

 
}

   
[NSTimer
scheduledTimerWithTimeInterval:0.5
target:self
selector:@selector(fromOutToInside)
userInfo:nil
repeats:YES];

 
return
YES;

}

—————————————————————————————

-
(void)fromOutToInside{

UIColor
*temp
= [self.window
viewWithTag:100
+
9].backgroundColor;

for
(int
i
= 100
+
9;
i >= 100;
i--) {

       
[self.window
viewWithTag:i].backgroundColor
=
[self.window
viewWithTag:i-1].backgroundColor;

   
}

   
[self.window
viewWithTag:100].backgroundColor
=
temp;  

}

—————————————————————————————————————————————

欢迎学习本文，未经博主同意禁止转载！

}