使用UISegmentedControl和UIScrollView定制滾動(dòng)控制器

今天要寫(xiě)個(gè)聊天頁(yè)面,需要用到可以滾動(dòng)的顯示方式,滑動(dòng)頁(yè)面切換控制器,點(diǎn)擊UISegmentedControl同樣切換界面.UISegmentedControl不常用,折騰一個(gè)小時(shí),總算可以用了,


直接貼代碼,挺簡(jiǎn)單的.

// 獲取屏幕寬高#define SCREEN_WIDTH? [UIScreen mainScreen].bounds.size.width#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height@interface ViewController ()@property(nonatomic,strong)UIView * navBgView;

@property(nonatomic,strong)UIScrollView * scrollView;

@property(nonatomic,strong)UIPageControl * pageControl;

@property(nonatomic,strong)UISegmentedControl * segmentControl;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

self.navigationController.navigationBarHidden = YES;

[self createNav];

[self createUI];

}

#pragma mark - 導(dǎo)航欄

-(void)createNav{

_navBgView = [[UIView alloc]initWithFrame:CGRectMake(0, 0,SCREEN_WIDTH, 64)];

[self.view addSubview:_navBgView];

_navBgView.backgroundColor = [UIColor orangeColor];

#pragma mark - 分頁(yè)控制器

NSArray * items = @[@"消息",@"聯(lián)系人",@"動(dòng)態(tài)"];

_segmentControl = [[UISegmentedControl alloc]initWithItems:items];

[_navBgView addSubview:_segmentControl];

_segmentControl.frame = CGRectMake(SCREEN_WIDTH*0.5 - 75, 27, 150, 30);

_segmentControl.selectedSegmentIndex = 0;

_segmentControl.tintColor = [UIColor whiteColor];

[_segmentControl addTarget:self action:@selector(changeView:) forControlEvents:UIControlEventValueChanged];

}

#pragma mark - UI

-(void)createUI{

_scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 64, SCREEN_WIDTH, SCREEN_HEIGHT)];

[self.view addSubview:_scrollView];

_scrollView.contentSize = CGSizeMake(SCREEN_WIDTH*3, SCREEN_HEIGHT);

_scrollView.bounces = NO;

_scrollView.pagingEnabled = YES;

_scrollView.showsHorizontalScrollIndicator = NO;

_scrollView.delegate = self;

_scrollView.backgroundColor = [UIColor whiteColor];

NSArray * arr = @[@"AViewController",@"BViewController",@"CViewController"];

for (int i = 0; i< arr.count; i++) {

Class class = NSClassFromString(arr[i]);

UIViewController * viewCon = [[class alloc]init];

viewCon.view.frame = CGRectMake(SCREEN_WIDTH*i, 64, SCREEN_WIDTH, SCREEN_HEIGHT-64);

[_scrollView addSubview:viewCon.view];

}

//分頁(yè)

_pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(SCREEN_WIDTH/3, 300, 0, 0)];

_pageControl.numberOfPages = 3;

_pageControl.pageIndicatorTintColor = [UIColor whiteColor];

_pageControl.currentPageIndicatorTintColor = [UIColor whiteColor];

[self.view addSubview:_pageControl];

}

#pragma mark - scrollView delegate

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{

// 計(jì)算當(dāng)前在第幾頁(yè)

_pageControl.currentPage = (NSInteger)(scrollView.contentOffset.x / [UIScreen mainScreen].bounds.size.width);

_segmentControl.selectedSegmentIndex = _pageControl.currentPage;

}

#pragma mark - 分頁(yè)事件

-(void)changeView:(UISegmentedControl *)sgmentC{

NSInteger index = sgmentC.selectedSegmentIndex;

NSLog(@"%ld",index);

//改變當(dāng)前的顯示范圍

[_scrollView setContentOffset:CGPointMake(index*SCREEN_WIDTH, 0)];

}

效果圖


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子损话,更是在濱河造成了極大的恐慌,老刑警劉巖梅鹦,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異冗锁,居然都是意外死亡齐唆,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)冻河,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)箍邮,“玉大人,你說(shuō)我怎么就攤上這事叨叙《П祝” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵擂错,是天一觀的道長(zhǎng)味滞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)钮呀,這世上最難降的妖魔是什么剑鞍? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮爽醋,結(jié)果婚禮上攒暇,老公的妹妹穿的比我還像新娘。我一直安慰自己子房,他們只是感情好形用,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著证杭,像睡著了一般田度。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上解愤,一...
    開(kāi)封第一講書(shū)人閱讀 49,764評(píng)論 1 290
  • 那天镇饺,我揣著相機(jī)與錄音,去河邊找鬼送讲。 笑死奸笤,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的哼鬓。 我是一名探鬼主播监右,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼异希!你這毒婦竟也來(lái)了健盒?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎扣癣,沒(méi)想到半個(gè)月后惰帽,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡父虑,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年该酗,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片士嚎。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡垂涯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出航邢,到底是詐尸還是另有隱情耕赘,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布膳殷,位于F島的核電站操骡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏赚窃。R本人自食惡果不足惜册招,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勒极。 院中可真熱鬧是掰,春花似錦、人聲如沸辱匿。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)匾七。三九已至絮短,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間昨忆,已是汗流浹背丁频。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留邑贴,地道東北人席里。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像拢驾,于是被迫代替她去往敵國(guó)和親奖磁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容