前事不忘后事之師
題記
相信大家在項目中幾乎都會用到navigationController或者是tabBarController，在iOS 6的時代，那個導航欄實在是有點丑，然而在iOS 7到來之后，界面發(fā)生了翻天覆地的變化，瞬間覺得高大上，其中導航欄的變化就特別大，支持半透明效果，其中涉及的知識就是我們今天需要看到的--translucent，雖然簡單，但是涉及的東西還是有點小多，下面就簡單記錄下我的理解
translucent
translucent：這是iOS 7中給UITabBar、UINavigationBar新增的屬性，如果為YES，那么顯示的是半透明的效果，能夠模糊看到被bar遮蓋的東西，如果設(shè)置為NO，則沒有模糊透明的效果。
當我們代碼這樣設(shè)置的時候
self.view.backgroundColor = [UIColor purpleColor];
//默認情況下 為yes 半透明
// self.navigationController.navigationBar.translucent = YES;
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height)];
view.backgroundColor = [UIColor redColor];
view.tag = 1001;
[self.view addSubview:view];
UIView *dotView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 40, 40)];
dotView.backgroundColor = [UIColor brownColor];
[view addSubview:dotView];
可以看到如下效果
再來看看詳細的圖層圖
我們可以看到新添加的view和當前vc的view是一樣大的。
而且我們的坐標是從(0,0)開始的。即全屏展示，將一部分view伸到bar下面了，并且bar的背景以其為底色，并加上半透明的模糊效果。
如果，我們將translucent設(shè)置為NO又是什么效果呢？
下面看圖
圖層效果
從圖層效果我們可以看出，當我們
translucent設(shè)置為NO時，當前vc的view的坐標默認是從導航欄下方開始，并且在tabbar上方結(jié)束，這里大家肯定發(fā)現(xiàn)了一個問題，就是新添加的view怎么比vc的view還長，這是由于在初始化的時候，我們在viewDidLoad中設(shè)置的坐標為:
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height)];
如何改變呢？有以下兩種方法：
1、在初始化的時候，設(shè)置frame的時候減去導航欄和下方控制欄的高度
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height-49-64)];
2、在viewDidAppear中重新設(shè)置坐標
- (void)viewDidAppear:(BOOL)animated
{
[super viewDidAppear:animated];
UIView *view = [self.view viewWithTag:1001];
[view setFrame:self.view.bounds];
}
關(guān)于第2個方法，可以這么理解，在viewDidLoad中vc的view為默認值，默認是撐滿全屏的，而其坐標是會發(fā)生變化的，在viewDidAppear時，坐標已經(jīng)確定，此時在設(shè)置我們添加的view的frame。
但是往往我們會有各種各樣的需求，假如我們現(xiàn)在又這么一種需求，保留半透明效果，但是view的起始點和結(jié)束點不能超過導航欄和控制欄，該怎么辦呢？
1、直接設(shè)置新添加的view的坐標
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 64, self.view.bounds.size.width, self.view.bounds.size.height-49-64)];
這樣的話，我們可以得到如下效果
圖層效果
從圖層我們可以看出，這里
navigationbar和tabbar的背景色均以當前vc的view的背景色作為了背景這里是直接設(shè)置添加
view的坐標，而當前vc的view的frame并沒有改變，如果想改變又該怎么辦呢？在iOS 7中的viewController的api中，引進了這么一個參數(shù)
@property(nonatomic,assign) UIRectEdge edgesForExtendedLayout NS_AVAILABLE_IOS(7_0);
edgesForExtendedLayout
這是一個枚舉類型，默認為UIRectEdgeAll：全屏顯示，即坐標為(0,0)，在屏幕頂端。
針對上面的情況，我們可以這么做
- (void)viewDidLoad {
[super viewDidLoad];
....
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height-49-64)];
}
- (UIRectEdge)edgesForExtendedLayout{
return UIRectEdgeNone;
}
得到的效果如下
圖層圖為
這樣就保證了
vc的view的frame發(fā)生了變化
小解:
edgesForExtendedLayout = UIRectEdgeNone
設(shè)置后，控制器的view的frame的坐標Y增加64px緊挨著navigationBar下方，底部同理，該屬性支持iOS7及以后的版本。
說到這個，我們再來看一個屬性，也是iOS 7引進的
@property(nonatomic,assign) BOOL automaticallyAdjustsScrollViewInsets NS_AVAILABLE_IOS(7_0);
automaticallyAdjustsScrollViewInsets
意思是是否由系統(tǒng)自動調(diào)整滾動視圖的內(nèi)邊距，默認為YES，意味著系統(tǒng)將會根據(jù)導航條和TabBar的情況自動增加上下內(nèi)邊距以防止?jié)L動視圖的內(nèi)容被Bar遮擋
注：上述的情況僅僅對UIScrollView或者子類（如UITableView）有效
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor purpleColor];
UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds];
tableView.dataSource = (id)self;
tableView.delegate = (id)self;
tableView.rowHeight = 60;
tableView.tag = 1002;
[self.view addSubview:tableView];
// self.automaticallyAdjustsScrollViewInsets = NO;
}
下面我們斷點看看tableView的相關(guān)信息
可以看出contentOffset默認向上偏移了64，在設(shè)置self.automaticallyAdjustsScrollViewInsets = YES系統(tǒng)會默認干下面這些事情
本來我們的cell是放在（0,0）的位置上的，但是考慮到導航欄、狀態(tài)欄會擋住后面的主視圖，而自動把我們的內(nèi)容（cell、滾動視圖里的元素）向下偏移離64px,（下方位置如果是tarbar向上偏移離Buttom49px、toolbar是44），也就是當我們把navigationBar給隱藏掉時，滾動視圖會給我們的內(nèi)容預留部分的空白（所有內(nèi)容向下偏移20px，因為狀態(tài)欄的存在）。
當然，如果我們設(shè)置self.automaticallyAdjustsScrollViewInsets = NO的話，那么操作就和上面講的view一樣了，系統(tǒng)不會自動調(diào)節(jié)。
關(guān)于translucent所引發(fā)的，還有一個就是，我們設(shè)置導航欄的背景顏色，如果只設(shè)置barTintColor，是達不到我們想要的效果，之前看過兩種方案
1、配置顏色的方案
2、對UINavigationBar動點手腳，添加個cateGory
核心實現(xiàn):新添加一個view
[self setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
self.newTinBar = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, CGRectGetHeight(self.bounds))];
self.newTinBar.userInteractionEnabled = NO;
self.newTinBar.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight;
[self insertSubview:self.newTinBar atIndex:0];
總結(jié)
到此，對于translucent引起的小事就完了，確實不是什么大事，只是記錄記錄，如果能幫到你，是我的榮幸，如果有什么不對，請多多指教
