iOS - 初學iPad開發入門

時間 2019-11-30

標籤 ios 初學 ipad 開發入門欄目 iOS 简体版

原文原文鏈接

iPad是一款蘋果公司於2010年發佈的平板電腦
定位介於蘋果的智能手機iPhone和筆記本電腦MacBook產品之間
跟iPhone同樣，搭載的是iOS操做系統ios

iPhone和iPad開發的區別

屏幕的尺寸 \分辨率
UI元素的排布 \設計
鍵盤
API
屏幕方向的支持
… …

1.iPhone&iPad開發異同

1.1鍵盤

iPad的虛擬鍵盤多了個退出鍵盤的按鈕app

1-iPhone鍵盤.png

2-iPad鍵盤.png

1.2iPad特有API

iPad多了一些特有的類，好比：動畫

UIPopoverController   // 膨鬆餅
UISplitViewController // 分割線 
… …

3-UIPopoverController.png

4-UISplitViewController.png

1.3共有API的差別

有些API在iPhone和iPad都能用，可是顯示效果是有差別的，好比UIActionSheetatom

1.4屏幕方向的支持

5-iPhone支持3個方向.png

6-iPad支持4個方向.png

1.5橫豎屏支持

通常，iPhone應用就一種屏幕方向，要麼豎屏，要麼橫屏（遊戲）
其次，蘋果官方建議：iPad應用最好同時支持橫屏、豎屏兩種方向url

1.6開發細節

7-iPhone和iPad應用建立.png

設備支持的應用程序
iPhone上只能運行iPhone程序
iPad上可以運行iPhone \ iPad程序spa

開發過程
iPhone和iPad開發的流程是一致的
iPhone開發的技術基本都能用在iPad上操作系統

2.Modal

在iPhone開發中
Modal是一種常見的切換控制器的方式
默認是從屏幕底部往上彈出，直到徹底蓋住後面的內容爲止設計

在iPad開發中
Modal的使用頻率也很是高
對比iPhone開發，Modal在iPad開發中多了一些用法3d

呈現樣式 : Modal出來的控制器，最終顯示出來的樣子
Modal常見有4種呈現樣式代理

UIModalPresentationFullScreen ：全屏顯示（默認）
UIModalPresentationPageSheet
寬度：豎屏時的寬度（768）
高度：當前屏幕的高度（填充整個高度）
UIModalPresentationFormSheet ：佔據屏幕中間的一小塊
UIModalPresentationCurrentContext ：跟隨父控制器的呈現樣式

過渡樣式 : Modal出來的控制器，是以怎樣的動畫呈現出來
Modal一共4種過渡樣式

UIModalTransitionStyleCoverVertical 從底部往上鑽（默認）
UIModalTransitionStyleFlipHorizontal 三維翻轉
UIModalTransitionStyleCrossDissolve 淡入淡出
UIModalTransitionStylePartialCurl 翻頁（只顯示部分,使用前提呈現樣式必須是UIModalPresentationFullScreen）

3.UIPopoverController

iPad開發中常見的一種控制器（在iPhone上不容許使用）
跟其餘控制器不同的是，它直接繼承自NSObject，並不是繼承自UIViewController
它只佔用部分屏幕空間來呈現信息，並且顯示在屏幕的最前面

要想顯示一個UIPopoverController，須要通過下列步驟:

1>設置內容控制器
 因爲UIPopoverController直接繼承自NSObject，不具有可視化的能力
 所以UIPopoverController上面的內容必須由另一個繼承自UIViewController的控制器來提供，
 這個控制器稱爲「內容控制器」

2>設置內容的尺寸:顯示出來佔據多少屏幕空間

3>設置顯示的位置:從哪一個地方冒出來

設置內容控制器有3種方法

在初始化UIPopoverController的時候傳入一個內容控制器
- (id)initWithContentViewController:(UIViewController *)viewController;

@property (nonatomic, retain) UIViewController *contentViewController;

- (void)setContentViewController:(UIViewController *)viewController 
                        animated:(BOOL)animated;

設置內容的尺寸有2種方法

@property (nonatomic) CGSize popoverContentSize;

- (void)setPopoverContentSize:(CGSize)size animated:(BOOL)animated;

設置顯示的位置有2種方法

圍繞着一個UIBarButtonItem顯示（箭頭指定那個UIBarButtonItem）

- (void)presentPopoverFromBarButtonItem:(UIBarButtonItem *)item 
               permittedArrowDirections:(UIPopoverArrowDirection)arrowDirections
                               animated:(BOOL)animated;

item 圍繞着哪一個UIBarButtonItem顯示
arrowDirections 箭頭的方向
animated 是否經過動畫顯示出來
圍繞着某一塊特定區域顯示（箭頭指定那塊特定區域）

- (void)presentPopoverFromRect:(CGRect)rect 
                        inView:(UIView *)view 
      permittedArrowDirections:(UIPopoverArrowDirection)arrowDirections 
                      animated:(BOOL)animated;

rect 指定箭頭所指區域的矩形框範圍（位置和尺寸）
view 參數rect是以view的左上角爲座標原點（0，0）

8-rect和view參數.png

設置顯示的位置
若是想讓箭頭指向某一個UIView的作法有2種作法，好比指向一個button

方法1
[popover presentPopoverFromRect:button.bounds 
                         inView:button 
       permittedArrowDirections:UIPopoverArrowDirectionDown 
                       animated:YES];

方法2
[popover presentPopoverFromRect:button.frame 
                         inView:button.superview 
       permittedArrowDirections:UIPopoverArrowDirectionDown 
                       animated:YES];
代理對象
@property (nonatomic, assign) id <UIPopoverControllerDelegate> delegate;

是否可見
@property (nonatomic, readonly, getter=isPopoverVisible) BOOL popoverVisible;

箭頭方向
@property (nonatomic, readonly) UIPopoverArrowDirection popoverArrowDirection;

關閉popover（讓popover消失）
- (void)dismissPopoverAnimated:(BOOL)animated;

防止點擊UIPopoverController區域外消失

默認狀況下
只要UIPopoverController顯示在屏幕上，UIPopoverController背後的
全部控件默認是不能跟用戶進行正常交互的
點擊UIPopoverController區域外的控件，UIPopoverController默認會消失

要想點擊UIPopoverController區域外的控件時
不讓UIPopoverController消失，解決辦法是設置passthroughViews屬性

@property (nonatomic, copy) NSArray *passthroughViews;

這個屬性是設置當UIPopoverController顯示出來時
哪些控件能夠繼續跟用戶進行正常交互。這樣的話，
點擊區域外的控件就不會讓UIPopoverController消失了

常見報錯
在popover的使用過程當中，常常會遇到這個錯誤

-[UIPopoverController dealloc] reached while popover is still visible.
錯誤的大致意思是：popover在仍舊可見的時候被銷燬了（調用了dealloc）

從錯誤能夠得出的結論

當popover仍舊可見的時候，不許銷燬popover對象
在銷燬popover對象以前，必定先讓popover消失（不可見）

經過內容控制器設置內容尺寸

如下屬性都是UIViewController的
內容控制器能夠自行設置本身在popover中顯示的尺寸
在iOS 7以前
@property (nonatomic,readwrite) CGSize contentSizeForViewInPopover;

從iOS 7開始
@property (nonatomic) CGSize preferredContentSize;

UIPopoverController這個類是隻能用在iPad中的
要想在iPhone中實現popover效果，必須得自定義view，能夠參考
http://code4app.com/ios/Popover-View-in-iPhone/4fa931bd06f6e78d0f000000

http://code4app.com/ios/Popup-Menu/512231ac6803fa9e08000000