IOS各個控制元件的尺寸、隱藏方法及對檢視佈局的影響
一、常識
我們都知道裝置及裝置上面控制元件的尺寸對於介面的佈局美觀有很大的影響。所以關於裝置尺寸方面的常識是必備的。可以記不住但是用到的時候至少要能夠找到它 。所以今天給大家彙總一下相關的要點,以備日後不時之需。
(一)裝置尺寸
裝置 解析度 物理尺寸
iPhone3GS 320x480 320x480(3.5)
iPhone4/4S 640x960 320x480(3.5)
iPhone5/5C/5S 640x1136 320x568(4.0)
iPhone6 (s) 750x1334 375x667(4.7)
iPhone6(s)plus 1242x2208 414x736(5.5)
iPad(old) 768x1024 768x1024(7.9/9.7)
iPad(new) 1536x2048 768X1024(7.9/9.7)
iPad Pro 2048x2732 1024x1366(12.9)
(二)各個控制元件的尺寸
備註:
iOS 4支援高解析度顯示器(像iPhone 4顯示)通過在UIScreen scale特性,UIView,UIImage,CALayer類。如果物件是顯示高清晰的內容,其規模屬性設定為2.0。否則它的預設值為1.0。
所有您需要做的來支援高解析度顯示器是提供@2x版本的影象在您的專案中。看到檢查表更新到iOS4或蘋果文件支援高解析度螢幕獲取更多的資訊。
二、各個控制元件隱藏方法及對檢視佈局的影響
//1.上拉隱藏導航 顯示TabBar或ToolBar 下拉顯示導航 隱藏TabBar或ToolBar(注意對狀態列不起作用)
self.navigationController.hidesBarsOnSwipe = YES;
//2.當跳轉頁面時隱藏TabBar
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
HomeDetailsViewController *detailsVC = [[HomeDetailsViewController alloc]init];
//正面傳值
ContentModel *model = self.contentArray[indexPath.row];
detailsVC.ids = model.ids;
//隱藏TabBar
detailsVC.hidesBottomBarWhenPushed = YES;
[self.navigationController pushViewController:detailsVC animated:YES];
}
//3.設定導航欄的透明度
/*半透明度,會影響檢視控制器上子檢視的佈局
半透明:佈局參考原點是(0,0)
不透明:佈局參考原點是(0,64) 時間欄:高20 導航條:高44
*./
self.navigationController.navigationBar.translucent = NO;
//4.下面的屬性設定目的就是為了讓scrollView自動適應螢幕
self.automaticallyAdjustsScrollViewInsets = NO;
//5.隱藏狀態列
-(BOOL)prefersStatusBarHidden{
return YES;
}
//6.我們通常在檢視將要出現時隱藏或顯示導航欄或其它相關操作,這樣可以避免對其子檢視、父檢視的影響。如果是有關收藏的資料的重新整理也通常在這裡進行載入資料。
-(void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
self.navigationController.navigationBar.hidden = NO;
[self loadData];
}
//其實一般對控制元件的隱藏顯示都是用xxx.hiden = YES或NO
/*
假如你想中間一部分控制元件隱藏掉,然後把隱藏掉的控制元件的下面一些控制元件上移,可以這麼做。
要顯示或隱藏的那幾個部分一般都是在需求分析時確定的,把那幾個需要隱藏的控制元件貼在一個父檢視view上,以下的控制元件貼在一個或多個view上,將父檢視view隱藏,修改以下的一個或多個view的frame就可以了。
*/
//7.在ios開發中有時會需要對已新增過的view進行刪除、隱藏等操作。通常可以通過以下方法來完成:
for(UIView *View in [self.View subviews])
{
if(([View isKindofClass:[UILable class]])
&&(1 == View.tag))//如果有多個同類型的View可以通過tag來區分
{
[View SetHidden:YES];//隱藏此控制元件
[View removeFromSuperview];//刪除此控制元件
}
}
//8.隱藏導航欄返回按鈕
[self.navigationItem.backBarButtonItem setTitle:@""];
[self.navigationItem setHidesBackButton:YES];
//9.1按鈕隱藏鍵盤————給iOS鍵盤新增收起(隱藏)按鈕
/*
由於ios鍵盤不像安卓的一樣有自帶的隱藏按鍵,雖然有時候可以點選空白處隱藏,或者點選return隱藏,但是當頁面佈局複雜的時候也不太方便使用,所以,可以考慮在鍵盤上方新增一個隱藏按鈕,並使按鈕可以隨著鍵盤高度的變化而自動調整,該方法也適用於UISearchBar。
以下是程式碼:主要是通過新增一個toolbar,上面的按鈕可以使用系統的,也可以自定義。
*/
UIToolbar * topView = [[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, 320, 30)];
[topView setBarStyle:UIBarStyleBlackTranslucent];
UIBarButtonItem * btnSpace = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.frame = CGRectMake(2, 5, 50, 25);
[btn addTarget:self action:@selector(dismissKeyBoard) forControlEvents:UIControlEventTouchUpInside];
[btn setImage:[UIImage imageNamed:@"shouqi"] forState:UIControlStateNormal];
UIBarButtonItem *doneBtn = [[UIBarButtonItem alloc]initWithCustomView:btn];
NSArray * buttonsArray = [NSArray arrayWithObjects:btnSpace,doneBtn,nil];
[topView setItems:buttonsArray];
[textfield setInputAccessoryView:topView];
-(void)dismissKeyBoard
{
[textfield resignFirstResponder];
}
//執行效果如下圖:不管是何種鍵盤都不會出現問題
//9.2鍵盤可能遮擋輸入框時的檢視上移
// CELogin.m
/** 在UITextField編輯之前呼叫方法 **/
- (void)textFieldDidBeginEditing:(UITextField*)textField {
// 檢視上移
[CEGeneralTool animationOfTextField:textField isUp:YESwithDistance:TEXTFIELD_MOVEDISTANCE inView:self.view];
}
/** 在UITextField編輯完成呼叫方法 **/
- (void)textFieldDidEndEditing:(UITextField*)textField {
// 檢視下移
[CEGeneralTool animationOfTextField:textField isUp:NOwithDistance:TEXTFIELD_MOVEDISTANCE inView:self.view];
}
// CEGeneralTool.m
+(void)animationOfTextField:(UITextField*)textField isUp:(BOOL)up withDistance:(NSInteger)distance inView:(UIView*)view {
// 設定檢視實際上移距離
NSIntegermoveDistance = (up ? -distance : distance );
[UIViewbeginAnimations:@"Animation"context:nil];
[UIViewsetAnimationBeginsFromCurrentState:YES];
[UIViewsetAnimationDuration:0.20];
view.frame=CGRectOffset(view.frame,0, moveDistance);
[UIViewcommitAnimations];}
}
//10.隱藏navigationItem左右按鈕的方法
在移除一個View的時候或者根據需要希望讓navigationItem的rightBarButtonItem或者leftBarButtonItem處於隱藏狀態,一個簡單的方法如下:
self.navigationItem.rightBarButtonItem = nil;
例:在點選一個網址的時候,希望載入一個UIWebView,但是為了實現可以隨意關閉和開啟這個WebView的功能,我希望在WebView載入的時候,在navigation上面顯示一個“關閉”按鈕,當我點選這個按鈕的時候,WebView頁面關閉,但是同時希望這個“關閉”按鈕一起消失。所以程式碼如下:
- (void)closeWebView
{
[m_webView removeFromSuperview];
self.navigationItem.rightBarButtonItem = nil;
}
今天暫時寫這麼多後續再更新。