最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

iOS左右滑動(dòng)標(biāo)簽頁(yè)導(dǎo)航的設(shè)計(jì)

 更新時(shí)間:2020年04月20日 11:38:11   作者:IT_ZGC  
這篇文章主要為大家詳細(xì)介紹了iOS左右滑動(dòng)標(biāo)簽頁(yè)導(dǎo)航的設(shè)計(jì)思路,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

iOS中左右滑動(dòng)切換,滑動(dòng)標(biāo)簽頁(yè)導(dǎo)航的設(shè)計(jì)思路,具體內(nèi)容如下

iOS開發(fā)中經(jīng)常(幾乎每個(gè)APP都含有這樣的頁(yè)面吧,幾乎!UI設(shè)計(jì)師也都是這樣抄來(lái)抄去…..)

demo見Github:SliderTab

估計(jì)很多人都會(huì)說(shuō),直接用第三方就可以了,很多人封裝過(guò),很好用。而且這樣的頁(yè)面用第三方2分鐘搞定,省時(shí)省力。
筆者也曾用過(guò)第三方,但是屢屢出bug。而且不好修改。所以只能自己寫,bug少,代碼通俗易懂,童叟無(wú)欺。

這里介紹一個(gè)第三方DLSlideView,Github地址:DLSlideView,目前達(dá)到200多個(gè)star。但是中間出了一次bug,說(shuō)是tableView左滑動(dòng)刪除有問(wèn)題,后來(lái)這個(gè)原作者更新了版本,修復(fù)了這個(gè)bug。但是我使用的過(guò)程中又發(fā)現(xiàn)一個(gè)新bug,就是里面放UIScrollView的時(shí)候也有問(wèn)題。

所以此文章不對(duì)代碼進(jìn)行封裝,僅提供思路和代碼。這樣才能真正適配光大開發(fā)者(授之以魚不如授之以漁),因?yàn)楣P者認(rèn)為每個(gè)頁(yè)面都有不同,我們需要掌握思路,這樣萬(wàn)變不離其宗,任何復(fù)雜的UI頁(yè)面都可以用這個(gè)思路去寫出來(lái)。下面我們來(lái)實(shí)現(xiàn)這樣的一個(gè)比較時(shí)髦的效果,在導(dǎo)航上面加三個(gè)tab(其實(shí)就是三個(gè)button),支持手勢(shì)切換,支持點(diǎn)擊tab切換。

1.理論分析

先觀察這個(gè)效果圖,三個(gè)UIButton和一個(gè)滑動(dòng)的UILabel,UILabel給一個(gè)動(dòng)畫,讓他的frame跟隨某一個(gè)UIButton就可以了。至于跟蹤哪個(gè)UIButton,當(dāng)然是點(diǎn)擊到的那個(gè)UIButton了,那么沒點(diǎn)擊只是滑動(dòng)怎么辦?UIScrollView的代理里面獲取當(dāng)前獲得焦點(diǎn)的UIButton就可以了。三個(gè)UIButton分別對(duì)應(yīng)不同的頁(yè)面,每個(gè)頁(yè)面可能邏輯很多很復(fù)雜,這樣的話如果寫在一個(gè)VC里面就顯得臃腫了,我們要想辦法分離代碼,易于維護(hù),并把邏輯分離,這樣的話,就要對(duì)應(yīng)3個(gè)ViewController。既然支持手勢(shì)滑動(dòng),我們想到的就是UIScrollView,它有分頁(yè)效果,很6 很87。我們可以把三個(gè)vc中的view拿出來(lái),分別貼到UIScrollView上面去(就是addSubView)。理論到此完畢,下面上代碼。

2.代碼實(shí)現(xiàn)

我們要在HomeViewController里面放一個(gè)UIScrollView,然后初始化三個(gè)VC,分別拿到三個(gè)VC.view,最后把VC.view貼到UIScrollView上面,實(shí)現(xiàn)UIScrollView的分頁(yè)滑動(dòng)。

代碼:

#import "HomeViewController.h"
#import "NearbyViewController.h"
#import "SquareViewController.h"
#import "RecommendViewController.h"
 
@interface HomeViewController ()<UIActionSheetDelegate,UIScrollViewDelegate>{
UIBarButtonItem *leftButton;
NearbyViewController *nearbyVC;
SquareViewController *squareVC;
RecommendViewController *recommendVC;
UIScrollView *mainScrollView;
UIView *navView;
UILabel *sliderLabel;
UIButton *nearbyBtn;
UIButton *squareBtn;
UIButton *recommendBtn;
}
 
@end
 
@implementation HomeViewController
 
//懶加載三個(gè)VC
-(NearbyViewController *)nearbyVC{
if (nearbyVC==nil) {
 nearbyVC = [[NearbyViewController alloc]init];
}
return nearbyVC;
}
 
