引导页

作者: 闹剧_3b5b | 来源:发表于2018-07-30 07:52 被阅读0次

//

//  ViewController.m

//  引导页_课堂练习

//

//  Created by 张羽婷 on 2017/6/23.

//  Copyright © 2017年 bwie. All rights reserved.

//

#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>

{

    UIScrollView*scroll;  // 滚动视图

    NSArray*imgArr;        // 图片数组

    UIPageControl*page;    // 分页控件

}

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    // 设置背景颜色

    self.view.backgroundColor = [UIColor cyanColor];

    // 创建滚动视图

    scroll = [[UIScrollView alloc]initWithFrame:self.view.frame];

    // 设置代理

    scroll.delegate=self;

    // 将滚动视图添加到视图上

    [self.view addSubview:scroll];

    // 创建图片数组

    imgArr = @[@"1.jpg",@"2.jpg",@"3.jpg",@"4.jpg"];

    // 使用for循环设置图片

    for(inti =0; i <4; i++)

    {

        // 创建图片框

        UIImageView *imgView = [[UIImageView alloc]initWithFrame:CGRectMake(self.view.frame.size.width * i, 0, self.view.frame.size.width, self.view.frame.size.height)];

        // 设置背景颜色

//        imgView.backgroundColor = [UIColor colorWithRed:((float)arc4random_uniform(256) / 255.0)green:((float)arc4random_uniform(256) / 255.0)blue:((float)arc4random_uniform(256) / 255.0)alpha:1.0];

        // 设置图片

        imgView.image= [UIImageimageNamed:imgArr[i]];

        // 允许与用户交互

        imgView.userInteractionEnabled = YES;

        // 判断最后一张图片显示立即体验按钮

        if(i ==3)

        {

            // 创建立即体验按钮

            UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];

            btn.frame=CGRectMake((self.view.frame.size.width-100)/2,600,100,44);

            [btnsetTitle:@"立即体验"forState:UIControlStateNormal];

//            btn.backgroundColor = [UIColor cyanColor];

            // 给按钮添加点击事件

            [btnaddTarget:self action:@selector(didClickBtn) forControlEvents:UIControlEventTouchUpInside];

            // 设置圆角

            btn.layer.cornerRadius=8;

            btn.layer.masksToBounds=YES;

            // 设置边框

            btn.layer.borderWidth=1;

            btn.layer.borderColor= [UIColorcyanColor].CGColor;

            // 将按钮添加到图片上

            [imgViewaddSubview:btn];

        }

        // 将图片框添加到滚动视图上

        [scrolladdSubview:imgView];

    }

    // 设置滚动范围

    scroll.contentSize = CGSizeMake(self.view.frame.size.width * 4, self.view.frame.size.height);

    // 取消弹簧效果

    scroll.bounces=NO;

    // 设置分页滚动

    scroll.pagingEnabled = YES;

    // 隐藏水平滚动条

    scroll.showsHorizontalScrollIndicator = NO;

    // 创建分页控件

    page= [[UIPageControlalloc]initWithFrame:CGRectMake((self.view.frame.size.width-100)/2,670,100,30)];

    // 设置页数

    page.numberOfPages = 4;

    // 设置页码颜色

    page.pageIndicatorTintColor = [UIColor blackColor];

    // 设置当前页码颜色

//    page.currentPageIndicatorTintColor = [UIColor redColor];

    // 添加到视图上

    [self.view addSubview:page];

}

// 滚动视图的协议方法 --> 当滚动结束的时候调用的方法

- (void)scrollViewDidScroll:(UIScrollView*)scrollView

{

    // 将滚动的页数和滚动视图关联

    page.currentPage = scroll.contentOffset.x / self.view.frame.size.width;

}

// 点击立即体验按钮的方法

- (void)didClickBtn

{

    NSLog(@"进入APP主界面!");

}

@end

相关文章

  • 引导页

    // // ViewController.m // 引导页_课堂练习 // // Created by 张羽婷 o...

  • 引导页

    引导页是用户第一次使用app时,引导用户使用的页面,这个界面通常加载到进入界面的上面。我这个引导页是一个View,...

  • 引导页

    AppDelegate.m #import "AppDelegate.h" #import "ViewContro...

  • 引导页

    判断版本号 引导页界面 点击方法

  • 引导页

    引导页 引导页是在程序第一次安装的时候呈现出来的画面. 新建一个.pch.用于做程序中的声明.声明这几个变量 在 ...

  • 引导页

    sharedPreferences = getSharedPreferences("ues", MODE_PRIV...

  • 引导页

    引导页设计 一般不会超过5页。作用:让用户了解产品价值和功能,引导用户更快进入使用环境。 按照功能分类: 1.功能...

  • 引导页

    第一种方法: 通过点击按键的方式进入应用### 该方法需要两个视图控制器,一个用来创建引导页的滚动视图,另一个创建...

  • 引导页

  • 引导页

    APP启动视屏 APP第一次启动播放视频欢迎 https://github.com/Zws-China/start...

网友评论

      本文标题:引导页

      本文链接:https://www.haomeiwen.com/subject/sxpeyftx.html