侯祖辛 天天向上,驸马十六岁,陈赫快乐大本营
本文实例为大家分享了ios仿网易滚动效果片展示的具体代码，供大家参考，具体内容如下
仿网易的主要思想为：
1. 设置好按钮与线的宽度，
2. 将所需要的标题传入并生成按钮
3. 在点击的时候，通过计算偏移量，将自身进行偏移
4. 偏移量的设置需要注意不能小于0并且不成大于contengsize-frame的宽度
具体代码如下，可直接使用，需要注意的是需要先设置宽度，再传标题数组才可自动调整，否则会固定为默认的60
另外，btnarr与linelabel设置为readonly比较合理，不过这里还需再进行研究，不要强制使用这两个属性即可
头文件如下：
// // titlescrollview.h // @author 陈晋添 // // created by jkc on 16/7/14. // copyright © 2016年 cjt. all rights reserved. // #import <uikit/uikit.h> @interface titlescrollview : uiscrollview typedef void(^sectiontitleviewblock)(nsinteger num); @property (nonatomic, strong) nsmutablearray *btnarr; //形成的按钮数组 @property (nonatomic, strong) uilabel *linelabel; //底部line @property (nonatomic, strong) sectiontitleviewblock clickbolck; //block回调 @property (nonatomic, assign) nsinteger linewidth; //设置线的长度 @property (nonatomic, assign) nsinteger buttonwidth; //按钮的宽度 /** * 通过标题数组进行设置头部滚动条 * * @param array 需要加入的标题 */ -(void)addarrview:(nsarray*)array; /** * 可直接用代码设置索引位置 * * @param index 索引位置 */ -(void)setbyindex:(nsinteger)index; @end
.m文件如下
我要评论
//
// titlescrollview.m
// @author 陈晋添
//
// created by jkc on 16/7/14.
// copyright © 2016年 cjt. all rights reserved.
//
#import "titlescrollview.h"
#define titlebtntag 300 //button的tag值
@implementation titlescrollview
-(instancetype)initwithframe:(cgrect)frame
{
if (self = [super initwithframe:frame]) {
//初始化自身
[self setbackgroundcolor:[uicolor whitecolor]];
self.showshorizontalscrollindicator = false;
_buttonwidth = _linewidth = 60;
self.linelabel = [[uilabel alloc] initwithframe:cgrectmake(0, self.frame.size.height-1.5, _linewidth, 1.5)];
[self.linelabel setbackgroundcolor:tintcolor];
[self addsubview:self.linelabel];
}
return self;
}
-(void)addarrview:(nsarray*)array
{
self.btnarr = [nsmutablearray array];
for (int i=0; i<array.count; i++) {
//初始化所有btn
uibutton *btn = [[uibutton alloc] initwithframe:cgrectmake(i*_buttonwidth, 0, _buttonwidth,34)];
[btn addtarget:self action:@selector(click:) forcontrolevents:uicontroleventtouchupinside];
btn.titlelabel.font = [uifont systemfontofsize:12];
btn.titlelabel.textalignment = nstextalignmentcenter;
[btn settitlecolor:[uicolor blackcolor] forstate:uicontrolstatenormal];
[btn settitle:array[i] forstate:uicontrolstatenormal];
btn.tag = titlebtntag+i;
[self addsubview:btn];
[self.btnarr addobject:btn];
}
//根据button个数设置内部大小
[self setcontentsize:cgsizemake(array.count*_buttonwidth, cgrectgetheight(self.frame))];
}
-(void)click:(uibutton*)button
{
//把所有的btn样式重置
for (uibutton *btn in self.btnarr) {
btn.titlelabel.font = [uifont systemfontofsize:12];
btn.titlelabel.textalignment = nstextalignmentcenter;
[btn settitlecolor:[uicolor blackcolor] forstate:uicontrolstatenormal];
}
//特殊设置点击的button样式
[button settitlecolor:[uicolor orangecolor] forstate:uicontrolstatenormal];
//计算获得偏移量，
cgfloat index = (button.tag-titlebtntag)*_buttonwidth-(self.frame.size.width-_buttonwidth)/2;
index = index<0?0:index;
index = index>self.contentsize.width-cgrectgetwidth(self.frame)?self.contentsize.width-cgrectgetwidth(self.frame):index;
//动画效果偏移
[self setcontentoffset:cgpointmake(index, 0) animated:yes];
[uiview animatewithduration:0.3 animations:^{
self.linelabel.frame = cgrectmake((button.tag-titlebtntag)*_buttonwidth, self.frame.size.height-1, _linewidth, 1);
}];
self.clickbolck(button.tag);
}
//通过外部代码直接设置索引
-(void)setbyindex:(nsinteger)nowindex
{
uibutton *button = self.btnarr[nowindex];
[self click:button];
}
@end
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
iOS 使用UITextField自定义搜索框 实现用户输入完之后“实时搜索”功能
网友评论