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

首頁 > 系統 > iOS > 正文

iOS仿網易新聞滾動導航條效果

2020-07-26 02:27:17
字體:
來源:轉載
供稿:網友

本文實例為大家分享了iOS滾動導航條效果展示的具體代碼,供大家參考,具體內容如下

實現效果

效果:選擇不同的欄目,下面出現不同的視圖,欄目條可以滾動;下面的視圖也可以滾動,滾動時上面對應的欄目要選中顏色為紅色;

滾動的導航條包括兩部分:標題滾動視圖(UIScrollView),內容滾動視圖(UIScrollView)

實現代碼

1.首先實現Main.storyboard

2.創建多個子控制器:頭條、科技、汽車、體育、視頻、圖片、熱點

// 頭條ViewController, 其它控制器和這個控制器都一樣,只是背景顏色不同而已#import <UIKit/UIKit.h>@interface TopLineViewController : UIViewController@end//----------------------------------------------------------------#import "TopLineViewController.h"@interface TopLineViewController ()@end@implementation TopLineViewController- (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor blackColor];}@end

實現Main.storyboard對應的視圖控制器ViewController

#import <UIKit/UIKit.h>@interface ViewController : UIViewController@end//----------------------------------------------------------------#import "ViewController.h"#import "TopLineViewController.h"#import "TechnologyViewController.h"#import "CarViewController.h"#import "SportsViewController.h"#import "VideoViewController.h"#import "ImageViewController.h"#import "HotViewController.h"#define ScreenWidth [UIScreen mainScreen].bounds.size.width#define ScreenHeight [UIScreen mainScreen].bounds.size.height@interface ViewController () <UIScrollViewDelegate>@property (weak, nonatomic) IBOutlet UIScrollView *titleScrollView;@property (weak, nonatomic) IBOutlet UIScrollView *contentScrollView;@property (strong, nonatomic) NSMutableArray *buttons;@property (strong, nonatomic) UIButton *selectedButton;@end@implementation ViewController- (void)viewDidLoad { [super viewDidLoad]; self.navigationItem.title = @"網易新聞"; // 1. 初始化標題滾動視圖上的按鈕 [self initButtonsForButtonScrollView];}- (void) initButtonsForButtonScrollView { // 初始化子控制器 [self initChildViewControllers]; CGFloat buttonWidth = 100; CGFloat buttonHeight = 40; NSInteger childViewControllerCount = self.childViewControllers.count; for (NSInteger i = 0; i < childViewControllerCount; i++) {  UIViewController *childViewController = self.childViewControllers[i];  UIButton *titleButton = [UIButton buttonWithType:UIButtonTypeCustom];  titleButton.tag = i;  CGFloat x = i * buttonWidth;  titleButton.frame = CGRectMake(x, 0, buttonWidth, buttonHeight);  [titleButton setTitle:childViewController.title forState:UIControlStateNormal];  [titleButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];  [titleButton addTarget:self action:@selector(titleButtonOnClick:) forControlEvents:UIControlEventTouchUpInside];  [self.titleScrollView addSubview:titleButton];  [self.buttons addObject:titleButton]; } self.titleScrollView.contentSize = CGSizeMake(buttonWidth * childViewControllerCount, 0); self.titleScrollView.showsHorizontalScrollIndicator = NO; self.titleScrollView.bounces = NO; self.contentScrollView.contentSize = CGSizeMake(ScreenWidth * childViewControllerCount, 0); self.contentScrollView.showsHorizontalScrollIndicator = NO; self.contentScrollView.pagingEnabled = YES; self.contentScrollView.delegate = self; // 禁止額外滾動區域 self.automaticallyAdjustsScrollViewInsets = NO; // 初始化時默認選中第一個 [self titleButtonOnClick:self.buttons[0]];}- (void)titleButtonOnClick:(UIButton *)button { // 1. 選中按鈕 [self selectingButton:button]; // 2. 顯示子視圖 [self addViewToContentScrollView:button];}- (void)selectingButton:(UIButton *)button { [_selectedButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; _selectedButton.transform = CGAffineTransformMakeScale(1.0, 1.0); [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal]; button.transform = CGAffineTransformMakeScale(1.3, 1.3); // 選中字體變大,按鈕變大,字體也跟著變大 _selectedButton = button; // 選中按鈕時要讓選中的按鈕居中 CGFloat offsetX = button.frame.origin.x - ScreenWidth * 0.5; CGFloat maxOffsetX = self.titleScrollView.contentSize.width - ScreenWidth; if (offsetX < 0) {  offsetX = 0; } else if (offsetX > maxOffsetX) {  offsetX = maxOffsetX; } [self.titleScrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];}- (void)addViewToContentScrollView:(UIButton *)button { NSInteger i = button.tag; UIViewController *childViewController = self.childViewControllers[i]; CGFloat x = i * ScreenWidth; // 防止添加多次 if (childViewController.view.subviews != nil) {  childViewController.view.frame = CGRectMake(x, 0, ScreenWidth, ScreenHeight);  [self.contentScrollView addSubview:childViewController.view]; } self.contentScrollView.contentOffset = CGPointMake(x, 0);}#pragma mark - UIScrollViewDelegate- (void)scrollViewDidScroll:(UIScrollView *)scrollView {}// 滾動結束時,將對應的視圖控制器的視圖添加到內容滾動視圖中- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { NSInteger i = self.contentScrollView.contentOffset.x / ScreenWidth; [self addViewToContentScrollView:_buttons[i]]; // 內容滾動視圖結束后選中對應的標題按鈕 [self selectingButton:_buttons[i]];}- (void)initChildViewControllers { // 0.頭條 TopLineViewController * topViewController = [[TopLineViewController alloc] init]; topViewController.title = @"頭條"; [self addChildViewController:topViewController]; // 1.科技 TechnologyViewController * technologyViewController = [[TechnologyViewController alloc] init]; technologyViewController.title = @"科技"; [self addChildViewController:technologyViewController]; // 2.汽車 CarViewController * carViewController = [[CarViewController alloc] init]; carViewController.title = @"汽車"; [self addChildViewController:carViewController]; // 3.體育 SportsViewController * sportsViewController = [[SportsViewController alloc] init]; sportsViewController.title = @"體育"; [self addChildViewController:sportsViewController]; // 4.視頻 VideoViewController * videoViewController = [[VideoViewController alloc] init]; videoViewController.title = @"視頻"; [self addChildViewController:videoViewController]; // 5.圖片 ImageViewController * imageViewController = [[ImageViewController alloc] init]; imageViewController.title = @"圖片"; [self addChildViewController:imageViewController]; // 6.熱點 HotViewController * hotViewController = [[HotViewController alloc] init]; hotViewController.title = @"熱點"; [self addChildViewController:hotViewController];}- (NSMutableArray *)buttons { if (_buttons == nil) {  _buttons = [NSMutableArray array]; } return _buttons;}@end

