引导页

现在作flash网站的是越来越少了，但flash的效果很多都是独一无二的，用其他方法很难实现，今天跟大家分享个由jquery制作的网站引导页面加载特效，加载完页面后跳转到指定的页面。 jquery仿flash引导页面进度条加载特效使用说明 1.加入进度条CSS样式 #pageLoad{background:#0f1923;position:fixed;_position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;} #pageLoad div{text-align:center;height:150px;width:350px;padding-left:30px;position:absolute;} #pageLoad a,#pageLoad samp{display:block;background:url(images/loadbf.jpg) no-repeat center 0;height:60px;width:350px;position:absolute;z-index:0;left:0;top:0;} #pageLoad p{background:#0f1923;width:2px;position:absolute;left:0;top:0;height:60px;z-index:5;}

一个app都会有引导页和广告页，当用户第一次进去，让他进去引导页，然后之后每次刷新就进去广告页，这里利用了localStorage进行存储数据，如果没有数据就给他赋值，并且进去引导页，然后他就有值了，下次再刷新就进入广告页 来源： CSDN 作者： contour 链接： https://blog.csdn.net/qq_44706619/article/details/104828439

参考文章 【1】 http://www.cnblogs.com/beenupper/archive/2012/07/13/2589749.html 【2】 http://www.cnblogs.com/beenupper/archive/2012/07/18/2597504.html 功能需求：在初次加载每个Activity时，页面载入不同的引导界面。 思路： 1、每个Activity动作都一样，所以必须封装一个BaseActivity，在onStart（）方法中实现加载引导页，并对外提供加载接口。其他Activity extends BaseActivity 2、只需要初次加载时显示引导页，所以引入SharedPreferences，用于保存该Activity是否为初次加载 由于引导过的界面就没必要再次引导了。所以得保存记录。这里采用偏好设置保存，如果该Activity被引导过了，就将它的类全名保存下。 由于偏好设置只能保存键值（key-value）对，所以保存多个类名，我采用|a|b|c这种形式保存为value。 3、显示引导页其实就是展示一个全屏的ImageView，在UI上体现为FrameLayout动态加载一个图层，当不需要时remove 4、怎样获取每个Activity这个啥啥FrameLayout？可以考虑使用DecorView

　　 前言 　　基本上现在所有的应用都会有一个欢迎界面，在欢迎界面对应用做一个整体的介绍，然后在跳入到主界面，这次要说的这个引导页就是带翻页的引导页。效果如下所示 　　 概要实现 　　主要分为两部分功能，一个是翻页效果，一个是页面位置指示器。为了实现翻页效果我采用系统自带的ViewPager对象来实现；页面指示器则通过一个LinearLayout在其中放置相应个数的图片，然后根据页面的滑动动态修改各个图片的资源。布局文件如下所示 　　 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 tools:context=".MainActivity" > 6 7 <android.support.v4.view.ViewPager 8 xmlns:android="http://schemas.android.com/apk/res/android" 9 android:id="@+id/welcome_pager" 10

项目做完了，做了第一次启动，滑动的引导页了。 然后需求又要改成流行的图层图片引导了。如图： 大家一定也经常见吧，实现当然很简单了。FrameLayout上加一个图层就完了呗。让它点击后消失。 　嗯，可是那么多界面，难道所有界面布局都要改吗？改成根元素上再套一层FrameLayout？ 这里看过我 DecorView浅析 的童鞋，一定很来感觉。setContentView载入的布局的父元素不就是FrameLayout吗？ 那么我们直接往它上面加引导图层不就可以了吗？ Very good! 方法： 1. 只需要解决怎么找到那个Framelayout，我这里想到的办法是给每个xml布局的根元素设置一个id，通过findViewById找到咋们通过setContentView设置上布局， 再通过View的view.getParent();得到它的父元素。它的父元素不就是咋们的要的FrameLayout吗？ 然后创建一个ImageView设置上引导图片加到FrameLayout就可以了。 由于有很多Activity，咋们当然要将这公共的事放在你们所有Activity的父类那里。我这里是BasicActivity。在onStart中调用了添加引导图片的方法。 2. 由于引导过的界面就没必要再次引导了。所以得保存记录。这里采用偏好设置保存，如果该Activity被引导过了，就将它的类全名保存下。

