用户引导页

一、首先第一步,写好用户轮播页的viewController,比如叫做LVUserGuideVC,关键代码是配置和scrollView和pageControl。

pageControl的动作action ,changePage这样写:

-(void)changePage{

    CGRect frame = self.scrollView.frame;
    frame.origin.x = frame.size.width * self.pageControl.currentPage;
    frame.origin.y = 0;
    [self.scrollView scrollRectToVisible:frame animated:YES];
    self.pageControlIsChangingPage = YES;
}

scrollView的2个主要代理方法:

#pragma mark UIScrollViewDelegate

//滚动时调用的方法,其中判断画面滚动时机
-(void)scrollViewDidScroll:(UIScrollView *)sender{
    //画面滚动超过50%时进行切换
    CGFloat pageWidth = sender.frame.size.width;
    NSInteger  page = floor((sender.contentOffset.x - pageWidth/2)/pageWidth)+1;
    self.pageControl.currentPage = page;
}

//滚动完成时调用的方法
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    self.pageControlIsChangingPage = NO;
}

把要轮播的画面都添加到scrollView里就好了。

二、LVUserGuideVC加载时机,尝试了以下两个方法

(1)在Home页直接加载到window上,在合适的时机,从window上remove掉LVUserGuideVC到达home页:

 self.guidanceVC = [[LVUserGuideVC alloc] init];
  UIWindow *window = [[UIApplication sharedApplication] keyWindow];
  self.guidanceVC.view.frame = window.bounds;
 [window addSubview:self.guidanceVC.view];

注意:此处的guidanceVC,一定不能是局部变量,否则,把guidanceVC.view加载到window后,guidanceVC这个变量就释放掉了,里面scrollView的代理等所有方法都不能执行。

要取消掉userGuide页面,只需在LVUserGuideVC里remove掉即可

[self.view removeFromSuperView];

(2)作为navigatore的根视图,可以在login页、home页跳转

 LVUserGuideVC *guidanceVC = [[LVUserGuideVC alloc] init];
 self.navigationController = [[NVNavigationController alloc] initWithRootViewController:guidanceVC];
self.window.rootViewController = self.navigationController;

需要去掉userGuide页面时,把navigatore的根视图变换即可。

时间: 2024-10-27 09:52:56

用户引导页的相关文章

Android用户引导页实现,圆点实现动画效果

当前市面上比较流行的应用,用户引导页已经是一个必不可缺的功能点了,简单的介绍下应用的基础功能或者版本升级功能点介绍. 那么常用的用户引导页是如何实现的呢?这篇文章就说说我个人用到的,并且觉得使用不错的效果. 1.首先定义布局文件guide_layout.xml文件,主要使用ViewPager做页面显示,使用一个圆点布局显示圆点,圆点根据图片数目动态添加. guide_layout.xml文件的代码如下: <?xml version="1.0" encoding="utf

iOS App初次启动时的用户引导页制作实例分享

iOS App初次启动时的用户引导页制作实例分享 作者:老初 字体:[增加 减小] 类型:转载 时间:2016-03-09我要评论 这篇文章主要介绍了iOS App初次启动时的用户引导页制作实例分享,其中判断程序是否是第一次或版本更新以后第一次启动是一个关键点,需要的朋友可以参考下 应用程序APP一般都有引导页,引导页可以作为操作指南指导用户熟悉使用:也可以展现给用户,让用户了解APP的功能作用.引导页制作简单,一般只需要一组图片,再把图片组展现出来就可以了.展示图片组常用UIScrollVie

图片+css实现半透明引导页

先上效果图: css: .ydy{ width:100%; height:100%; overflow:hidden; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; position:absolute; top:0px; z-index:9999px; } .ydy img{ width:100%; } html页面上只需一个div即可:

如何做好App的引导页?(转)

http://uedc.163.com/12264.html 当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验.因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜.那接下来我跟大家一起来探讨关于引导页的设计. 一. 目的区分 根据引导页的目的.出发点不同,可以将其分为功能介绍类.使用说明类.推广类.问题解决类,一般引导页不会超过5页. 1.功能介绍类 功能介绍类引导页主要是对产品

iOS开发 首次启动显示用户引导,第二次启动直接进入App,UIScrollView,UIPageControl,NSUserDefaults

首先创建一个引导图的控制器类 UserGuideViewController.h和UserGuideViewController.m #import <UIKit/UIKit.h> #import "firstViewController.h" #define WIDTH self.view.frame.size.width #define HEIGHT self.view.frame.size.height @interface UserGuideViewControll

swift3.0 项目引导页

项目引导页并不难,使用 UICollectionView就可以完成, 1.首先获取应用程序的版本号,并存入本地,每次有新版本号,和存入本地的版本号,相比较 fileprivate func setupRootViewController() { window = UIWindow(frame: UIScreen.main.bounds) print(isNewVersion()) window?.rootViewController = isNewVersion() ? NewFeatureCo

手机产品设计之用户引导

在手机产品的设计过程中,由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任 务流程,让用户不至于迷失在陌生应用中不知所措.帮助用户快速掌握应用的使用方法,体验到应用的乐趣,新手引导成了一个必须考虑的设计环节. 用户引导的直接目标是帮助用户更好的使用产品,终极目标是提升用户满意度.虽然,大多数情况下,我们可以通过合理的设计,尽可能的简化功能,让用户 无需引导和帮助,就可以完成必要的任务.但是实际上,手机产品的限制和对强大功能的追求,导

欢迎页,引导页和主页

配置 <application         android:name="com.shipping.application.ShippingApplication"         android:allowBackup="true"         android:icon="@drawable/ic_launcher"         android:label="@string/app_name"        

Xamarin.Android之引导页的简单制作

0x01 前言 对于现在大部分的APP,第一次打开刚安装或更新安装的APP都会有几个引导界面,通常这几个引导页是告诉用户 APP有些什么功能或者修改了什么bug.新增了什么功能等等等. 下面就用Xamarin.Android来简单实现一下.主要用到的是ViewPager,当然也就离不开Xamarin.Android.Support.v4 如果遇到不能编译的问题,可以参考Xamarin.Android之简单的抽屉布局的出错处理方案. 0x02 页面布局编写 新建一个Android项目 添加几个简单