UI学习笔记---第一天

一.iOS概述 

iOS是Apple公司的移动操做系统,主要⽤用于iPhone、iPad、iPad Mini、iPod Touch等移动产品。

借助iOS,咱们能够开发视频类、美图类、新闻类、⾳乐类、团购类、电商类、阅读类、出⾏行类、⽣活服务类、游戏类等应⽤用程序。

除此以外,iOS还能够与外部设备通讯,开发出更多改变⽣活的产品,⽐比 如:智能家居(iOS App控制电视、空调等)、健⾝产品(将人体健康 情况经过App直观的展示出来)等。

二.UI概述

UI(User Interface):⽤户界面,⽤户能看到的各类各样的⻚面元素。

iOS App = 各类各样的UI控件 + 业务逻辑和算法。

想要开发出⼀一款精美的应⽤程序,须要熟练掌握各类UI控件的用法。

三.UIWindow

window是窗口,每一个app都须要借助window将内容展示给用户看

在iOS中,使用UIWindow类来表示窗口,一般一个应用程序只建立一个UIWindow对象

由于window的主要做用是呈现内容给用户,所以咱们不会对window作太多操做

四.UIView

view(视图):表明屏幕上的一个矩形区域,iOS中用UIView来表示视图

不一样的控件表明不一样类型的view

iOS中全部能看到的内容都是view或者其子类

//@property (retain, nonatomic) UIWindow *window;//ARC默认是strong   MRC是retain
//AppDelegate.m中代码
#import "AppDelegate.h"

@implementation AppDelegate
-(void)dealloc
{
    [_window release];
    [super dealloc];
}
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
    // Override point for customization after application launch.
    self.window.backgroundColor = [UIColor whiteColor];
    
    //第一步建立视图    //视图默认是透明色  clearcolor
    UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
    //第二步,配置视图
//    [redView setBackgroundColor:[UIColor redColor]];//两种设置颜色的方式
    redView.backgroundColor = [UIColor redColor];
    //第三步,添加视图
    [self.window addSubview:redView];
//    [_window addSubview:redView];//两种方式添加
    //第四步,内存管理
    [redView release];
    

    
    [self.window makeKeyAndVisible];
    return YES;
}

UI是使用 UIkit framework  框架

UIView分四类

如何呈现一个内容

能够响应触摸事件

作动画

画东西,涂鸦

建立视图的步骤以下:
 一、开辟空间并初始化视图(初始化时,给出视图位置和大小)
 二、对视图作⼀一些设置(⽐如:背景颜色)
 三、将视图添加到window上进行显示四、释放视图对象

1.ARC——>MRC

2.strong——>retain

3.dealloc

4.添加autorelease

frame

frame是view得重要属性,是咱们作视图布局的关键,它决定了视图的大小和位置

ceter(中心点)

center.x = frame.x+frame.width/2;//center的x坐标

center.y = frame.y+frame.height/2//center的y坐标

bounds

bounds(边界)也是view的重要属性,用于定义本身的边界,它同frame同样是一个CGRect结构体变量

当一个view设置bounds时,会把本身当成一个容器,定义本身的边界大小以及相对坐标原点的偏移量

当子视图添加到此视图时,会根据bounds指定的原点计算frame

center发生变化bounds.origin不变   bounds.orgin发生变化,center不变

添加视图

管理视图层次

视图重要属性

五.UILabel

UILabel(标签):是显示文本的控件在App中出现频率最高

UILabel是UIView得子类       UILabel是能显示文字的视图

 

文本显示:在视图上显示文字

    UILabel *aView = [[UILabel alloc] initWithFrame:CGRectMake(30, 30, 100, 100];
//    aView.backgroundColor = [UIColor redColor];
    aView.text = @"用户名:";
    [_window addSubview:aView];
    [aView release];

控制文本显示

六.UITextField

UITextField(输⼊框):是控制⽂本输入和显示的控件。在App中UITextField

出现频率也比较高。

iOS系统借助虚拟键盘实现输入,当点击输入框,系统会⾃动调出键盘,⽅便 你进⼀步操做。在你不须要输入的时候,可使⽤用收回键盘的方法,收回弹出的

键盘。 UITextField和UILabel相比,UILabel主要⽤用于文字显示,不能编辑,

UITextField容许⽤户编辑文字(输入)。

UITextField *bView = [[UITextField alloc] initWithFrame:CGRectMake(30, 30, 100, 100)];
    bView.borderStyle = UITextBorderStyleRoundedRect;//圆角边框
    bView.placeholder = @"请输入您的用户名";//输入框中提示输入内容
    [_window addSubview:bView];
    [bView release];

文本显示

输入控制

外观控制

七.UIButton

 建立UIButton与建立UILabel、UITextField、UIView的步骤很类似。


一、建立button对象(若是本类有初始化⽅法,使⽤⾃己的;不然使⽤父类的)。


二、设置按钮显⽰相关的属性


三、为按钮添加点击事件
 

四、添加按钮到⽗视图上,⽤以显示


五、按钮无需释放(由于使用的是类方法建立的button)

 

 UIButton *loginButton = [UIButton buttonWithType:UIButtonTypeSystem];
 loginButton.frame = CGRectMake(30, 200, 60, 30);
 [loginButton setTitle:@"登陆" forState:UIControlStateNormal];
 [loginButton addTarget:self action:@selector(login:)
 forControlEvents:UIControlEventTouchUpInside];
 [containerView addSubview:loginButton];

 

UIButton添加事件

外观控制