IOS开发UI进阶篇 — 广告轮播器

来源:互联网 发布:达内大数据视频百度云 编辑:程序博客网 时间:2024/06/04 18:51


最近几天比较忙,所以更新慢了一点,UI基础控件就不系统的跟大家讲了,直接讲UI的进阶。以后的博客也都会以小的项目或者比较有意思的实例为主,其中用到的UI控件我会跟大家详细说一下的,但还是以综合实例为主。

如果作为初学者想要学好UI的话,我个人有几点建议

  1. 不要去看太多的书,太多的书只会让你无所适从。
  2. 不要把一本书从头翻到尾的那样一个控件一个控件的去学,那样很慢,也很吃力,应该从一个比较综合或者实用的实例入手。
  3. 不要眼高手低(这点真的很重要)。
  4. 如果一个工具你可以很好的使用它而不出错,就不要深究它为什么不出错。也许,等你积累了足够的知识再来看它,so easy 。这就好比,你不懂发动机的运作原理,但你会开车就可以了。等你以后开车技术炉火纯青之后,再来研究他的底层,就很好理解了。任何程序都是这样,想要学到更多的知识,学得更加的高深,就不要去纠结他的语法,重点应该在编程思想,这就是为什么把C语言作为启蒙语言的原因,尽管很多人的C语言不及格。


今天给大家创建一个比较常用的广告轮播器,先来看一下效果


关于UIscrollVIew的详细组件我就不一一介绍了,直接上代码,代码中用到了那些属性我会详细注解,至于剩下就需要大家的自学能力了

1.创建UIScrollVIew

    UIScrollView * scrollView = [[UIScrollView alloc] init];    [self.view addSubview:scrollView];    self.scrollView = scrollView;    scrollView.frame = CGRectMake(0, 0, self.view.frame.size.width, 200);    scrollView.backgroundColor = [UIColor yellowColor];


2.设置UIScrollView中广告轮播的图片

我们就来设置5个图片吧,那么就需要5个UIImageView 拼接起来,组成一个5个屏幕宽度的VIew,如图:显示的的是第四张图片





for(int i = 0; i< 5; i++) {        UIImageView *pictImageView = [[UIImageView alloc] init];        [scrollView addSubview:pictImageView];        NSString *name = [NSString stringWithFormat:@"ad_%02d",i];        pictImageView.image = [UIImage imageNamed:name];                //设置Frame                CGFloat pictW = scrollView.frame.size.width;        CGFloat pictH = scrollView.frame.size.height;        CGFloat pictX = i * pictW;        CGFloat pictY = 0;        pictImageView.frame = CGRectMake(pictX, pictY, pictW, pictH);        //设置contentSize        scrollView.contentSize = CGSizeMake(5 * scrollView.frame.size.width, 0);        scrollView.showsHorizontalScrollIndicator = NO;        //是否支持分页功能        scrollView.pagingEnabled = YES;                //指示器,用来提示当前页        UIPageControl * pageControl = [[UIPageControl alloc] init];                //不能交给ScrollView管理//        [scrollView addSubview:pageControl];        [self.view addSubview:pageControl];        pageControl.frame = CGRectMake(0, 180, scrollView.frame.size.width, 20);        pageControl.backgroundColor = [UIColor redColor];                //设置一共有多少个提示视图(小圆点)        pageControl.numberOfPages = 5;        //当前页面指示小点的颜色        pageControl.currentPageIndicatorTintColor = [UIColor greenColor];        //其他小点的颜色        pageControl.pageIndicatorTintColor = [UIColor grayColor];        //当前只是第几个小点        pageControl.currentPage = 0;                //保存全局变量        self.pageControl = pageControl;                scrollView.delegate = self;        }//end for

其实这些做完之后,我们的广告就已经可以滚动了,但是大家有没有发现页面的指示器和当前页不符,我们就需要设置一个delegate

@interface ViewController () <UIScrollViewDelegate>



3.实现UIScrollView的代理方法

//当前显示到了第几个页面//只要滚动就调用- (void)scrollViewDidScroll:(UIScrollView *)scrollView {    //1.获得当前偏移量    CGFloat offSetX = scrollView.contentOffset.x;    NSInteger currentPage = (offSetX + scrollView.frame.size.width * 0.5) / scrollView.frame.size.width;    //2.设置    self.pageControl.currentPage = currentPage;}


4.实现自动定时滚动

////为了防止手动拖拽的时候自动滚动- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {        //一旦调用了invalidate 方法后,timer对象是不能够重新复活的        [self.timer invalidate];    self.timer = nil;}- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {    //从新启动timer    [self creatTimer];}- (void)creatTimer {        //定时器自动滚动    /**     *  一点调用后会立即执行,并且返回一个timre 对象     *     *  @param userInfo 是否传递参数     *  @param repeats 是否重复执行     *     */        NSTimer * timer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(autoScroll) userInfo:nil repeats:YES];    self.timer = timer;        //把timer对象加入到循环回路中,NSRunLoopCommonModes通信模式    [[NSRunLoop currentRunLoop] addTimer:timer forMode:NSRunLoopCommonModes];}- (void)autoScroll{    NSLog(@"开始自动滚动了");    //scrollView滚动效果,实际上就是改变bounds也就是改变contentOffSet某一个方向的值    //当前显示在第几页 *scrollView.width    //如果已经显示到最后一页,那么归0    NSInteger currentPage =  self.pageControl.currentPage >= 4 ? 0 : self.pageControl.currentPage + 1;        CGFloat offsetX = currentPage * self.scrollView.frame.size.width;        self.scrollView.contentOffset = CGPointMake(offsetX, 0);    }

题外话

前几天,有一个小学弟问我说,崔哥,我很想学IOS,但是我自学能力比较差,想要报培训机构,还怕被骗,而且现在找工作好像对培训机构出来的特别排斥,很迷茫。

其实我想说的是,在二十多岁这个年纪,很多选择都有可能是你人生的一个巨大的转折点,无论道路如何,方向去哪,但是只要你真努力了,总会有自己的道路,天地这么大,又怎么会没有容身之地,这不是心灵鸡汤。我同样也在战战兢兢的做着选择,还好身后有着家人和朋友的支持。我内心也会时常不安,越是不安,就越会努力。

还有就是,为什么很多公司会排斥培训机构孵化出来的“鸡蛋”,因为培训机构高强度的填鸭式教育,把一个什么也不会的小白,填成一个程序猿或者说码字猴,从根本上是错误的。入职以后,就会发现,他们有写代码的能力,却没有创造能力,没有纠错能力,不懂算法,不懂数据结构,不懂代码优化,他们只会写代码。也就是说,他们还没有作为一个程序员应该有的修养,推荐一本好书,《程序员的自我修养》。

如果说,你是一个小白,真的什么也不会,不建议你去培训。如果你是一个大神,当然不必去培训;如果你有一定的基础,接触过很多语言,或者精通一门语言,只是想系统的学习一下其他的语言,那么你可以选择培训。公司不是排斥培训机构,只是排斥因为培训机构而衍生出来的弊端。

如果大家想要自学IOS的话,我有一些资源,牵扯到版权问题,大家可以给我私信

全部代码下载地址



1 0
原创粉丝点击