国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學(xué)院 > 開發(fā)設(shè)計(jì) > 正文

IOS開發(fā)筆記-基礎(chǔ)UI(1)-簡單的計(jì)算器

2019-11-14 19:31:40
字體:
供稿:網(wǎng)友
(1)UI是App的根基:一個(gè)App應(yīng)該是先有UI界面,然后在UI的基礎(chǔ)上增加實(shí)用功能
(2)UI相對簡單易學(xué):UI普遍是學(xué)習(xí)過程中最簡單的一塊,能快速擁有成就感和學(xué)習(xí)興趣
(3)UI至關(guān)重要:開發(fā)中的絕大部分時(shí)間都在處理UI

謹(jǐn)記一條IOS軟件開發(fā)定律:萬物皆對象,UI界面上的每一個(gè)元素都是一個(gè)對象

IOS,android 軟件開發(fā)過程

UIKit框架是跟UI有關(guān)系的,標(biāo)簽,文本,按鈕,進(jìn)度條,開關(guān)等控件,都是封裝在UIKit框架內(nèi)部的,UIKit框架中提供了豐富多彩的可視化組件元素,利用UIKit框架提供的類來創(chuàng)建各種可視化組件對象,最后組成復(fù)雜而美觀的UI界面。
 
為了方便開發(fā)者開發(fā)出強(qiáng)大的功能,蘋果提供了各種各樣的框架
(1)UIKit:創(chuàng)建和管理應(yīng)用程序的用戶界面
(2)QuartzCore:提供動畫特效以及通過硬件進(jìn)行渲染的能力
(3)CoreGraphics:提供2D繪制的基于C的API
(4)CoreLocation:使用GPS和WIFI獲取位置信息
(5)MapKit:為應(yīng)用程序提供內(nèi)嵌地圖的接口
(6)AVFoundation:音頻、視頻處理
(7)……

在開發(fā)過程中需要用到一些特殊功能時(shí),可以先嘗試使用系統(tǒng)自帶的框架。

通過一個(gè)簡單的計(jì)算器的開發(fā),來學(xué)習(xí)和認(rèn)識IOS 開發(fā)的基礎(chǔ)控件

分析:
(1)添加需要的控件,搭建UI界面:
1個(gè)按鈕、3個(gè)文本標(biāo)簽(+,=,還有30的位置處)、2個(gè)文本輸入框
(2)監(jiān)聽按鈕的點(diǎn)擊事件
(3)取得2個(gè)文本框值,將計(jì)算好的最終結(jié)果顯示到右邊的文本標(biāo)簽上
 
什么是控件?
能在界面上看得到的,可以進(jìn)行交互的,就是控件
 
常用的控件介紹:
UILabel—文本標(biāo)簽:顯示一串固定的文字
UIButton – 按鈕:監(jiān)聽用戶的點(diǎn)擊事件,在用戶點(diǎn)擊后做出響應(yīng)
 
UITextField – 文本輸入框,文本輸入框可以彈出鍵盤,讓用戶輸入文本內(nèi)容
 
UIView:屏幕上能看得見摸得著的東西就是UIView,比如屏幕上的按鈕、文字、圖片,一般翻譯叫做:視圖/控件/組件。UIButton、UILabel、UITextField都繼承自UIView,每一個(gè)UIView都是一個(gè)容器,能容納其他UIView(比如整個(gè)鍵盤是一個(gè)UIView,里面容納很多小格子的數(shù)字UIView)
 
在“加法計(jì)算器”中,最后面那塊白色的全屏的東西也是一個(gè)UIView,白色的大UIView中容納了很多小的UIView,視圖層次結(jié)構(gòu)如下圖所示 
在白色的大UIView中,容納了6個(gè)小UIView(1個(gè)UIButton、2個(gè)UITextField、3個(gè)UILabel),白色的大UIView為6個(gè)小UIView的父控件(父視圖),6個(gè)小UIView都是白色大UIView的子控件(子視圖)。
 
每一個(gè)新的界面都是一個(gè)新的UIView,在切換過程中,涉及到了:
1、UIView的創(chuàng)建和銷毀
2、UIView跟用戶的交互(處理UIView內(nèi)部每一行的點(diǎn)擊)
這是視圖控制器 viewController 的工作,UIView 負(fù)責(zé)顯示,控制器來控制視圖。每當(dāng)顯示一個(gè)新界面時(shí),首先會創(chuàng)建一個(gè)新的UIViewController對象,然后創(chuàng)建一個(gè)對應(yīng)的全屏UIView,UIViewController負(fù)責(zé)管理這個(gè)UIView。UIViewController就是UIView的大管家,負(fù)責(zé)創(chuàng)建、顯示、銷毀UIView,負(fù)責(zé)監(jiān)聽UIView內(nèi)部的事件,負(fù)責(zé)處理UIView與用戶的交互。大部分代碼都是寫在控制器。
 
UIViewController內(nèi)部有個(gè)UIView屬性,就是它負(fù)責(zé)管理UIView對象 
代碼如下:
@PRoperty(nonatomic,retain) UIView *view;

 

