首页 > 其他 > 详细

新浪微博---首页技术点二.轮播图的实现

时间:2015-10-31 15:32:56      阅读:396      评论:0      收藏:0      [点我收藏+]

一.轮播图(自己写的,需要手动点击,可作引导页)

完整实例代码:

 

@interface NewfeatureViewController ()<UIScrollViewDelegate>

//声明一个UIScrollView的属性
@property(nonatomic,strong)UIScrollView *scrollView;
//声明一个可变数组
@property(nonatomic,strong)NSMutableArray *imageArray;
//声明一个UIPageControl 的属性
@property(nonatomic,strong)UIPageControl *pageControl;


@end

/*
 
 轮播图的实现
 
 
*/



@implementation NewfeatureViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    /**这里的执行顺序不能乱 */
   [self loadScrollView];
    [self loadImageView];
    [self loadPageControl];
  
    
}

-(void)loadScrollView
{
    //初始化一个UIScrollView
    self.scrollView = [[UIScrollView alloc] initWithFrame:self.view.frame];
    //是否整屏翻滚
    self.scrollView.pagingEnabled = YES;
    //设置边框是否回弹
    self.scrollView.bounces = NO;
    //设置背景色
   self.scrollView.backgroundColor = [UIColor orangeColor];
    //设置代理人
    self.scrollView.delegate = self;
    //添加在view上
    [self.view addSubview:self.scrollView];

}

-(void)loadImageView
{
    self.imageArray = [NSMutableArray array];
    for (int i = 0; i<4; i++) {
        //取出图片名字放假呢imageStr中
        NSString *imageStr =[NSString stringWithFormat:@"new_feature_%d",i+1];
        //根据imageStr , 初始化一个UIImage类型的对象
        UIImage *myImage = [UIImage imageNamed:imageStr];
        //定义UIImageView   通过循环变量控制图片位置
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(i*self.view.frame.size.width, 0, 
self.view.frame.size.width, self.view.frame.size.height)]; imageView.image = myImage; //把imageview 添加进scrollview中进行显示 subView是一个数组存的是view所有的子视图 [self.scrollView addSubview:imageView]; //把图片添加进定义的可变数组中 [self.imageArray addObject:imageView]; //如果是最后一个imageView 就往里面添加其他内容 if (self.imageArray.count == 4) { [self setupLastImageView:imageView]; } } //要在确保有数据之后 在设置contentSize self.scrollView.contentSize = CGSizeMake(self.view.frame.size.width * self.imageArray.count,
self.view.frame.size.height); } -(void)loadPageControl { //UIPageControl 的初始化 self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height - 40,
self.view.frame.size.width, 40)]; //指定页面的个数 self.pageControl.numberOfPages = 4; //指定当前页 self.pageControl.currentPage = 0; [self.view addSubview:self.pageControl]; //设置背景色 self.pageControl.backgroundColor =[[UIColor blackColor]colorWithAlphaComponent:0.3]; //UIPageControl 的addTarget/action事件 [self.pageControl addTarget:self action:@selector(pageAction) forControlEvents:UIControlEventTouchUpInside]; } -(void)pageAction { //通过pageControl 当前页乘以宽度 计算出当前的偏移量,从而通过偏移量的变化是实现相片的变化 [self.scrollView setContentOffset:CGPointMake(self.pageControl.currentPage * self.view.frame.size.width, 0)
animated:YES]; //打印偏移量的方法 (注意上面的动画效果对于偏移量造成一定的延迟,偏移量是在动画效果结束之后才最终确定下来,而打印事件是在setPoi
ntoffset(设置偏移量)时就打印的)
NSLog(@"pagecontrol = %@",NSStringFromCGPoint(self.scrollView.contentOffset)); } -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { //利用偏移量计算当前是第几张图片 NSInteger index = self.scrollView.contentOffset.x/self.view.frame.size.width; //然后将计算出的第几张图片的下标赋给cuuentPage,从而实现图片切换 self.pageControl.currentPage = index; //打印偏移量的方法 NSLog(@"%@",NSStringFromCGPoint(self.scrollView.contentOffset)); } -(void)setupLastImageView:(UIImageView *)imageView { //开启用户交互功能 imageView.userInteractionEnabled = YES; //1.分享给大家 UIButton *shareBtn = [[UIButton alloc]initWithFrame:CGRectMake(90, 400, 200, 40)]; //设置图片 [shareBtn setImage:[UIImage imageNamed:@"new_feature_share_false"] forState:UIControlStateNormal]; [shareBtn setImage:[UIImage imageNamed:@"new_feature_share_true"] forState:UIControlStateSelected]; //设置文字 [shareBtn setTitle:@"分享给大家" forState:UIControlStateNormal]; [shareBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; shareBtn.titleLabel.font = [UIFont systemFontOfSize:16]; [shareBtn addTarget:self action:@selector(shareClick:) forControlEvents:UIControlEventTouchUpInside]; //调整内边距 shareBtn.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0); [imageView addSubview:shareBtn]; //2.开始微博 UIButton *startBtn = [[UIButton alloc] initWithFrame:CGRectMake(115, 480, 150, 40)]; [startBtn setBackgroundImage:[UIImage imageNamed:@"new_feature_finish_button"] forState:UIControlStateNormal]; [startBtn setBackgroundImage:[UIImage imageNamed:@"new_feature_finish_button_highlighted"]
forState:UIControlStateSelected]; [startBtn setTitle:@"开始微博" forState:UIControlStateNormal]; [startBtn addTarget:self action:@selector(startClick) forControlEvents:UIControlEventTouchUpInside]; [imageView addSubview:startBtn]; } -(void)shareClick:(UIButton *)shareBtn { //状态取反 shareBtn.selected = !shareBtn.isSelected; } //开始微博按钮的设置 -(void)startClick { //切换到TabBarVieewController /* 切换控制器的方法 1.push 依赖于UInavigationController 控制器的切换是可逆的 2.modal 模态推出 2.切换window的rootViewController */ //这是模态推出视图的方法 // TabBarViewController *main = [[TabBarViewController alloc] init]; // [self presentViewController:main animated:YES completion:nil]; UIWindow *window = [UIApplication sharedApplication].keyWindow; window.rootViewController = [[TabBarViewController alloc] init]; }

 

 
 
 

新浪微博---首页技术点二.轮播图的实现

原文:http://www.cnblogs.com/erdeng/p/4925524.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!