-(SquareViewController *)squareVC{
if (squareVC==nil) {
 squareVC = [[SquareViewController alloc]init];
 
}
return squareVC;
}
 
 
-(RecommendViewController *)recommendVC{
if (recommendVC==nil) {
 recommendVC = [[RecommendViewController alloc]init];
 
}
return recommendVC;
}
//初始化三個(gè)UIBtton和一個(gè)滑動(dòng)的UILabel,命名為sliderLabel,三個(gè)btn放倒一個(gè)UIView上面navView。
-(void)initUI{
 navView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, 40)];
nearbyBtn = [UIButton buttonWithType:UIButtonTypeCustom];
nearbyBtn.frame = CGRectMake(0, 0, kScreenWidth/4, navView.frame.size.height);
nearbyBtn.titleLabel.font = [UIFont boldSystemFontOfSize:19];
[nearbyBtn addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventTouchUpInside];
[nearbyBtn setTitle:@"附近" forState:UIControlStateNormal];
nearbyBtn.tag = 1;
[navView addSubview:nearbyBtn];
 
 
squareBtn = [UIButton buttonWithType:UIButtonTypeCustom];
squareBtn.frame = CGRectMake(nearbyBtn.frame.origin.x+nearbyBtn.frame.size.width, nearbyBtn.frame.origin.y, kScreenWidth/4, navView.frame.size.height);
squareBtn.titleLabel.font = [UIFont systemFontOfSize:16];
[squareBtn addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventTouchUpInside];
[squareBtn setTitle:@"廣場(chǎng)" forState:UIControlStateNormal];
squareBtn.tag = 2;
[navView addSubview:squareBtn];
 
 
recommendBtn = [UIButton buttonWithType:UIButtonTypeCustom];
recommendBtn.frame = CGRectMake(squareBtn.frame.origin.x+squareBtn.frame.size.width, squareBtn.frame.origin.y, kScreenWidth/4, navView.frame.size.height);
recommendBtn.titleLabel.font = [UIFont systemFontOfSize:16];
[recommendBtn addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventTouchUpInside];
[recommendBtn setTitle:@"推薦" forState:UIControlStateNormal];
recommendBtn.tag = 3;
[navView addSubview:recommendBtn];
 
 
sliderLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 40-2, kScreenWidth/4, 4)];
sliderLabel.backgroundColor = kBackgroundColor;
[navView addSubview:sliderLabel];
self.navigationItem.titleView = navView;
leftButton = [[UIBarButtonItem alloc]initWithTitle:@"篩選" style:UIBarButtonItemStylePlain target:self action:@selector(leftBarButtonItemPressed:)];
leftButton.tintColor = [UIColor whiteColor];
self.navigationItem.leftBarButtonItem = leftButton;
 
}
 
-(UIButton *)theSeletedBtn{
if (nearbyBtn.selected) {
 return nearbyBtn;
}else if (squareBtn.selected){
 return squareBtn;
}else if (recommendBtn.selected){
 return recommendBtn;
}else{
 return nil;
 }
}
 
 
- (void)viewDidLoad {
[super viewDidLoad];
[self initUI];
[self setMainScrollView];
}
 //初始化UIScrollView
-(void)setMainScrollView{
mainScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight-kTabBarHeight)];
mainScrollView.delegate = self;
mainScrollView.backgroundColor = [UIColor whiteColor];
mainScrollView.pagingEnabled = YES;
mainScrollView.showsHorizontalScrollIndicator = NO;
mainScrollView.showsVerticalScrollIndicator = NO;
[self.view addSubview:mainScrollView];
NSArray *views = @[self.nearbyVC.view, self.squareVC.view,self.recommendVC.view];
for (int i = 0; i < views.count; i++){
 //添加背景,把三個(gè)VC的view貼到mainScrollView上面
 UIView *pageView = [[UIView alloc]initWithFrame:CGRectMake(kScreenWidth * i, 0, mainScrollView.frame.size.width, mainScrollView.frame.size.height)];
 [pageView addSubview:views[i]];
 [mainScrollView addSubview:pageView];
}
mainScrollView.contentSize = CGSizeMake(kScreenWidth * (views.count), 0);
}
-(UIButton *)buttonWithTag:(NSInteger)tag{
if (tag==1) {
 return nearbyBtn;
}else if (tag==2){
 return squareBtn;
}else if (tag==3){
 return recommendBtn;
}else{
 return nil;
}
}
-(void)sliderAction:(UIButton *)sender{
[self sliderAnimationWithTag:sender.tag];
[UIView animateWithDuration:0.3 animations:^{
 mainScrollView.contentOffset = CGPointMake(kScreenWidth * (sender.tag - 1), 0);
} completion:^(BOOL finished) {
 
}];
 
}
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
double index_ = scrollView.contentOffset.x / kScreenWidth;
[self sliderAnimationWithTag:(int)(index_+0.5)+1];
}
#pragma mark - sliderLabel滑動(dòng)動(dòng)畫
- (void)sliderAnimationWithTag:(NSInteger)tag{
nearbyBtn.selected = NO;
squareBtn.selected = NO;
recommendBtn.selected = NO;
UIButton *sender = [self buttonWithTag:tag];
sender.selected = YES;
//動(dòng)畫
[UIView animateWithDuration:0.3 animations:^{
 sliderLabel.frame = CGRectMake(sender.frame.origin.x, sliderLabel.frame.origin.y, sliderLabel.frame.size.width, sliderLabel.frame.size.height);
 
} completion:^(BOOL finished) {
 nearbyBtn.titleLabel.font = [UIFont systemFontOfSize:16];
 squareBtn.titleLabel.font = [UIFont systemFontOfSize:16];
 recommendBtn.titleLabel.font = [UIFont systemFontOfSize:16];
 
 sender.titleLabel.font = [UIFont boldSystemFontOfSize:19];
}];
 
}
 