先進(jìn)行 UI 設(shè)計(jì),使用單視圖頁面進(jìn)行開發(fā)(常用),Single View application是最適合初學(xué)者的模板
項(xiàng)目創(chuàng)建完畢后,Xcode自動幫我們做了很多配置,也自動生成了很多文件,還能自動添加開發(fā)所依賴的框架。
 
 
 
認(rèn)識故事板
 
 
箭頭表明:程序一啟動就會顯示箭頭所指的界面
 
在iOS5之前,蘋果使用xib文件來描述UI界面,在iOS5之后,蘋果采取了更加強(qiáng)大和先進(jìn)的storyboard文件來描述界面(Xcode5是基于iOS7),因此,可以得出結(jié)論:修改項(xiàng)目中的Main.storyboard文件就可以修改UI界面。
 
打開Main.storyboard文件一看,里面有一個(gè)全白的界面,這個(gè)界面就是模擬器上顯示的界面。
 
往storyboard的界面中添加其他控件,得顯示工具欄
 
建議使用九宮格排列控件圖標(biāo),這樣一次性看到的控件多,視野大。
 
把需要的控件,拖拽到故事板上,進(jìn)行 UI 設(shè)計(jì)。單擊選中某個(gè)控件后,可以在右邊的菜單工具欄中更改控件的屬性
 
 
 
注意:在屬性查看器里,更改控件顯示的內(nèi)容,控件不會自動調(diào)節(jié)自己的寬度,而雙擊控件填寫內(nèi)容,控件會自動調(diào)整寬度來適應(yīng)填寫的內(nèi)容。
 
 
各個(gè)控件,不僅可以用鼠標(biāo)控制間距和位置,也能選中之后,使用方向鍵微調(diào)。
 
使用 command+r 運(yùn)行程序,查看效果
 
注意,蘋果 APP 審核規(guī)定,在應(yīng)該使用數(shù)字的地方,必須只能輸入數(shù)字,否則無法通過。也就是說,本來應(yīng)該輸入數(shù)字,最起碼彈出的鍵盤應(yīng)該是數(shù)字鍵盤,而不是如圖所示。改進(jìn)方法:在屬性查看器里,找到 keyboard 屬性,修改為 number。
 
 
兩個(gè)文本輸入框都設(shè)置好即可。
 
下面實(shí)現(xiàn),點(diǎn)擊按鈕『計(jì)算』,進(jìn)行加法的計(jì)算:
使用一個(gè)如下的編輯模式,點(diǎn)擊助理編輯器
 
進(jìn)行關(guān)聯(lián)操作,方法左邊的圈圈由空心變?yōu)閷?shí)心,說明已經(jīng)跟某個(gè)按鈕進(jìn)行了連線
 
