亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

IOS開發筆記-基礎UI(1)-簡單的計算器

2019-11-14 19:31:40
字體:
來源:轉載
供稿:網友
(1)UI是App的根基:一個App應該是先有UI界面,然后在UI的基礎上增加實用功能
(2)UI相對簡單易學:UI普遍是學習過程中最簡單的一塊,能快速擁有成就感和學習興趣
(3)UI至關重要:開發中的絕大部分時間都在處理UI

謹記一條IOS軟件開發定律:萬物皆對象,UI界面上的每一個元素都是一個對象

IOS,android 軟件開發過程

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

在開發過程中需要用到一些特殊功能時,可以先嘗試使用系統自帶的框架。

通過一個簡單的計算器的開發,來學習和認識IOS 開發的基礎控件

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

 

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

 

小結

IOS 程序的開發步驟:

1、設計界面

2、連線關聯

3、寫代碼實現功能(最難,最復雜 )

IBAction 和 IBOutlet
1、IBAction,從返回值角度上看,作用相當于void,只有返回值聲明為IBAction的方法,才能跟storyboard中的控件進行連線
2、IBOutlet 用來和界面的元素建立關系,用來修改,獲得界面控件的屬性,故對應的是@property,而 IBAction 對應的是方法
只有聲明為IBOutlet的屬性,才能跟storyboard中的控件進行連線。
 
UIViewController是負責程序的控制,相當于管家的角色,而UIView 是負責界面的展示,聯系 MVC 模式。
嚴格來講,下圖箭頭所指的應該是一個UIViewController對象,里面白色的界面僅僅是UIViewController內部的UIView屬性
 
故事板
本質是一個 xml 文件,可以手動的設置程序啟動時加載的storyboard是哪個
這個設置表明:程序啟動時會加載Main.storyboard
 
了解延遲加載和懶加載的概念
在程序需要的時候,才加載到內存里,效率上變低了,但是程序的內存消耗小了,這就是蘋果手機的性能優化的好的原因之一!
 
簡單加法計算器的運行過程
1.讀取Main.storyboard文件
2.創建箭頭所指的ViewController對象
3.根據storyboard文件中描述創建ViewController的UIView對象
4.將UIView對象顯示到用戶眼前
 
現在已經知道:應該由ViewController來監聽按鈕的點擊,換句話說,ViewController應該提供一個方法出來,當用戶點擊按鈕時,就調用這個方法來通知ViewController按鈕被人點了。ViewController就在這個方法中實現想做的任何事情,比如計算2個文本輸入框內值的和。
 
退出鍵盤的兩種方式
resignFirstResponder
當叫出鍵盤的那個控件(第一響應者)調用這個方法時,就能退出鍵盤
 
endEditing
只要調用這個方法的控件內部存在第一響應者,就能退出鍵盤
 
蘋果官方建議:從 xcode5開始,把不對外開放的屬性和方法聲明,放到 .m 文件內。
 
完整代碼
 1 // 2 //  ViewController.h 3 //  加法計算器 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 //聲明一個計算的對象方法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 //  加法計算器 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 的方法,才能和控件關聯28 -(IBAction)compute29 {30     NSLog(@"點擊按鈕進行計算:");31     //通過此方法,拿到兩個文本框的輸入值32     NSString *str1 = self.num1.text;33     NSString *str2 = self.num2.text;34     //把輸入的值相加35     //把文本轉換為數值使用 intValue方法36     int result = str1.intValue + str2.intValue;37     //把結果顯示到規定的標簽38     //把整數轉換為字符串39     self.sum.text = [NSString stringWithFormat:@"%d", result];40     //記住一個 OOP 設計的習慣規則41     //關閉鍵盤42     //也就是說:誰創建對象,誰負責銷毀對象,因為手機內存,寸土寸金!43     //誰打開鍵盤,誰關閉鍵盤44     45     //調用第一響應者,就是打開鍵盤的那個控件,關閉鍵盤46     //[self.num1 resignFirstResponder];47     //[self.num2 resignFirstResponder];48     49     //或者使用強行關閉鍵盤的方法,YES or NO50     [self.view endEditing:YES];51     //NO 也能關閉,但是和 YES 有區別,涉及到了多線程的問題! 不糾結,就永遠寫成 YES。如果是 NO,保不齊某些情景,就不一定能關閉。52 }53 @end

 

 

 

 
 
 
 
 
 
 
 
 
 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
