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添加事件

外觀控制