前言： 上一篇文章中我们讲解了：在第一次安装启动应用之后，跳过用户引导页进入首页。我们使用的是固定的等待sleep，和固定坐标的swipe语句，以及重复swipe语句达到翻页至最后一页。这一章我们讲： 等待引导页出现后开始互动操作 动态的获取屏幕内坐标，但是滑动 使用循环语句滑动页面直至最后一页 课程内容： 首先我们上图我们今天这节的用例： 知识点讲解 第一行：上两节已经重点讲过，打开应用（如果未安装，就会自动安装之后打开应用） 第二行：Wait Until Element Is Visible（可以使用id，xpath，css或者name的值）关键字。这一句是指我们等待引导页出现，而怎么判断引导页出现呢？我们可以查看引导页上的元素（与开启启动图不一样的是，引导页中有个控件“跳过”），所以我们选择等待“跳过”按钮的出现，就代表进入了引导页。 备注：id就是UI Automator Viever中的resource-id;name就是指UI Automator Viever中text的值 引导页图片： 第三、四行：接下来我们需要滑动切换引导页，先讲一下我们的思路，滑动需要获取滑动区域的坐标，我们滑动的区域毫无疑问是整张引导图内，我们可以使用 get element location获取引导页图片的左上角坐标（x与y值），使用get element size 获取引导页图片的大小

链接部分 队名：女生都队 组长博客： 博客链接 作业博客： 博客链接 小组内容 恩泽（组长） 过去两天完成了哪些任务 描述 了解了如何根据系统获取的实际情况进行后端任务的调整 网易云音乐推荐算法的分析 对接口的规范化进行学习 展示GitHub代码签入记录 接下来的计划 跟进项目进度，安排整体计划 继续完善算法 继续完善所负责模块的功能，写好接口 还剩下哪些任务 燃尽图 遇到了哪些困难 网易云推荐算法的学习，很多算法难以理解 如何规范所实现接口的代码，便于调用 有哪些收获和疑问 金海 过去两天完成了哪些任务 学习了后端的搭建知识 GitHub签入记录 组内共享 接下来的计划 完成后端API搭建 协助完成数据库搭建 还剩下哪些任务 燃尽图 组内共享 遇到了哪些困难 对后端的搭建没有清楚的认识 有哪些收获和疑问 学习了接口的搭建 对整体的实现过程还很迷茫 君曦 过去两天完成了哪些任务 文字/口头描述：思考数据库需要哪些内容以及和前端一些接口的交接。 展示GitHub当日代码/文档签入记录 接下来的计划 完善数据库的内容以及完成服务器和数据库的连接。 还剩下哪些任务 数据库内容的完善以及完成服务器和数据库的一些接口问题。 燃尽图 组内共享 遇到了哪些困难 Java实现服务器和数据库连接语句的不熟悉 数据库里具体要写入哪些内容 有哪些收获和疑问 收获： 收获到了友谊；

链接部分 队名：女生都队 组长博客： 博客链接 作业博客： 博客链接 小组内容 恩泽（组长） 过去两天完成了哪些任务 描述 了解了如何根据系统获取的实际情况进行后端任务的调整 网易云音乐推荐算法的分析 对接口的规范化进行学习 展示GitHub代码签入记录 接下来的计划 跟进项目进度，安排整体计划 继续完善算法 继续完善所负责模块的功能，写好接口 还剩下哪些任务 燃尽图 遇到了哪些困难 网易云推荐算法的学习，很多算法难以理解 如何规范所实现接口的代码，便于调用 有哪些收获和疑问 金海 过去两天完成了哪些任务 学习了后端的搭建知识 GitHub签入记录 组内共享 接下来的计划 完成后端API搭建 协助完成数据库搭建 还剩下哪些任务 燃尽图 组内共享 遇到了哪些困难 对后端的搭建没有清楚的认识 有哪些收获和疑问 学习了接口的搭建 对整体的实现过程还很迷茫 君曦 过去两天完成了哪些任务 文字/口头描述：思考数据库需要哪些内容以及和前端一些接口的交接。 展示GitHub当日代码/文档签入记录 接下来的计划 完善数据库的内容以及完成服务器和数据库的连接。 还剩下哪些任务 数据库内容的完善以及完成服务器和数据库的一些接口问题。 燃尽图 组内共享 遇到了哪些困难 Java实现服务器和数据库连接语句的不熟悉 数据库里具体要写入哪些内容 有哪些收获和疑问 收获： 收获到了友谊；

1：目录 2：App.js页 import {AppStackNavigator} from "./navigations/AppNavigators" ; export default AppStackNavigator ; 3：AppTabNavigators.js（导航页） 4：welcom.js(引导页) 5：page1,page2,page3页 6：效果（引导完成后跳到主页） 文章来源: React-Native之引导页到主页之间的跳转

1.app.js中利用 缓存 wx.setStorageSync 和 wx.getStorageSync 进行判断跳转 2.引导页一般是几张完整背景图片的切换 用wx:if 或者hidden会有闪屏 建议用fixed 通过控制z-index 文章来源: 小程序引导页实现