OC 中,和界面關(guān)聯(lián)的方法,通常用 IB 開頭(Interface builder),下面是 點(diǎn)m 文件:
-(IBAction)compute{    NSLog(@"點(diǎn)擊按鈕進(jìn)行計(jì)算:");    //通過此方法,拿到兩個(gè)文本框的輸入值    NSString *str1 = self.num1.text;    NSString *str2 = self.num2.text;    //把輸入的值相加    //把文本轉(zhuǎn)換為數(shù)值使用 intValue    int result = str1.intValue + str2.intValue;    //把結(jié)果顯示到規(guī)定的標(biāo)簽    //把整數(shù)轉(zhuǎn)換為字符串    self.sum.text = [NSString stringWithFormat:@"%d", result];}

 

小結(jié)

IOS 程序的開發(fā)步驟:

1、設(shè)計(jì)界面

2、連線關(guān)聯(lián)

3、寫代碼實(shí)現(xiàn)功能(最難,最復(fù)雜 )

IBAction 和 IBOutlet
1、IBAction,從返回值角度上看,作用相當(dāng)于void,只有返回值聲明為IBAction的方法,才能跟storyboard中的控件進(jìn)行連線
2、IBOutlet 用來和界面的元素建立關(guān)系,用來修改,獲得界面控件的屬性,故對應(yīng)的是@property,而 IBAction 對應(yīng)的是方法
只有聲明為IBOutlet的屬性,才能跟storyboard中的控件進(jìn)行連線。
 
UIViewController是負(fù)責(zé)程序的控制,相當(dāng)于管家的角色,而UIView 是負(fù)責(zé)界面的展示,聯(lián)系 MVC 模式。
嚴(yán)格來講,下圖箭頭所指的應(yīng)該是一個(gè)UIViewController對象,里面白色的界面僅僅是UIViewController內(nèi)部的UIView屬性
 
故事板
本質(zhì)是一個(gè) xml 文件,可以手動的設(shè)置程序啟動時(shí)加載的storyboard是哪個(gè)
這個(gè)設(shè)置表明:程序啟動時(shí)會加載Main.storyboard
 
了解延遲加載和懶加載的概念
在程序需要的時(shí)候,才加載到內(nèi)存里,效率上變低了,但是程序的內(nèi)存消耗小了,這就是蘋果手機(jī)的性能優(yōu)化的好的原因之一!
 
簡單加法計(jì)算器的運(yùn)行過程
1.讀取Main.storyboard文件
2.創(chuàng)建箭頭所指的ViewController對象
3.根據(jù)storyboard文件中描述創(chuàng)建ViewController的UIView對象
4.將UIView對象顯示到用戶眼前
 
現(xiàn)在已經(jīng)知道:應(yīng)該由ViewController來監(jiān)聽按鈕的點(diǎn)擊,換句話說,ViewController應(yīng)該提供一個(gè)方法出來,當(dāng)用戶點(diǎn)擊按鈕時(shí),就調(diào)用這個(gè)方法來通知ViewController按鈕被人點(diǎn)了。ViewController就在這個(gè)方法中實(shí)現(xiàn)想做的任何事情,比如計(jì)算2個(gè)文本輸入框內(nèi)值的和。
 
退出鍵盤的兩種方式
resignFirstResponder
當(dāng)叫出鍵盤的那個(gè)控件(第一響應(yīng)者)調(diào)用這個(gè)方法時(shí),就能退出鍵盤
 
endEditing
只要調(diào)用這個(gè)方法的控件內(nèi)部存在第一響應(yīng)者,就能退出鍵盤
 
蘋果官方建議:從 xcode5開始,把不對外開放的屬性和方法聲明,放到 .m 文件內(nèi)。
 
完整代碼
 1 // 2 //  ViewController.h 3 //  加法計(jì)算器 4 // 5 //  Created by 大帥 on 15-2-10. 6 //  Copyright (c) 2015年 dashuai. All rights reserved. 7 // 8  9 #import <UIKit/UIKit.h>10 11 @interface ViewController : UIViewController12 //聲明一個(gè)計(jì)算的對象方法13 -(IBAction)compute;14 //帶有 IBOutlet ,才能修改和獲得控件的屬性15 @property (weak, nonatomic) IBOutlet UITextField *num1;16 @property (weak, nonatomic) IBOutlet UITextField *num2;17 @property (weak, nonatomic) IBOutlet UILabel *sum;18 @end
 1 // 2 //  ViewController.m 3 //  加法計(jì)算器 4 // 5 //  Created by 大帥 on 15-2-10. 6 //  Copyright (c) 2015年 dashuai. All rights reserved. 7 // 8  9 #import "ViewController.h"10 11 @interface ViewController ()12 13 @end14 15 @implementation ViewController16 17 - (void)viewDidLoad {18     [super viewDidLoad];19     // Do any additional setup after loading the view, typically from a nib.20 }21 22 - (void)didReceiveMemoryWarning {23     [super didReceiveMemoryWarning];24     // Dispose of any resources that can be recreated.25 }26 27 //帶有 IBAction 的方法,才能和控件關(guān)聯(lián)28 -(IBAction)compute29 {30     NSLog(@"點(diǎn)擊按鈕進(jìn)行計(jì)算:");31     //通過此方法,拿到兩個(gè)文本框的輸入值32     NSString *str1 = self.num1.text;33     NSString *str2 = self.num2.text;34     //把輸入的值相加35     //把文本轉(zhuǎn)換為數(shù)值使用 intValue方法36     int result = str1.intValue + str2.intValue;37     //把結(jié)果顯示到規(guī)定的標(biāo)簽38     //把整數(shù)轉(zhuǎn)換為字符串39     self.sum.text = [NSString stringWithFormat:@"%d", result];40     //記住一個(gè) OOP 設(shè)計(jì)的習(xí)慣規(guī)則41     //關(guān)閉鍵盤42     //也就是說:誰創(chuàng)建對象,誰負(fù)責(zé)銷毀對象,因?yàn)槭謾C(jī)內(nèi)存,寸土寸金!43     //誰打開鍵盤,誰關(guān)閉鍵盤44     45     //調(diào)用第一響應(yīng)者,就是打開鍵盤的那個(gè)控件,關(guān)閉鍵盤46     //[self.num1 resignFirstResponder];47     //[self.num2 resignFirstResponder];48     49     //或者使用強(qiáng)行關(guān)閉鍵盤的方法,YES or NO50     [self.view endEditing:YES];51     //NO 也能關(guān)閉,但是和 YES 有區(qū)別,涉及到了多線程的問題! 不糾結(jié),就永遠(yuǎn)寫成 YES。如果是 NO,保不齊某些情景,就不一定能關(guān)閉。52 }53 @end

 

 

 

 
 
 
 
 
 
 
 
 
 

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 上虞市| 旬阳县| 定南县| 高邮市| 普格县| 呼图壁县| 峨山| 吕梁市| 龙口市| 维西| 香港| 昌图县| 军事| 晴隆县| 青海省| 广平县| 永和县| 莱州市| 轮台县| 灌云县| 蛟河市| 沂水县| 博罗县| 玉环县| 平乡县| 辉县市| 六安市| 汾阳市| 惠州市| 象州县| 河间市| 武城县| 辽宁省| 同德县| 家居| 顺义区| 扎鲁特旗| 安义县| 武川县| 子洲县| 增城市|