精华内容
下载资源
问答
  • 自定义启动页(包括:静态页,动态页,广告页,向导页,自动滚动页) 自定义引导页 (包括: 传统引导页,浮层动画引导,gif引导页,自定义引导页,视频引导页)

    [我的CSDN]:http://blog.csdn.net/cry__boy

    项目地址:https://github.com/cryboyofyu/XYLaunchAndIntroduction

    个人邮箱:

    QQ技术群:549943887


    该开源库能够用很少的代码集成启动页和引导页,并且样式很多,很好用!~大笑

    一.效果图

    1.传统启动页 2.广告启动页


    3.app向导启动页



    二.集成

    上方只是示例3个效果,总的来说一共有十多种效果,具体请看demo

    添加方法:cocoapods
    pod ‘XYLaunchAndIntroduction’
    依赖库:'SDWebImage'

    1.启动页->库XYLaunch
    启动页类型 XYLaunchType
    typedef enum : NSUInteger {
        XYLaunchNormal,//默认启动图
        XYLaunchGuide,//向导启动图
        XYLaunchAD,//广告启动图
        XYLaunchGif,//gif启动图
        XYLaunchAutoRoll//自动滚动图片
    } XYLaunchType;
    //初始化
    } XYLaunchType;
    _xyLaunch = [[XYLaunchVC alloc]initWithRootVC:xyVC withLaunchType:XYLaunchAD];
            _xyLaunch.xyAdDuration = 4;//延长时间
            _xyLaunch.xyDelegate = self;//代理
             _xyLaunch.xyAdActionUrl = @"https://github.com/cryboyofyu";//广告详情
    //      _xyLaunch.xyIsCloseTimer = YES;//跟引导页(XYIntroductionPage)一起用的时候要打开/否则关闭
            //网络
    //        _xyLaunch.xyAdImgUrl = @"http://pic.qiantucdn.com/58pic/17/76/58/24K58PICsEp_1024.jpg";
           // 本地
            _xyLaunch.xyAdLocalImgName = @"XYAd.png";
            ```
    2.引导页->库XYIntroduction
    _xyCoverImgNameArr = @[@"Guide_pages_one.png", @"Guide_pages_two.png", @"Guide_pages_three.png"];
    _xyBgImgNameArr = @[@"Guide_pages_BGone.png", @"Guide_pages_BGtwo.png", @"Guide_pages_BGthree.png"];
    //分别为:example1,example2,example3,example4,example5
    _xyIntroductionPage = [self example1];
    [self.window addSubview:_xyIntroductionPage.view];

    //传统引导页

    - (XYIntroductionPage *)example1{

        //可以添加gif动态图哦

        //    _xyBgImgNameArr = @[@"XY01.gif",@"XY03.gif",@"XY01.gif"];

        

        XYIntroductionPage * xyPage = [[XYIntroductionPage alloc]init];

        xyPage.xyCoverImgArr = _xyBgImgNameArr;//设置浮层滚动图片数组

        xyPage.xyDelegate = self;//进入按钮事件代理

        xyPage.xyAutoScrolling = NO;//是否自动滚动

        //可以自定义设置进入按钮样式

        [xyPage.xyEnterBtn setTitle:@"欣宇进入" forState:UIControlStateNormal];

        return xyPage;

    }

    **欢迎大家提意见,一起交流学习,会根据大家的反馈及时更新。谢谢!别忘了点个星哦~**

    **如果小弟的一点点薄力可以给大家带来便利,小弟三生有幸!会再接再厉!您的支持就是我的动力!**

    **还有《自定义表情键盘》《自定义九宫格》《消息角标》《高仿微信群组界面》《高仿微博首页》,感兴趣的要关注哦!**

    
    

    展开全文
  • iOS透明引导页

    千次阅读 2015-08-21 17:07:03
    一、效果展示 ...二、怎么? 方案有很多种,不同的方案有不同的优缺点,这里列举两种常见的方案 方案一:生成整张引导图 (1). 导出引导图 让设计师导出各个尺寸的引导图,引导图只包含指引部分,不包括

    一、效果展示

    这里写图片描述
    这种类型的新手引导比较常见,用于告诉用户某个按钮的作用,或者提醒用户可以进行某种交互操作。引导样式是在界面上加了一个半透明的引导图,高亮部分就是要突出的区域

    二、怎么做?
    方案有很多种,不同的方案有不同的优缺点,这里列举两种常见的方案

    1. 方案一:生成整张引导图
      (1). 导出引导图
      让设计师导出各个尺寸的引导图,引导图只包含指引部分,不包括背景,导出的引导图样式如下:

    这里写图片描述
    需要导出iPhone4,iPhone5,iPhone6,iPhone6 plus 共4个尺寸,如果适配iPad,还需要导出iPad的

    (2). 编码
    因为整张图导出了,所以代码部分就简单了,不需要考虑布局问题,直接生成一个imageView放上去,然后给它添加个点击事件即可

    代码如下:

    • (void)addGuideView {
      NSString *imageName = nil;
      if (DEVICE_IS_IPHONE5) {
      imageName = @"guide-568h";
      } else {
      imageName = @"guide";
      }

      UIImage image = [UIImage imageNamed:imageName];
      UIImageView 
      imageView = [[UIImageView alloc] initWithImage:image];
      imageView.frame = self.view.bounds;
      imageView.userInteractionEnabled = YES;

      UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(dismissGuideView)];
      [imageView addGestureRecognizer:tap];

      [self.view addSubview:imageView];
      }
      这里需要特别注意:
      @3x 的图片需要iOS8以上的系统才能够自动识别出来,如果要向前兼容,则图片名那里需要自行判断设备类型,然后指定对应的图片名称

    (3). 优缺点
    这种方案的优点是

    a. 快速
    只要设计师做好效果图以后,把蒙层导出成各种规格即可,90%的工作量都在设计师身上,程序员只需要简单地添加视图和事件即可

    b. 维护成本低
    当界面发生变化,或者引导图需要调整时,只需要设计师重新生成图片,然后替换就可以了

    但这种方案的缺点也很多:

    a. 图片占据空间大
    每种设备一张图片,图片还是全屏规格的,可能还要适配横屏,明显会增加app安装包的大小

    b. 图片无法复用
    一张引导图只能用于一个地方,其他地方不可能会用得上

    1. 方案二:图片拼接
      图片拼接的思路是这样的,通过若干张图片拼成一个遮罩层,然后再在上面放其他元素,如下图所示

    这里写图片描述
    (1). 准备图片
    这里需要准备3张图片

    a. 空心的椭圆遮罩层

    这里写图片描述
    中间是透明,周围是白色的,白色部分可以在遮罩过程中修改成任意的颜色

    b. 小箭头

    这里写图片描述

    c. 确定按钮

    这里写图片描述
    (2). 编码
    这里只介绍部分代码的编写过程

    a. 接口
    接口的定义:

    (void)showInView:(UIView )view maskBtn:(UIButton )btn;
    view:引导图的父视图
    btn:被遮罩的按钮
    接口的实现:

    (void)showInView:(UIView )view maskBtn:(UIButton )btn {
    self.parentView = view;
    self.maskBtn = btn;

    self.alpha = 0;
    [view addSubview:self];
    [UIView animateWithDuration:0.2 animations:^{

    self.alpha = 1;
    } completion:nil];
    }

    b. 修改遮罩层
    加载空心的椭圆图片后,先对白色区域进行处理,把它改成黑色半透明
    UIImage image = [UIImage imageNamed:@"whiteMask"];
    image = [image maskImage:[[UIColor blackColor] colorWithAlphaComponent:0.71]];
    UIImageView imageView = [[UIImageView alloc] initWithImage:image];

    (UIImage )maskImage:(UIColor )maskColor
    {
    CGRect rect = CGRectMake(0, 0, self.size.width, self.size.height);

    UIGraphicsBeginImageContext(rect.size);

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(context, 0, rect.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);
    CGContextClipToMask(context, rect, self.CGImage);
    CGContextSetFillColorWithColor(context, maskColor.CGColor);
    CGContextFillRect(context, rect);

    UIImage *smallImage = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return smallImage;
    }
    这里会将图片中白色的部分改成任意的颜色,我们要将空心的椭圆图片变成这样

    这里写图片描述

    c. 生成上下左右4个黑色半透明视图
    分别放在空心椭圆图片的上、下、左、右四个方位

    (UIView *)topMaskView {
    if (!_topMaskView) {

    UIView *view = [[UIView alloc] init];
    view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.71];
    topMaskView = view;
    }
    return 
    topMaskView;
    }

    (UIView *)bottomMaskView {
    if (!_bottomMaskView) {

    UIView *view = [[UIView alloc] init];
    view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.71];
    bottomMaskView = view;
    }
    return 
    bottomMaskView;
    }

    (UIView *)leftMaskView {
    if (!_leftMaskView) {

    UIView *view = [[UIView alloc] init];
    view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.71];
    leftMaskView = view;
    }
    return 
    leftMaskView;
    }

    (UIView *)rightMaskView {
    if (!_rightMaskView) {

    UIView *view = [[UIView alloc] init];
    view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.71];
    rightMaskView = view;
    }
    return 
    rightMaskView;
    }

    d. 视图布局
    这里有几个需要注意的地方:
    c-1. 被拼接的视图的 x,y,width,height 的值需要取整,因为浮点数可能会导致衔接部位出现白边,尤其是在iPhone6 plus上,原因是手机的分辨率问题,所以这里最好使用整数

    c-2. 在 layoutSubviews 函数中进行布局,这里布局的好处是横竖屏适配都能够平滑过渡,而且不需要手动更新

    布局代码如下:

    (void)layoutSubviews {
    [super layoutSubviews];
    self.frame = parentView.bounds;
    maskBg.frame = self.bounds;
    _btnMaskView.center = [maskBtn.superview convertPoint:maskBtn.center toView:_maskBtn.superview];

    CGRect btnMaskRect = btnMaskView.frame;
    btnMaskRect.size = CGSizeMake(floor(btnMaskRect.size.width), floor(btnMaskRect.size.height));
    btnMaskRect.origin = CGPointMake(floor(btnMaskRect.origin.x), floor(btnMaskRect.origin.y));
    btnMaskView.frame = btnMaskRect;

    topMaskView.left = 0;
    topMaskView.top = 0;
    topMaskView.height = btnMaskView.top;
    _topMaskView.width = self.width;

    bottomMaskView.left = 0;
    bottomMaskView.top = btnMaskView.bottom;
    bottomMaskView.width = self.width;
    bottomMaskView.height = self.height - bottomMaskView.top;

    leftMaskView.left = 0;
    leftMaskView.top = btnMaskView.top;
    leftMaskView.width = btnMaskView.left;
    leftMaskView.height = _btnMaskView.height;

    rightMaskView.left = btnMaskView.right;
    rightMaskView.top = btnMaskView.top;
    rightMaskView.width = self.width - rightMaskView.left;
    rightMaskView.height = btnMaskView.height;

    arrwoView.right = btnMaskView.left + 24;
    arrwoView.bottom = btnMaskView.top - 8;
    tipsLabel.right = arrwoView.left - 6;
    tipsLabel.bottom = arrwoView.top + 10;

    okBtn.centerX = self.width/2;
    okBtn.bottom = _btnMaskView.top - 80;
    }

    (3). 优缺点
    优点:

    a. 节约空间
    一般就只需要几个小图,然后就可以组装成一张引导图了

    b. 图片可重用
    按钮、椭圆图、小箭头这一类的图片可能被其他引导图继续使用

    缺点:

    a. 编码时间较长
    每一个界面元素都需要通过编码来实现,每一次改动也需要调整代码

    三、总结
    第一种方案比较适合小项目,主要是速度快,适合快速迭代
    第二种方案适合长期更新的项目,节约app空间

    展开全文
  • GuidePages引导页/首次安装引导页/APP介绍页/新功能介绍页https://github.com/jinht/ShopCarAnimation 先上图,看一下是否符合你的场景吧!  Function Description 传统引导页功能; 引导页之间渐变切换; 个性化...

    GuidePages(引导页/功能介绍页)

    先上图,看一下是否符合你的场景吧!

    first.gifthird.gif

    Function Description

    1. 传统引导页功能;
    2. 引导页之间渐变切换;
    3. 简洁的个性化设置UI及切换动画。

    How to use

    1. 传统引导页功能:通过传入图片名数组即可

    /** 初始化方法
     *  coverNames:封面图片名数组(多为带文字图片)
     */
    - (id)initWithCoverImageNames:(NSArray *)coverNames;

    2. 引导页之间渐变切换:通过传入封面图片名数组(多为带文字图片)和背景图片名数组即可

    /** 初始化方法
     *  coverNames:封面图片名数组(多为带文字图片)
     *  bgNames:背景图片名数组
     */
    - (id)initWithCoverImageNames:(NSArray *)coverNames withBackgroundImageNames:(NSArray *)bgNames;

    3 简洁的个性化UI设置及切换动画

    3.1 设置<Enter>按钮,可以通过初始化方法传入自己定制的<Enter>按钮(按钮frame亦可自己定制)
    /** 初始化方法
     *  coverNames:封面图片名数组(多为带文字图片)
     *  bgNames:背景图片名数组
     *  withEnterButton:<Enter>按钮
     *  LRVC:引导页展示完成后出现的VC
     */
    - (id)initWithCoverImageNames:(NSArray *)coverNames withBackgroundImageNames:(NSArray *)bgNames withEnterButton:(UIButton *)button withLastRootViewController:(UIViewController *)LRVC;
    3.2 导页展示完成后切换至目标VC动画
    /** 导页展示完成后切换至目标VC 动画时间
     *  default:0.5f
     */
    @property (nonatomic, assign) CGFloat animationDuration;
    /** 引导页展示完成后切换至目标VC 动画类型
     *  default:UIViewAnimationOptionTransitionCrossDissolve
     */
    @property (nonatomic, assign) UIViewAnimationOptions animationOptions;
    3.3 设置pageControl,可以通过以下参数设置pageControl
    /** 是否隐藏pageControl(默认不隐藏) */
    @property (nonatomic, assign) BOOL isHiddenPageControl;
    /** pageControl的Y坐标(默认距离底部30.0)  */
    @property (nonatomic, assign) CGFloat pageControlY;
    /** pageControl的pageIndicatorTintColor(默认[UIColor grayColor]) */
    @property (nonatomic, strong) UIColor *pageIndicatorTintColor;
    3.4 设置<跳过>按钮
    /** 是否添加<跳过>按钮(默认不需要) */
    @property (nonatomic, assign) BOOL isNeedSkipButton;
    /** <跳过>按钮背景图片名 */
    @property (nonatomic, copy) NSString *skipButtonBackgroundImageName;

    注:假使自己传入<跳过>按钮背景图片,需要注意一下大小,按钮大小设置是根据图片大小动态设置的

    Github地址

    展开全文
  • ViewPager+Animation实现动画引导页
  • 对于一款App来说,引导页是必不可少的组成元素,每当用户第一次安装应用,或者更新一次应用后,首先引入眼帘的就是引导页。一个漂亮的引导页可以增加用户体验。今天我们来实现这个功能,demo我已经集成到 ...

          对于一款App来说,引导页是必不可少的组成元素,每当用户第一次安装应用,或者更新一次应用后,首先引入眼帘的就是引导页。一个漂亮的引导页可以增加用户体验。今天我们来实现这个功能,demo我已经集成到  https://github.com/chenyufeng1991/iOS-Oncenote

    (1)引导页的父View是一个ScrollView,所以引导页才能进行左右的滚动。我使用storyboard来设计,界面上只要放一个ScrollView即可。

    (2)设置ScrollView的属性,位置与大小:

    - (void)setGuidePageScrollViewFrame{
      
      self.guidepageScrollView.contentSize = CGSizeMake([[UIScreen mainScreen] bounds].size.width * 5, [[UIScreen mainScreen] bounds].size.height);
      [self.guidepageScrollView setUserInteractionEnabled:true];
      [self.guidepageScrollView setScrollEnabled:true];
      [self.guidepageScrollView setPagingEnabled:true];
      [self.guidepageScrollView setShowsHorizontalScrollIndicator:false];
      [self.guidepageScrollView setShowsVerticalScrollIndicator:false];
      [self.guidepageScrollView setBounces:false];
      
      [self setGuidePageImageFrame];
      
    }

    (3)设置需要显示图片的属性、位置与大小。注意,图片是水平并排放到ScrollView中,所以才能进行滚动。

           要注意ScrollView的两个属性的差别,frame是设置ScrollView的大小与位置。在本案例中,位置左上角为(0,0),长宽为屏幕的长宽。而contentSize是设置ScrollView内部需要显示内容的长和宽。在ScrollView中,如果本身contentSize的长宽小于frame的长宽,那么这个ScrollView就不能滚动。换句话说,要显示的内容本身就比较少,根本就没必要滚动,所以ScrollView就怎么也不会滚动了。在这个引导页案例中。contentSize的宽就应该是屏幕的5倍宽(引导页共有5页),而初始设置ScrollView的frame宽度就应该是屏幕宽度(也可以在storyboard中设置)。这样要显示的内容比较“长”,我们又给ScrollView设置了PageEnable属性,就可以在一屏无法显示完的情况下分页显示。

    设置图片的代码如下:

    - (void)setGuidePageImageFrame{
      
      for (int i = 0; i < 4; i++) {
        
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake([[UIScreen mainScreen] bounds].size.width * i, 0, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height)];
        
        [imageView setUserInteractionEnabled:true];
        
        [imageView setImage:[UIImage imageNamed:[NSString stringWithFormat:@"guidepage%d",i]]];
        
        [self.guidepageScrollView addSubview:imageView ];
        
        
      }
      
      
      UIView *view = [[UIView alloc] initWithFrame:CGRectMake([[UIScreen mainScreen] bounds].size.width * 4, 0, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height)];
      [view setUserInteractionEnabled:true];
      [view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"guidepage0.png"]]];
      
      
      UIButton *loginButton = [[UIButton alloc] initWithFrame:CGRectMake((UISCREEN_WIDTH - 200) / 3, UISCREEN_HEIGHT - 100, 100, 30)];
      [loginButton setTitle:@"登录" forState:UIControlStateNormal];
      [loginButton.layer setBorderColor:[UIColor whiteColor].CGColor];
      [loginButton.layer setBorderWidth:0.5];
      [loginButton.layer setMasksToBounds:true];
      [loginButton addTarget:self action:@selector(loginButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
      
      UIButton *registerButton = [[UIButton alloc] initWithFrame:CGRectMake((UISCREEN_WIDTH - 200) / 3 + (UISCREEN_WIDTH - 200) / 3 + 100, UISCREEN_HEIGHT - 100, 100, 30)];
      [registerButton setTitle:@"注册" forState:UIControlStateNormal];
      [registerButton.layer setBorderColor:[UIColor whiteColor].CGColor];
      [registerButton.layer setBorderWidth:0.5];
      [registerButton.layer setMasksToBounds:true];
      [registerButton addTarget:self action:@selector(registerButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
      
      [view addSubview:loginButton];
      [view addSubview:registerButton];
      
      [self.guidepageScrollView addSubview:view];
      
      
    }

    (4)大家仔细观看引导页可以看到,下面还有一个指示当前页面的控件,叫做PageControl,可以显示出共有几页并且当前在哪一页。这部分我用代码来实现。

        1).定义一个PageControl:

    @property(nonatomic,strong)UIPageControl *pageControl;

        2)  .在viewDidLoad中初始化PageControl的属性:

    - (void)viewDidLoad {
      [super viewDidLoad];
      
      self.pageControl  = [[UIPageControl alloc] initWithFrame:CGRectMake([[UIScreen mainScreen] bounds].size.width / 2 - 50, [[UIScreen mainScreen] bounds].size.height - 50, 100, 20)];
      self.pageControl.numberOfPages = 5;
      [self.view addSubview:self.pageControl];
      
      [self setGuidePageScrollViewFrame];
    }

         3).实现ScrollView的delegate(UIScrollViewDelegate),根据ScrollView的滚动偏移位置来判断当前在哪个页面,也就是计算ScrollView的水平滚动,代码如下:

    - (void)scrollViewDidScroll:(UIScrollView *)scrollView{
      
      CGFloat offsetWidth = self.guidepageScrollView.contentOffset.x;
      int pageNum = offsetWidth / [[UIScreen mainScreen] bounds].size.width;
      self.pageControl.currentPage = pageNum;
      
      
      
    }


    (5)经过以上步骤,基本的引导页功能就实现了。但是还有非常重要的一个业务逻辑:引导页只有在第一次安装的时候出现,以后启动App就不会出现了。这里就可以使用NSUserDefaults来记录。启动App我们就可以判断该值是否为空,为空表示是第一次安装,显示引导页,否则就直接跳到其他界面。

    代码如下:可以这样简单的存储进行判断。

     NSUserDefaults *userDefaults = [NSUserDefaults standardUserDefaults];
      [userDefaults setObject:@"exist" forKey:@"guidepage"];
    


       (6) 其实还可以在引导页的最后一页设置几个按钮,用来进入正常的程序。最后的实现效果如下:




    .




    最近开源的iOS应用,高仿印象笔记  https://github.com/chenyufeng1991/iOS-Oncenote 。欢迎大家点赞并关注项目进度。也可以安装到手机上试玩哦。

    github主页:https://github.com/chenyufeng1991  。欢迎大家访问!


    展开全文
  • 浮层引导页Activity

    千次阅读 2016-05-13 10:58:18
    浮层引导页
  • ios 引导页/半透明引导页做法

    千次阅读 2016-11-08 11:12:34
    当然,思路也适用于新特性引导页的做法这里的图片不是整张图,因为整张图在适配屏幕的时候会有压缩,图片较大也比较占用资源基于MVC的设计模式考虑,我把引导页的view层写在了一个单独的类里,界面和布局我xib的 ...
  • android视频引导页面

    千次阅读 2016-09-27 13:03:02
    最近打开滴滴出行,发现didi把自己的引导界面成了视频效果,以前没感觉,现在倒是觉得这效果还真不错,今天就整理一下如何把视频当做引导界面
  • android引导页滑动效果demo

    千次下载 热门讨论 2012-10-27 21:57:50
    android引导页滑动效果demo。android引导页滑动效果demo。android引导页滑动效果demo。对应的文章地址为:http://write.blog.csdn.net/postedit/8119054
  • 什么今天要写一个引导页呢? 因为今天了一个应用,名就不提了,页面指示器是坐在图片上的 感觉很不爽,看来他们比我还要懒呢╮(╯Д╰)╭ 我们先来看一下效果     好的,那我们看看怎么来实现 1、一个布局 ...
  • 引导页的介绍

    千次阅读 2015-03-16 19:31:40
    当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,...
  • app引导页

    千次阅读 2016-01-13 18:25:47
    app引导页什么? 哈哈,你可能会问我,“你确定这个小节不是用来凑字数的么?”,怎么会呢,这篇文章的标题叫“干货”,言归正传,请一句话描述你印象中的引导页。“第一次安装app的时候出现”、“每次更新...
  • APP 引导页、欢迎页运用

    千次阅读 2019-05-03 16:56:12
    APP 引导页、欢迎页运用 在实际生活中我们使用的每一款App都会有一个引导页和欢迎页面,这两个页面主要是增加用户体验,引导页是在你第一次安装该APP的时候显示的,而欢迎页你你每次进入应用的时候出现的。先了解...
  • 最近在ViewPager做引导界面,并解决了ViewPager向右滑动到最后,再向右滑动无法实现界面跳转的问题。而且要求引导页面是从服务器获取。 所以页面的个数是不定的。效果图: 关键代码: package ...
  • Android如何实现引导页

    千次阅读 2019-03-23 18:43:51
    需要添加三个后台文件 ...ViewPager是一种通过添加视图来实现左右滑动的控件,非常适合用来做引导页。 在应用第一次开启时,首先进入SplashActivity页面,通过SharePreferences存储判断登陆的布尔类型值判断用户是...
  • Android 欢迎引导页的魅力

    千次阅读 2015-11-27 11:19:18
    前言纵观android市面上的所有APP,没有一个页面不具备...那么,市面上的app引导页都是用什么做的呢。我大致分为3类。1. 普通的viewpager页面这是最普通的一种了,很多app就是这个,这个在刚开始流行的时候,可能还会感
  • 打造APP引导页3D切换特效

    千次阅读 2015-10-11 01:38:52
    众所周知,一款好的APP,肯定有个很炫的APP引导页或者一个启动页,一个很炫的APP的引导页,肯定会为你的APP瞬间...当然这个效果引导页上是有点大材小用,假如如果是在ViewPager中放入几个Fragment,并且Fragment
  • android图片引导页

    千次阅读 2017-02-22 17:07:56
    非常简单的一个图片引导页 // 设置资源文件和选中圆点 contentFrameLayout.setUpViews(new int[]{ R.layout.page_tab1, R.layout.page_tab2, R.layout.page_tab3, R.layout.page
  • Android引导页的魅力

    千次阅读 2016-03-23 11:44:21
    普通引导页,实现简单也是最常使用的一种方式,但是缺乏很多炫酷的效果,比较机械。 视差引导页,效果明显比普通引导页炫酷了很多,从技术实现角度来讲,对开发能力要求较高,而且视差引导页出在一个不上不下的地位...
  • Qt For Android 引导页

    千次阅读 2016-02-14 14:21:55
    Qt For Android 之引导页
  • Android 欢迎页面 引导页

    千次阅读 2017-11-06 16:54:26
    实现欢迎页和引导页需要三个Activity,一个是实现欢迎页的Activity,在这个类中我们除了加入欢迎页还会加入广告页,一般打开APP是最先进入的是这个Activity,命名为WelcomeActivity。第二个是实现引导页的Activity,...
  • 非常简单的一个图片引导页

    千次阅读 2018-03-30 09:24:44
    AppWhenThePage项目地址:LuckSiege/AppWhenThePage 简介:非常简单的一个图片引导页更多:作者 提 Bug 示例 APK 标签:引导页-android 图片引导页非常简单的一个图片引导页// 设置资源文件和选中圆点...
  • Android之动态引导页

    千次阅读 2016-07-26 08:53:43
    Android之动态引导页 大家对引导页应该非常熟悉,首先就是一个启动页WelcomeActivity,然后进入导航页GuideActivity。下面讲一下动态导航页.下面是运行的效果动态图: 步骤: 1. 首先...
  • android引导页大图

    千次阅读 2016-06-06 20:15:02
    引导页图片一般采用本地图片打包在APK中,并且显示大小为整个屏幕,所以在显示引导页图片时有以下几点需要注意: 1. 最好使用多个尺寸的引导页来保证适配效果,比如在drawable-hdpi, drawable-xhdpi和drawable-...
  • activity中有actionBar,想一个全屏的引导页盖住actionBar,不用盖住电池栏。有什么方式
  • APP引导页滑动实现

    千次阅读 2016-08-19 02:39:07
    app的引导页很多都是viewpager的,小面还有一个小圆点,会根据页面切换,但是有些app引导页的小圆点会随着页面的滑动而滑动,而不是机器式的直接跳到下一页. 上图: 简单做法: 写布局 ...
  • 贴一个刚的新手引导页

    千次阅读 2019-04-01 17:41:18
    前阵子有个新手引导的需求,本来同事说UI框架的modal框,想了想感觉下一步的动作太生硬了,干脆就自己动手写了写,效果还不错。 主要css animation跳转动画,绝对定位定位引导框 效果如下: vue文件 <...
  • mui 启动页和引导页

    千次阅读 2018-10-08 10:24:08
    一、启动页和引导页的概念 “启动页”(splash):app的启动界面,每次启动都会看到的(每次打开QQ都会看到一只企鹅)。 “引导页”(guide):guide是否展示是可控的,通常首次启动时显示,从第二次启动开始,引导...
  • Android实现闪屏页面+视频引导页

    千次阅读 2017-11-05 21:17:35
    转载请注明出处:http://blog.csdn.net/printfcc/article/details/78452527 谢谢合作前言在日常使用app中我们会发现刚下载下来的app会出现一小段闪屏和视频引导页,当我们再次打开后引导页就不会再进入了,但这...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 171,197
精华内容 68,478
关键字:

引导页用什么做