以上代碼即可實現網易新聞 滾動的導航條, 因該功能可能在其它地方使用,所以最好可以將該功能抽出來,便于其它控制器集成,暫時還沒做。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕国产亚洲2019| 久久精品国产清自在天天线| 国产欧美日韩最新| 久久综合网hezyo| 68精品久久久久久欧美| 中文字幕v亚洲ⅴv天堂| 国产精品爽黄69天堂a| 成人亲热视频网站| 成人网在线免费看| 青青青国产精品一区二区| 日韩影视在线观看| 久久中国妇女中文字幕| 欧美丰满老妇厨房牲生活| 日本一区二三区好的精华液| 91视频九色网站| 成人av.网址在线网站| 成人国产亚洲精品a区天堂华泰| 欧美高跟鞋交xxxxhd| 亚洲成人在线网| 欧美专区中文字幕| 美女av一区二区| 欧美日韩国产精品一区二区不卡中文| 久久av资源网站| 成人高清视频观看www| 久久久精品免费| 欧美成年人在线观看| 色综合视频一区中文字幕| 欧洲成人在线观看| 亚洲视频在线视频| 成人午夜小视频| 欧美精品video| 国产欧美日韩丝袜精品一区| 欧美在线观看日本一区| 亚洲欧美日韩一区二区三区在线| 欧美精品久久一区二区| 国产精品一香蕉国产线看观看| 欧美精品激情blacked18| 欧美日韩国产综合新一区| 色偷偷偷亚洲综合网另类| 色在人av网站天堂精品| 亚洲天堂成人在线| 国产精品你懂得| 欧美视频在线观看 亚洲欧| 中文字幕亚洲二区| 国产成人亚洲综合91精品| 久久国产精品影片| 欧美理论片在线观看| 精品日韩美女的视频高清| 亚洲电影免费观看高清完整版在线观看| 欧美电影免费看| 国产福利成人在线| 92版电视剧仙鹤神针在线观看| 国产精品久久久久久久久久久不卡| 日韩中文在线中文网三级| 亚洲欧美日韩中文视频| 欧美性感美女h网站在线观看免费| 中文字幕亚洲色图| 日本中文字幕久久看| 久久最新资源网| 九九精品在线播放| 欧美精品少妇videofree| 奇门遁甲1982国语版免费观看高清| 美女国内精品自产拍在线播放| 欧美高清视频在线观看| 亚洲最大在线视频| 国产欧美va欧美va香蕉在线| 亚洲精品二三区| 国产欧美日韩丝袜精品一区| 激情久久av一区av二区av三区| 亚洲人成在线观看| 成人在线视频网| 亚洲第一综合天堂另类专| 欧美性jizz18性欧美| 在线中文字幕日韩| 国产精品99久久99久久久二8| 国产一区二区三区丝袜| 色综合久久久888| 国产亚洲日本欧美韩国| xvideos国产精品| 欧美极度另类性三渗透| 亚州精品天堂中文字幕| 久久久久久亚洲精品| 亚洲精品成人久久久| 欧美超级乱淫片喷水| 亚洲丝袜一区在线| 91久久嫩草影院一区二区| 欧美日韩一区二区三区在线免费观看| 亚洲a成v人在线观看| 欧美日韩精品在线观看| 欧美大片网站在线观看| 亚洲天堂一区二区三区| 成人中文字幕在线观看| 国产精品精品一区二区三区午夜版| 国产99久久精品一区二区永久免费| 日韩免费av片在线观看| 亚洲国产天堂久久国产91| 国产成人综合精品在线| www日韩欧美| 欧美视频在线观看免费| 欧美专区在线观看| 国产精品久久久久久av福利软件| 97国产精品免费视频| 日韩av在线电影网| 色综合伊人色综合网| 国产精品扒开腿做| 国产精品大陆在线观看| 国产精品亚洲欧美导航| 68精品久久久久久欧美| 欧美乱妇40p| 亚洲日韩欧美视频| 丰满岳妇乱一区二区三区| 欧美性xxxx在线播放| 国产在线98福利播放视频| 亚洲欧美国产视频| 青青草成人在线| 日韩久久免费电影| 久久精品一本久久99精品| 91精品国产自产在线观看永久| 中文字幕精品一区二区精品| 国产精品日韩专区| 精品国产一区av| 国产精品成av人在线视午夜片| 麻豆一区二区在线观看| 久久久久久91香蕉国产| 亚洲第一区中文99精品| 国产日韩欧美另类| 欧美风情在线观看| 中文字幕亚洲字幕| 久久精品99无色码中文字幕| 亚洲人午夜色婷婷| 欧美电影在线观看网站| 国产精品国产亚洲伊人久久| 92国产精品久久久久首页| 欧美大成色www永久网站婷| 欧美激情视频在线观看| 成人免费激情视频| 欧美精品www在线观看| 亚洲美女在线看| 亚洲国产精品字幕| 精品亚洲精品福利线在观看| 一区二区三欧美| 午夜剧场成人观在线视频免费观看| 欧美激情三级免费| 亚洲精品日韩激情在线电影| 久久影视电视剧凤归四时歌| 丝袜一区二区三区| 在线激情影院一区| 人人澡人人澡人人看欧美| 91爱爱小视频k| 久久久亚洲国产天美传媒修理工| 在线播放日韩专区| 国内精品久久影院| 成人福利视频网| 亚洲国产精品99| 欧美成人精品影院| 欧美激情欧美激情| 亚洲最大福利网站| 欧美老女人性生活| 成人午夜黄色影院| 欧美一区二区三区四区在线| 日韩电影免费观看中文字幕| 海角国产乱辈乱精品视频| 欧美激情网友自拍| 亚洲综合精品伊人久久|