在线亚洲男人天堂| 2019中文字幕全在线观看| 亚洲美女动态图120秒| 久久久999成人| 清纯唯美亚洲激情| 国产精品久久久久久中文字| 亚洲免费高清视频| 久久久精品影院| 久久精品欧美视频| 欧美精品电影免费在线观看| 国产精品海角社区在线观看| 国产香蕉精品视频一区二区三区| 亚洲久久久久久久久久| 91精品久久久久久综合乱菊| 日韩av电影手机在线观看| 91美女福利视频高清| 亚洲国内精品在线| 亚洲成色777777在线观看影院| 日韩av在线一区二区| 91免费人成网站在线观看18| 欧美成人免费视频| 欧美性极品少妇精品网站| 欧美在线视频一二三| 91大神福利视频在线| 欧美精品精品精品精品免费| 国产日韩换脸av一区在线观看| 日韩av免费在线观看| 91精品国产高清久久久久久91| 日韩在线欧美在线| 欧美日韩中文字幕在线视频| 日韩av电影手机在线观看| 亚洲国产91精品在线观看| 国内精品久久久久影院 日本资源| 午夜精品福利视频| 欧美性猛交xxxx久久久| 日韩最新在线视频| 日韩国产精品一区| 久久精品国产久精国产一老狼| 午夜精品久久久久久久白皮肤| 欧美日韩视频免费播放| 欧美亚洲国产另类| 亚洲欧美日韩国产中文| 91国产中文字幕| 欧美做受高潮电影o| 欧美黄色免费网站| www.日韩不卡电影av| 国产一区二区三区毛片| 久久精品国产清自在天天线| 高跟丝袜欧美一区| 久久综合网hezyo| 久久影院资源站| 国产精品入口免费视| 亚洲电影免费在线观看| 色婷婷综合久久久久| 都市激情亚洲色图| 午夜精品久久久久久久男人的天堂| 国产精品你懂得| 91亚洲精品久久久久久久久久久久| 欧美精品手机在线| 亚洲电影免费观看高清| 国产精品jvid在线观看蜜臀| 欧美一区二区三区精品电影| 国产精品扒开腿做爽爽爽男男| 久色乳综合思思在线视频| 国产精品免费电影| 日韩高清av在线| 欧美性xxxxxx| 欧美午夜片欧美片在线观看| 在线视频欧美日韩| 91人人爽人人爽人人精88v| 最新日韩中文字幕| 成人在线一区二区| 69视频在线播放| 成人精品福利视频| 91九色视频在线| 麻豆国产精品va在线观看不卡| 久久99精品国产99久久6尤物| 欧美日韩国产va另类| 成人激情视频在线观看| 69av在线视频| 亚洲资源在线看| 日韩理论片久久| 久久久亚洲欧洲日产国码aⅴ| 成人h猎奇视频网站| 亚洲日本欧美中文幕| 亚洲mm色国产网站| 亚洲最大福利视频网| 欧美成aaa人片在线观看蜜臀| 欧美激情图片区| 日本精品久久久久久久| 国产丝袜一区二区三区| 国产69精品久久久久99| 日本欧美一二三区| 国产日本欧美视频| 久久不射电影网| 欧美激情视频网站| 亚洲激情在线观看视频免费| 中文字幕久久久av一区| 一区二区成人精品| 欧美日韩高清在线观看| 欧美有码在线观看| 欧美性xxxxxxx| 亚洲人成人99网站| 欧美精品激情在线| 日韩高清a**址| 国产精品极品美女粉嫩高清在线| 成人性生交大片免费观看嘿嘿视频| 91综合免费在线| 国产69精品久久久久99| 欧洲日韩成人av| 国产一区二区三区在线播放免费观看| 日韩av电影手机在线观看| 欧美夫妻性生活视频| 亚洲成人中文字幕| 欧美在线视频a| 中文字幕在线成人| 日韩在线视频网站| 青青草99啪国产免费| 成人激情视频在线观看| 精品国产欧美成人夜夜嗨| 国产精品久久久久久久天堂| 日韩高清av一区二区三区| 欧美亚洲国产精品| 久久高清视频免费| 欧美激情影音先锋| 欧美精品videofree1080p| 久久综合久久美利坚合众国| 精品国产美女在线| 欧美激情国内偷拍| 国产精品成人在线| 精品国产一区二区三区四区在线观看| 亚洲a级在线观看| 欧美日本在线视频中文字字幕| 欧美一级大片视频| 日韩欧美999| 国产人妖伪娘一区91| 午夜精品视频网站| 日韩亚洲精品电影| 96精品久久久久中文字幕| 日韩视频在线免费| 亚洲va久久久噜噜噜| 高清欧美性猛交xxxx| 最近2019年手机中文字幕| 日韩欧美成人精品| 亚洲精品电影在线| 久久久久久久久电影| 国内精品久久久久久久| 久久久久女教师免费一区| 欧美性高潮在线| 国产女人18毛片水18精品| 欧美富婆性猛交| 亚洲第一福利在线观看| 国内免费精品永久在线视频| 国产精品视频免费观看www| 国产欧美日韩免费| 精品亚洲国产视频| 欧美日韩一二三四五区| 国产日产亚洲精品| 国产成人精品一区二区三区| 亚洲乱码一区二区| 亚洲国产高清福利视频| 国产亚洲一区二区精品| 国产精品一区二区三区在线播放| 91在线观看免费高清完整版在线观看|