@end

好,思路和代碼都有了??梢宰约喝?shí)現(xiàn)了,真的不難,真的不需要用第三方。其實(shí)我本可以封裝一個(gè)給大家用的,但是我沒有封裝,目的是讓每個(gè)iOS都能對(duì)付UI設(shè)計(jì)師的這樣的頁(yè)面設(shè)計(jì)!

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • iOS給密碼進(jìn)行加密的方法

    iOS給密碼進(jìn)行加密的方法

    這篇文章主要介紹了iOS給密碼進(jìn)行加密的方法,需要的朋友可以參考下
    2017-06-06
  • iOS開發(fā)-自定義相機(jī)實(shí)例(仿微信)

    iOS開發(fā)-自定義相機(jī)實(shí)例(仿微信)

    這篇文章主要介紹了iOS開發(fā)-自定義相機(jī)實(shí)例(仿微信),實(shí)例分析了ios 自定義相機(jī)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。
    2017-03-03
  • iOS實(shí)現(xiàn)秒殺活動(dòng)倒計(jì)時(shí)

    iOS實(shí)現(xiàn)秒殺活動(dòng)倒計(jì)時(shí)

    這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)秒殺活動(dòng)倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • iOS抽屜效果開發(fā)案例分享

    iOS抽屜效果開發(fā)案例分享

    這篇文章主要為大家分享了iOS抽屜效果開發(fā)案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-04-04
  • MAC系統(tǒng)下安裝FFmpeg的圖文教程

    MAC系統(tǒng)下安裝FFmpeg的圖文教程

    這篇文章主要給大家介紹了關(guān)于如何在MAC系統(tǒng)下安裝FFmpeg的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • iOS利用Block逆向傳值的方式詳解

    iOS利用Block逆向傳值的方式詳解

    大家應(yīng)該都有所了解在iOS開發(fā)中,常見的幾種逆向傳值方式,有代理(delegate)、通知(NSNotification),block等等,之前已經(jīng)給大家介紹了通過(guò)代理實(shí)現(xiàn)逆向傳值的方法,這篇文章來(lái)給大家介紹如何通過(guò)Block進(jìn)行逆向傳值,有需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。
    2016-12-12
  • iOS利用余弦函數(shù)實(shí)現(xiàn)卡片瀏覽工具

    iOS利用余弦函數(shù)實(shí)現(xiàn)卡片瀏覽工具

    這篇文章主要為大家詳細(xì)介紹了iOS利用余弦函數(shù)實(shí)現(xiàn)卡片瀏覽工具,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-04-04
  • iOS視頻添加背景音樂(lè)同時(shí)保留原音

    iOS視頻添加背景音樂(lè)同時(shí)保留原音

    本文主要介紹了iOS視頻添加背景音樂(lè)同時(shí)保留原音的實(shí)現(xiàn)方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-03-03
  • iOS中UIView實(shí)現(xiàn)不同方向的導(dǎo)角

    iOS中UIView實(shí)現(xiàn)不同方向的導(dǎo)角

    這篇文章主要給大家介紹了關(guān)于iOS中UIView實(shí)現(xiàn)不同方向的導(dǎo)角的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或使用iOS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-05-05
  • Objective-C封裝字符串存儲(chǔ)操作示例

    Objective-C封裝字符串存儲(chǔ)操作示例

    這篇文章主要介紹了Objective-C封裝字符串存儲(chǔ)操作示例,需要的朋友可以參考下
    2014-05-05

最新評(píng)論

文水县| 甘洛县| 林口县| 开化县| 澎湖县| 平顶山市| 绥阳县| 阳城县| 巨野县| 璧山县| 兴隆县| 衢州市| 简阳市| 水富县| 沭阳县| 简阳市| 安福县| 徐闻县| 泰顺县| 昌乐县| 京山县| 枣庄市| 东平县| 商都县| 博野县| 兴隆县| 沅江市| 来凤县| 瑞昌市| 磐石市| 普兰店市| 浦县| 光山县| 嘉兴市| 万宁市| 江安县| 来凤县| 天峻县| 临湘市| 二连浩特市| 肥西县|