├── .gitignore ├── .idea ├── .name ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── gradle.xml ├── misc.xml ├── modules.xml └── vcs.xml ├── README.md ├── android_yishu.iml ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── guidepagedemo ├── .gitignore ├── build.gradle ├── guidepagedemo.iml ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── gl │ │ └── ApplicationTest.java │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── gl │ │ ├── MainActivity.java │ │ ├── NormalPagerAdapter.java │ │ ├── NormalViewPager.java │ │ ├── WebGuideActivity │ │ └── WebActivity.java │ │ ├── animation │ │ ├── DepthPageTransformer.java │ │ └── ZoomOutPageTransformer.java │ │ └── parallax │ │ ├── ecmobile │ │ ├── GalleryImageActivity.java │ │ ├── GalleryImageAdapter.java │ │ └── utils │ │ │ ├── Cubic.java │ │ │ └── Sine.java │ │ └── redbook │ │ ├── RedBookActivity.java │ │ └── parallaxpager │ │ ├── ParallaxFactory.java │ │ ├── ParallaxLayoutInflater.java │ │ ├── ParallaxPagerAdapter.java │ │ ├── ParallaxViewTag.java │ │ └── parallaxContainer.java │ └── res │ ├── anim │ └── man_run.xml │ ├── drawable-hdpi │ ├── common_logo.png │ ├── hpw1.png │ ├── hpw2.png │ ├── hpw3.jpg │ ├── hpw4.jpg │ ├── hpw5.png │ ├── tuitional_bg.jpg │ ├── tuitional_img_1.png │ ├── tuitional_img_2_1.png │ ├── tuitional_img_2_2.png │ ├── tuitional_img_2_3.png │ ├── tuitional_img_2_4.png │ ├── tuitional_img_3_1.png │ ├── tuitional_img_3_2.png │ ├── tuitional_img_3_3.png │ ├── tuitional_img_4_1.png │ ├── tuitional_img_4_2.png │ ├── tuitional_img_5_1.png │ └── tuitional_img_5_2.png │ ├── drawable-xhdpi │ ├── ic_launcher.png │ ├── ic_phone_bg.9.png │ ├── icon_logo.png │ ├── intro1_item_0.png │ ├── intro1_item_1.png │ ├── intro1_item_2.png │ ├── intro1_item_3.png │ ├── intro1_item_4.png │ ├── intro1_item_5.png │ ├── intro1_item_6.png │ ├── intro1_item_7.png │ ├── intro2_item_0.png │ ├── intro2_item_1.png │ ├── intro2_item_2.png │ ├── intro2_item_3.png │ ├── intro2_item_4.png │ ├── intro2_item_5.png │ ├── intro2_item_6.png │ ├── intro2_item_7.png │ ├── intro3_item_0.png │ ├── intro3_item_1.png │ ├── intro3_item_2.png │ ├── intro3_item_3.png │ ├── intro3_item_4.png │ ├── intro3_item_5.png │ ├── intro3_item_6.png │ ├── intro3_item_7.png │ ├── intro4_item_0.png │ ├── intro4_item_1.png │ ├── intro4_item_2.png │ ├── intro4_item_3.png │ ├── intro4_item_4.png │ ├── intro4_item_5.png │ ├── intro4_item_6.png │ ├── intro4_item_7.png │ ├── intro5_item_0.png │ ├── intro5_item_1.png │ ├── intro5_item_10.png │ ├── intro5_item_11.png │ ├── intro5_item_12.png │ ├── intro5_item_2.png │ ├── intro5_item_3.png │ ├── intro5_item_4.png │ ├── intro5_item_5.png │ ├── intro5_item_6.png │ ├── intro5_item_7.png │ ├── intro5_item_8.png │ ├── intro5_item_9.png │ ├── intro_item_manrun_1.png │ ├── intro_item_manrun_2.png │ ├── login_btn_browse.png │ ├── login_btn_qq.png │ ├── login_btn_weibo.png │ └── login_btn_weixin.png │ ├── drawable │ └── man_run.xml │ ├── layout │ ├── activity_gallery_image.xml │ ├── activity_main.xml │ ├── activity_normal_view_pager.xml │ ├── activity_red_book.xml │ ├── activity_web.xml │ ├── gallery_image_item.xml │ ├── lead_a.xml │ ├── lead_b.xml │ ├── lead_c.xml │ ├── lead_d.xml │ ├── lead_e.xml │ ├── view_intro_1.xml │ ├── view_intro_2.xml │ ├── view_intro_3.xml │ ├── view_intro_4.xml │ ├── view_intro_5.xml │ └── view_login.xml │ ├── menu │ ├── menu_gallery_image.xml │ ├── menu_main.xml │ ├── menu_normal_view_pager.xml │ ├── menu_red_book.xml │ └── menu_web.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ └── ic_launcher.png │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── attrs.xml │ ├── colors.xml │ ├── dimens.xml │ ├── ids.xml │ ├── strings.xml │ └── styles.xml └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /.idea/workspace.xml 4 | /.idea/libraries 5 | .DS_Store 6 | /build 7 | /captures 8 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | android_yishu -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 24 | 25 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Android 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 38 | 39 | 40 | 41 | 42 | 43 | 48 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## 前言 ## 2 | 纵观android市面上的所有APP，没有一个页面不具备欢迎引导页，可以看出引导页面的魅力有多大，引导页面能迅速抓住用户的眼球，让用户很快的了解该app的主打方向。一个好的引导页让人看了就喜欢，甚至于达到卸载重装看引导页的地步。那么，市面上的app引导页都是用什么做的呢。我大致分为3类。 3 | ### 1. 普通的viewpager页面 ### 4 | 这是最普通的一种了，很多app就是这个，这个在刚开始流行的时候，可能还会感到新奇，但是，这么长时间了，人们都形成审美疲劳了（不管是开发人员还是用户，还是...） 5 | ### 2. 视差引导页面 ### 6 | 这种比上一种强点，但是好像用的不多，为什么呢，因为下面第三种。这个动画看起来很炫酷，很牛B，但是越炫酷越难实现（相比较html5来说）。 7 | ### 3. HTML5引导页面 ### 8 | 现在越来越多的app开始使用这种方式，HTML5在动画方面是很强大的，所以能弄出来很牛的效果。 9 | 10 | 11 | ---------- 12 | 好了，废话不多说，开始今天的学习之旅。。。 13 | ## 普通的ViewPager引导页面 ## 14 | 先来张效果图看看。 15 | ![](http://img.blog.csdn.net/20151127080626896), 16 | 这里只是也演示的demo，为了省事，我就没加指示器。那么，接下来我们就说下具体的实现方法。很简单（ViewPager已经被玩烂了有木有。） 17 | 18 | ### 1. 在xml文件中添加 ### 19 | 20 | ``` 21 | 26 | 27 | 31 | 32 | 33 | ``` 34 | ### 2. 编写Adapter类 ### 35 | 因为这里没有其他元素，我们就只是添加点ImageView进来。所以代码简单点。 36 | 37 | ``` 38 | public class NormalPagerAdapter extends PagerAdapter { 39 | 40 | private Context mContext; 41 | private List mDatas; 42 | 43 | public NormalPagerAdapter(Context context,List mDatas){ 44 | this.mContext = context; 45 | this.mDatas = mDatas; 46 | } 47 | 48 | @Override 49 | public int getCount() { 50 | return mDatas.size(); 51 | } 52 | 53 | @Override 54 | public boolean isViewFromObject(View view, Object object) { 55 | return view.equals(object); 56 | } 57 | 58 | 59 | @Override 60 | public void destroyItem(ViewGroup container, int position, Object object) { 61 | ((ViewPager)container).removeView((ImageView) object); 62 | } 63 | 64 | 65 | @Override 66 | public ImageView instantiateItem(ViewGroup container, int position) { 67 | container.addView(mDatas.get(position)); 68 | return mDatas.get(position); 69 | } 70 | 71 | } 72 | ``` 73 | viewpager都被玩烂了，上面的代码也没啥可说的， 74 | ### 3.初始化ViewPager，初始化视图数据、添加监听器，等等 ### 75 | 在这一步我们能干的事就多了 76 | 77 | ``` 78 | private void initData() { 79 | ImageView imageView_1 = new ImageView(this,null); 80 | imageView_1.setBackgroundResource(R.drawable.hpw1); 81 | ImageView imageView_2 = new ImageView(this); 82 | imageView_2.setBackgroundResource(R.drawable.hpw2); 83 | ImageView imageView_3 = new ImageView(this); 84 | imageView_3.setBackgroundResource(R.drawable.hpw3); 85 | ImageView imageView_4 = new ImageView(this); 86 | imageView_4.setBackgroundResource(R.drawable.hpw4); 87 | ImageView imageView_5 = new ImageView(this); 88 | imageView_5.setBackgroundResource(R.drawable.hpw5); 89 | mDatas = new ArrayList<>(); 90 | mDatas.add(imageView_1); 91 | mDatas.add(imageView_2); 92 | mDatas.add(imageView_3); 93 | mDatas.add(imageView_4); 94 | mDatas.add(imageView_5); 95 | 96 | } 97 | 98 | private void initAdapter() { 99 | adapter = new NormalPagerAdapter(this,mDatas); 100 | viewPager.setAdapter(adapter); 101 | viewPager.setPageTransformer(true, new DepthPageTransformer()); 102 | viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 103 | @Override 104 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 105 | Log.e("tag","this is offset--->"+positionOffset); 106 | } 107 | 108 | @Override 109 | public void onPageSelected(int position) { 110 | 111 | } 112 | 113 | @Override 114 | public void onPageScrollStateChanged(int state) { 115 | 116 | } 117 | }); 118 | } 119 | ``` 120 | 上面的代码就是添加个监听器，添加个切换动画什么的，相信大家还是都会的。关于ViewPager的切换动画，请移步[张鸿洋](http://blog.csdn.net/lmj623565791/article/details/40411921) 121 | 122 | ## 视差引导页面 ## 123 | 在说这个之间，我先吐槽下腾讯课堂某州学院，妈的，大概今年4月份的时候，我去听免费课，他在那里将小红书，我说这个github上就有，怎么能说国内没几个人会呢？然后把链接发在了公屏上，然后。。。我TMD现在还在小黑屋。 124 | 125 | 先来2张gif图看看。其中一张是ecmobile稍微改了下，另一张是著名的小红书。 126 | ![](http://img.blog.csdn.net/20151127082213336) 127 | 怎么感觉背景图被打了马赛克呢？不管他了，看另一张。 128 | ![](http://img.blog.csdn.net/20151127082406544) 129 | 看到没，效果感觉不错吧。那么我们说下原理，原理呢其实也不难，归结为一句话：层级不同，滑动速度不同。 130 | ### Ecmobile的实现 ### 131 | #### 1.XML文件 #### 132 | 由于XML代码有点多，就不贴出来了，这里给出个层级图。 133 | ![](http://img.blog.csdn.net/20151127084225192) 134 | 层级为3层 135 | 136 | 137 | - 背景图层（像是被打了马赛克） back_image_one 138 | - layer层 内含FrameLayout，一个FrameLayout对应一个ViewPager的pager页面。我们要控制的就是FrameLayout中的元素的滑动速度。 139 | - ViewPager层 140 | 141 | #### 2.Adapter的实现 #### 142 | 代码有点长，我贴instantiateItem函数。 143 | 144 | ``` 145 | @Override 146 | public Object instantiateItem(ViewGroup container, int position) { 147 | 148 | final ViewHolder holder; 149 | holder = new ViewHolder(); 150 | View imageLayout = mInflater.inflate(R.layout.gallery_image_item, null); 151 | 152 | holder.image = (LinearLayout) imageLayout.findViewById(R.id.gallery_image_item_view); 153 | 154 | if(position == 4) { 155 | holder.image.setEnabled(true); 156 | } else { 157 | holder.image.setEnabled(false); 158 | } 159 | if(position == 0) { 160 | holder.image.removeAllViews(); 161 | View view0 = inflater.inflate(R.layout.lead_a, null); 162 | holder.image.addView(view0); 163 | } else if (position == 1) { 164 | holder.image.removeAllViews(); 165 | View view1 = inflater.inflate(R.layout.lead_b, null); 166 | holder.image.addView(view1); 167 | } else if (position == 2) { 168 | holder.image.removeAllViews(); 169 | View view2 = inflater.inflate(R.layout.lead_c, null); 170 | holder.image.addView(view2); 171 | } else if (position == 3) { 172 | holder.image.removeAllViews(); 173 | View view3 = inflater.inflate(R.layout.lead_d, null); 174 | holder.image.addView(view3); 175 | } else if (position == 4) { 176 | holder.image.removeAllViews(); 177 | View view4 = inflater.inflate(R.layout.lead_e, null); 178 | holder.image.addView(view4); 179 | } 180 | 181 | ((ViewPager) container).addView(imageLayout, 0); 182 | 183 | return imageLayout; 184 | 185 | } 186 | ``` 187 | 看看gallery_image_item.xml文件 188 | 189 | ``` 190 | 191 | 196 | 197 | 200 | 201 | 206 | 207 | 208 | 209 | 210 | ``` 211 | 这里在结合代码我们知道了，逻辑就是根据position，向这个布局中添加对应的视图（添加之前先要移除原来添加的）。这里要注意，这个布局是透明的，是透明的，是透明的。 212 | 看看lead_a 213 | ![](http://img.blog.csdn.net/20151127085550867) 214 | ,到这里，视图就搞清楚了，那么我们看代码是如何控制速度的。 215 | 216 | #### 3.设置，控制 #### 217 | 我们在层级树中知道，第二层是一个横向滑动的Framelayout。所以我们需要设置每个FrameLayout的大小。如下代码: 218 | 219 | ``` 220 | FrameLayout.LayoutParams frameLayoutParams; 221 | ImageView layer_image_one = (ImageView) findViewById(R.id.layer_image_one); 222 | frameLayoutParams = (FrameLayout.LayoutParams) layer_image_one.getLayoutParams(); 223 | frameLayoutParams.height = dm.heightPixels; 224 | frameLayoutParams.width = dm.widthPixels; 225 | layer_image_one.setLayoutParams(frameLayoutParams); 226 | ``` 227 | 其他几个一样。 228 | 当然，也需要设置下最下层的背景。 229 | 230 | ``` 231 | ImageView back_image_one = (ImageView) findViewById(R.id.back_image_one); 232 | layoutParams = back_image_one.getLayoutParams(); 233 | layoutParams.height = dm.heightPixels; 234 | layoutParams.width = dm.widthPixels; 235 | back_image_one.setLayoutParams(layoutParams); 236 | ``` 237 | 我觉得这里设置一个就OK，因为在这里我们的背景被没有滑动。 238 | 最最关键的一点，给viewPager设置监听器，并在onPageScrolled中监听滑动并设置layer层元素的滑动。 239 | 240 | ``` 241 | viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 242 | @Override 243 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 244 | float realOffset = Cubic.easeIn(positionOffset, 0, 1, 1); 245 | 246 | total_page = adapter.getCount(); 247 | float offset = (float) ((float) (position + realOffset) * 1.0 / total_page); 248 | int offsetPositon = (int) (backgoundWidth * offset); 249 | 250 | float layerRealOffset = Sine.easeIn(positionOffset, 0, 1, 1); 251 | float layerOffset = (float) ((float) (position + layerRealOffset) * 1.0 / total_page); 252 | int layerOffsetPositon = (int) (backgoundWidth * layerOffset); 253 | layer_srcollview.scrollTo(layerOffsetPositon, 0); 254 | } 255 | 256 | @Override 257 | public void onPageSelected(int position) { 258 | 259 | } 260 | 261 | @Override 262 | public void onPageScrollStateChanged(int state) { 263 | 264 | } 265 | }); 266 | ``` 267 | 看下easeIn 268 | 269 | ``` 270 | public static float easeIn(float t,float b , float c, float d) { 271 | return -c * (float)Math.cos(t/d * (Math.PI/2)) + c + b; 272 | } 273 | ``` 274 | 说下上面的这个玩意。上面那个玩意就是余弦波的3PI/2到2PI的波形状， 275 | 276 | ``` 277 | float layerOffset = (float) ((float) (position + layerRealOffset) * 1.0 / total_page); 278 | ``` 279 | 在+上position([0,1)),layerOffset就也到了0到1范围，波的形状是倒过来的cos波，开始的1/4段，这样就波斜率（对应速度）也就越来越快，直到停止，你们可以画图看下，这样就形成了我们上面图中看到的视差。 280 | 281 | ### 小红书的实现 ### 282 | 283 | 先看下目录结构。 284 | ![](http://img.blog.csdn.net/20151127102048961) 285 | 其中最关键的是parallaxContainer（自定义布局）和parallaxLayoutInflater（加载布局） 286 | ![](http://img.blog.csdn.net/20151127102241010) 287 | 几个布局页里面都是些ImageView，发现ImageView里面有了新的属性，（这里报红没关系，还是可以编译通过切正常运行） 288 | 有哪些属性呢？看下面这个类。（ps，就不看attrs.xml文件了） 289 | 290 | ``` 291 | public class ParallaxViewTag { 292 | protected int index; 293 | protected float xIn; 294 | protected float xOut; 295 | protected float yIn; 296 | protected float yOut; 297 | protected float alphaIn; 298 | protected float alphaOut; 299 | } 300 | ``` 301 | 工作原理这里就不说了。上面有说到过，那么我们看看小红书是怎么实现的。 302 | 303 | ``` 304 | mParallaxContainer.setImage(iv_man); 305 | mParallaxContainer.setLooping(false); 306 | 307 | iv_man.setVisibility(View.VISIBLE); 308 | mParallaxContainer.setupChildren(getLayoutInflater(), 309 | R.layout.view_intro_1, R.layout.view_intro_2, 310 | R.layout.view_intro_3, R.layout.view_intro_4, 311 | R.layout.view_intro_5, R.layout.view_login); 312 | ``` 313 | 设置中间那个人，设置子布局。我们看看setupChildren方法。 314 | 315 | ``` 316 | public void setupChildren(LayoutInflater inflater, int... childIds) { 317 | if (getChildCount() > 0) { 318 | throw new RuntimeException("setupChildren should only be called once when ParallaxContainer is empty"); 319 | } 320 | 321 | ParallaxLayoutInflater parallaxLayoutInflater = new ParallaxLayoutInflater( 322 | inflater, getContext()); 323 | 324 | for (int childId : childIds) { 325 | View view = parallaxLayoutInflater.inflate(childId, this); 326 | viewlist.add(view); 327 | } 328 | 329 | pageCount = getChildCount(); 330 | for (int i = 0; i < pageCount; i++) { 331 | View view = getChildAt(i); 332 | addParallaxView(view, i); 333 | } 334 | 335 | updateAdapterCount(); 336 | 337 | viewPager = new ViewPager(getContext()); 338 | viewPager.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT)); 339 | viewPager.setId(R.id.parallax_pager); 340 | attachOnPageChangeListener(); 341 | viewPager.setAdapter(adapter); 342 | addView(viewPager, 0); 343 | } 344 | ``` 345 | 代码也不难， 346 | 347 | - 将布局页加载进来 348 | 349 | ``` 350 | View view = parallaxLayoutInflater.inflate(childId, this); 351 | viewlist.add(view); 352 | addParallaxView(view, i); 353 | ``` 354 | - 初始化ViewPager并设置监听 355 | 356 | ``` 357 | viewPager = new ViewPager(getContext()); 358 | viewPager.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT)); 359 | viewPager.setId(R.id.parallax_pager); 360 | attachOnPageChangeListener(); 361 | viewPager.setAdapter(adapter); 362 | addView(viewPager, 0); 363 | ``` 364 | 365 | 我们看下addParallaxView方法 366 | 367 | ``` 368 | private void addParallaxView(View view, int pageIndex) { 369 | if (view instanceof ViewGroup) { 370 | ViewGroup viewGroup = (ViewGroup) view; 371 | for (int i = 0, childCount = viewGroup.getChildCount(); i < childCount; i++) { 372 | addParallaxView(viewGroup.getChildAt(i), pageIndex); 373 | } 374 | } 375 | 376 | ParallaxViewTag tag = (ParallaxViewTag) view.getTag(R.id.parallax_view_tag); 377 | if (tag != null) { 378 | tag.index = pageIndex; 379 | parallaxViews.add(view); 380 | } 381 | } 382 | ``` 383 | 这个方法中就是用添加子view的。 384 | 385 | 接着看attachOnPageChangeListener方法。 386 | 有点长，就给出关键代码把。就是初始化了ViewPager.OnPageChangeListener监听器，并在onPageScrolled方法中根据我们的tag和偏移量来移动view。 387 | 388 | ``` 389 | for (View view : parallaxViews) { 390 | tag = (ParallaxViewTag) view.getTag(R.id.parallax_view_tag); 391 | if (tag == null) { 392 | continue; 393 | } 394 | 395 | if ((pageIndex == tag.index - 1 || (isLooping && (pageIndex == tag.index 396 | - 1 + pageCount))) 397 | && containerWidth != 0) { 398 | 399 | // make visible 400 | view.setVisibility(VISIBLE); 401 | 402 | // slide in from right 403 | view.setTranslationX((containerWidth - offsetPixels) * tag.xIn); 404 | 405 | // slide in from top 406 | view.setTranslationY(0 - (containerWidth - offsetPixels) * tag.yIn); 407 | 408 | // fade in 409 | view.setAlpha(1.0f - (containerWidth - offsetPixels) * tag.alphaIn / containerWidth); 410 | 411 | } else if (pageIndex == tag.index) { 412 | 413 | // make visible 414 | view.setVisibility(VISIBLE); 415 | 416 | // slide out to left 417 | view.setTranslationX(0 - offsetPixels * tag.xOut); 418 | 419 | // slide out to top 420 | view.setTranslationY(0 - offsetPixels * tag.yOut); 421 | 422 | // fade out 423 | view.setAlpha(1.0f - offsetPixels * tag.alphaOut / containerWidth); 424 | 425 | } else { 426 | view.setVisibility(GONE); 427 | } 428 | } 429 | ``` 430 | 那么，这里频繁出现的Tag是什么时候设置的呢。仔细想想，应该是在加载的时候设置的把？那我们去看看setupChildren方法。呀，仔细一看，发现如下代码 431 | 432 | ``` 433 | ParallaxLayoutInflater parallaxLayoutInflater = new ParallaxLayoutInflater( 434 | inflater, getContext()); 435 | 436 | for (int childId : childIds) { 437 | View view = parallaxLayoutInflater.inflate(childId, this); 438 | viewlist.add(view); 439 | } 440 | ``` 441 | 每个子view都是通过ParallaxLayoutInflater来加载的。那么我们就去看看他. 442 | 443 | ``` 444 | public class ParallaxLayoutInflater extends LayoutInflater { 445 | protected ParallaxLayoutInflater(LayoutInflater original, Context newContext) { 446 | super(original, newContext); 447 | setUpLayoutFactory(); 448 | } 449 | 450 | private void setUpLayoutFactory() { 451 | if (!(getFactory() instanceof ParallaxFactory)) { 452 | setFactory(new ParallaxFactory(this, getFactory())); 453 | } 454 | } 455 | 456 | @Override 457 | public LayoutInflater cloneInContext(Context newContext) { 458 | return new ParallaxLayoutInflater(this, newContext); 459 | } 460 | } 461 | ``` 462 | 返现构造方法中，通过setFactory方法，设置Factory为ParallaxFactory，到这里，就明白了。ParallaxFactory实现了LayoutInflater.Factory，这个接口是干什么用的。我们这个时候去看看这个的介绍 463 | ![](http://img.blog.csdn.net/20151127104724582) 464 | 大概的意思是可以通过实现这个接口来获取xml文件中的tag（就像小红书中的app：x_in等等），欧，到这里就明白了，由于ImageView不是我们的自定义控件，我们没法在ImageView的构造方法中获取一些值，所以我们通过实现这个接口来获取。 465 | 466 | ``` 467 | protected void onViewCreated(View view, Context context, AttributeSet attrs) { 468 | 469 | int[] attrIds = 470 | { R.attr.a_in, R.attr.a_out, R.attr.x_in, R.attr.x_out, R.attr.y_in, R.attr.y_out, }; 471 | 472 | TypedArray a = context.obtainStyledAttributes(attrs, attrIds); 473 | 474 | if (a != null) { 475 | if (a.length() > 0) { 476 | ParallaxViewTag tag = new ParallaxViewTag(); 477 | tag.alphaIn = a.getFloat(0, 0f); 478 | tag.alphaOut = a.getFloat(1, 0f); 479 | tag.xIn = a.getFloat(2, 0f); 480 | tag.xOut = a.getFloat(3, 0f); 481 | tag.yIn = a.getFloat(4, 0f); 482 | tag.yOut = a.getFloat(5, 0f); 483 | view.setTag(R.id.parallax_view_tag, tag); 484 | } 485 | a.recycle(); 486 | } 487 | } 488 | ``` 489 | 在这个方法中，我们获取了属性并给view设置了tag，所以，在后面我们就可以通过tag来获取这些值了。 490 | 看下Adapter 491 | 492 | ``` 493 | @Override 494 | public Object instantiateItem(ViewGroup container, int position) { 495 | 496 | View view; 497 | if (!recycleBin.isEmpty()){ 498 | view = recycleBin.pop(); 499 | }else { 500 | view = new View(context); 501 | //这里注意，如果不想加前缀，请以静态的方式将包和属性导进来 502 | view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 503 | ViewGroup.LayoutParams.MATCH_PARENT)); 504 | } 505 | container.addView(view); 506 | return view; 507 | } 508 | ``` 509 | 恩？什么都没有的空白页？想想也没错，我们的所有逻辑都在parallaxContainer这个自定义Layout里面，图片什么的也都是，所以我们不需要ViewPager有什么东西（这里是个ecmobile那个的区别之一），我们的viewpager只负责滑动，只负责触发onPageScrolled方法，剩下的就是有view（ImageView）的setTranslationX、setTranslationY、setAlpha方法来实现。 510 | 有兴趣的去研究下或者去改造下这个吧。[Github地址](https://github.com/w446108264/XhsParallaxWelcome) 511 | 512 | ## HTML5实现引导页 ## 513 | ![](http://img.blog.csdn.net/20151127110633267) 514 | 效果确实很炫，native来实现确实难。这张gif图看起来有点卡的原因是我是加载一个微场景。实际项目中会把html5+css3+js代码放在Assest文件夹下面。有图为证 515 | ![](http://img.blog.csdn.net/20151127111011056) 516 | ，我们来反编译下这个apk，来验证我们。[MAC下反编译APK](http://blog.csdn.net/hanhailong726188/article/details/42368295)， 517 | 我们找到如下一行代码。 518 | ![](http://img.blog.csdn.net/20151127111443933)， 519 | 证明我们是对的。 520 | 关于webview就不说了。 521 | ## 总结 ## 522 | 在这三种引导页中，我更倾向于第三种，必将界面更加酷炫（虽然响应速度不如native），加上现在更加流行hybrid开发（淘宝、天猫、携程、百度糯米等等），我认为在不久的以后，html5引导页将越来越流行。 523 | 524 | 525 | ---------- 526 | 如果有错误的地方，请指出。 527 | 528 | 代码地址：[全世界的github](https://github.com/Guolei1130/android-guidedemo) 529 | 530 | -------------------------------------------------------------------------------- /android_yishu.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.2.2' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Apr 10 15:27:10 PDT 2013 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.2.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /guidepagedemo/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /guidepagedemo/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.1" 6 | 7 | defaultConfig { 8 | applicationId "com.gl" 9 | minSdkVersion 17 10 | targetSdkVersion 23 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(include: ['*.jar'], dir: 'libs') 24 | compile 'com.android.support:appcompat-v7:23.0.1' 25 | compile 'com.android.support:support-v4:23.0.1' 26 | } 27 | -------------------------------------------------------------------------------- /guidepagedemo/guidepagedemo.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /guidepagedemo/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/mac/Desktop/GLandroidstudy/SDK/android-sdk-macosx/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /guidepagedemo/src/androidTest/java/com/gl/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.gl; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /guidepagedemo/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 12 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 24 | 25 | 28 | 29 | 32 | 33 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.gl; 2 | 3 | import android.content.Intent; 4 | import android.os.Bundle; 5 | import android.support.v7.app.AppCompatActivity; 6 | import android.view.Menu; 7 | import android.view.MenuItem; 8 | import android.view.View; 9 | import android.widget.Button; 10 | 11 | import com.gl.WebGuideActivity.WebActivity; 12 | import com.gl.parallax.ecmobile.GalleryImageActivity; 13 | import com.gl.parallax.redbook.RedBookActivity; 14 | 15 | 16 | public class MainActivity extends AppCompatActivity implements View.OnClickListener{ 17 | 18 | private Button normal,parallax_1,parallax_2,html; 19 | @Override 20 | protected void onCreate(Bundle savedInstanceState) { 21 | super.onCreate(savedInstanceState); 22 | setContentView(R.layout.activity_main); 23 | initView(); 24 | } 25 | 26 | private void initView() { 27 | normal = (Button) findViewById(R.id.normal); 28 | normal.setOnClickListener(this); 29 | parallax_1 = (Button) findViewById(R.id.parallax_1); 30 | parallax_1.setOnClickListener(this); 31 | parallax_2 = (Button) findViewById(R.id.parallax_2); 32 | parallax_2.setOnClickListener(this); 33 | html = (Button) findViewById(R.id.html); 34 | html.setOnClickListener(this); 35 | } 36 | 37 | @Override 38 | public boolean onCreateOptionsMenu(Menu menu) { 39 | // Inflate the menu; this adds items to the action bar if it is present. 40 | getMenuInflater().inflate(R.menu.menu_main, menu); 41 | return true; 42 | } 43 | 44 | @Override 45 | public boolean onOptionsItemSelected(MenuItem item) { 46 | // Handle action bar item clicks here. The action bar will 47 | // automatically handle clicks on the Home/Up button, so long 48 | // as you specify a parent activity in AndroidManifest.xml. 49 | int id = item.getItemId(); 50 | 51 | //noinspection SimplifiableIfStatement 52 | if (id == R.id.action_settings) { 53 | return true; 54 | } 55 | 56 | return super.onOptionsItemSelected(item); 57 | } 58 | 59 | @Override 60 | public void onClick(View v) { 61 | switch (v.getId()){ 62 | case R.id.normal: 63 | Intent intent_1 = new Intent(MainActivity.this,NormalViewPager.class); 64 | startActivity(intent_1); 65 | break; 66 | case R.id.parallax_1: 67 | Intent intent_2 = new Intent(MainActivity.this, GalleryImageActivity.class); 68 | startActivity(intent_2); 69 | break; 70 | case R.id.parallax_2: 71 | Intent intent_3 = new Intent(MainActivity.this, RedBookActivity.class); 72 | startActivity(intent_3); 73 | break; 74 | case R.id.html: 75 | Intent intent_4 = new Intent(MainActivity.this, WebActivity.class); 76 | startActivity(intent_4); 77 | break; 78 | } 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/NormalPagerAdapter.java: -------------------------------------------------------------------------------- 1 | package com.gl; 2 | 3 | import android.content.Context; 4 | import android.support.v4.view.PagerAdapter; 5 | import android.support.v4.view.ViewPager; 6 | import android.view.View; 7 | import android.view.ViewGroup; 8 | import android.widget.ImageView; 9 | 10 | import java.util.List; 11 | 12 | 13 | 14 | /** 15 | * Created by mac on 15-11-25. 16 | */ 17 | public class NormalPagerAdapter extends PagerAdapter { 18 | 19 | private Context mContext; 20 | private List mDatas; 21 | 22 | public NormalPagerAdapter(Context context,List mDatas){ 23 | this.mContext = context; 24 | this.mDatas = mDatas; 25 | } 26 | 27 | @Override 28 | public int getCount() { 29 | return mDatas.size(); 30 | } 31 | 32 | @Override 33 | public boolean isViewFromObject(View view, Object object) { 34 | return view.equals(object); 35 | } 36 | 37 | 38 | @Override 39 | public void destroyItem(ViewGroup container, int position, Object object) { 40 | ((ViewPager)container).removeView((ImageView) object); 41 | } 42 | 43 | 44 | @Override 45 | public ImageView instantiateItem(ViewGroup container, int position) { 46 | container.addView(mDatas.get(position)); 47 | return mDatas.get(position); 48 | } 49 | 50 | } 51 | 52 | 53 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/NormalViewPager.java: -------------------------------------------------------------------------------- 1 | package com.gl; 2 | 3 | import android.os.Bundle; 4 | import android.support.v4.view.ViewPager; 5 | import android.support.v7.app.AppCompatActivity; 6 | import android.util.Log; 7 | import android.view.Window; 8 | import android.view.WindowManager; 9 | import android.widget.ImageView; 10 | 11 | import com.gl.animation.DepthPageTransformer; 12 | 13 | import java.util.ArrayList; 14 | import java.util.List; 15 | 16 | 17 | public class NormalViewPager extends AppCompatActivity { 18 | 19 | private ViewPager viewPager; 20 | private List mDatas; 21 | private NormalPagerAdapter adapter; 22 | @Override 23 | protected void onCreate(Bundle savedInstanceState) { 24 | super.onCreate(savedInstanceState); 25 | // requestWindowFeature(Window.FEATURE_NO_TITLE); 26 | // getWindow().setFlags(WindowManager.LayoutParams.FILL_PARENT, 27 | // WindowManager.LayoutParams.FILL_PARENT); 28 | setContentView(R.layout.activity_normal_view_pager); 29 | initView(); 30 | initData(); 31 | initAdapter(); 32 | } 33 | 34 | private void initView() { 35 | viewPager = (ViewPager) findViewById(R.id.normalviewpager); 36 | } 37 | 38 | private void initData() { 39 | ImageView imageView_1 = new ImageView(this,null); 40 | imageView_1.setBackgroundResource(R.drawable.hpw1); 41 | ImageView imageView_2 = new ImageView(this); 42 | imageView_2.setBackgroundResource(R.drawable.hpw2); 43 | ImageView imageView_3 = new ImageView(this); 44 | imageView_3.setBackgroundResource(R.drawable.hpw3); 45 | ImageView imageView_4 = new ImageView(this); 46 | imageView_4.setBackgroundResource(R.drawable.hpw4); 47 | ImageView imageView_5 = new ImageView(this); 48 | imageView_5.setBackgroundResource(R.drawable.hpw5); 49 | mDatas = new ArrayList<>(); 50 | mDatas.add(imageView_1); 51 | mDatas.add(imageView_2); 52 | mDatas.add(imageView_3); 53 | mDatas.add(imageView_4); 54 | mDatas.add(imageView_5); 55 | 56 | } 57 | 58 | private void initAdapter() { 59 | adapter = new NormalPagerAdapter(this,mDatas); 60 | viewPager.setAdapter(adapter); 61 | viewPager.setPageTransformer(true, new DepthPageTransformer()); 62 | viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 63 | @Override 64 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 65 | Log.e("tag","this is offset--->"+positionOffset); 66 | } 67 | 68 | @Override 69 | public void onPageSelected(int position) { 70 | 71 | } 72 | 73 | @Override 74 | public void onPageScrollStateChanged(int state) { 75 | 76 | } 77 | }); 78 | } 79 | 80 | 81 | } 82 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/WebGuideActivity/WebActivity.java: -------------------------------------------------------------------------------- 1 | package com.gl.WebGuideActivity; 2 | 3 | import android.os.Bundle; 4 | import android.support.v7.app.AppCompatActivity; 5 | import android.view.Window; 6 | import android.view.WindowManager; 7 | import android.webkit.WebChromeClient; 8 | import android.webkit.WebSettings; 9 | import android.webkit.WebView; 10 | import android.webkit.WebViewClient; 11 | 12 | import com.gl.R; 13 | 14 | 15 | public class WebActivity extends AppCompatActivity { 16 | 17 | private WebView webview; 18 | @Override 19 | protected void onCreate(Bundle savedInstanceState) { 20 | super.onCreate(savedInstanceState); 21 | // requestWindowFeature(Window.FEATURE_NO_TITLE); 22 | // getWindow().setFlags(WindowManager.LayoutParams.FILL_PARENT, 23 | // WindowManager.LayoutParams.FILL_PARENT); 24 | setContentView(R.layout.activity_web); 25 | initView(); 26 | } 27 | 28 | private void initView() { 29 | webview = (WebView) findViewById(R.id.webview); 30 | webview.setWebViewClient(new WebViewClient() { 31 | @Override 32 | public boolean shouldOverrideUrlLoading(WebView view, String url) { 33 | view.loadUrl("http://eqxiu.com/s/XQdm97nX"); 34 | return true; 35 | } 36 | }); 37 | webview.setInitialScale(25); 38 | WebSettings webSettings = webview.getSettings(); 39 | webSettings.setJavaScriptEnabled(true); 40 | webSettings.setBuiltInZoomControls(true); 41 | webSettings.setSupportZoom(true); 42 | 43 | webview.getSettings().setUseWideViewPort(true); 44 | webview.getSettings().setLoadWithOverviewMode(true); 45 | 46 | webview.loadUrl("http://eqxiu.com/s/XQdm97nX"); 47 | webview.setWebChromeClient(new WebChromeClient(){ 48 | @Override 49 | public void onReceivedTitle(WebView view, String title) { 50 | super.onReceivedTitle(view, title); 51 | } 52 | }); 53 | } 54 | 55 | 56 | } 57 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/animation/DepthPageTransformer.java: -------------------------------------------------------------------------------- 1 | package com.gl.animation; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | public class DepthPageTransformer implements ViewPager.PageTransformer { 7 | private static final float MIN_SCALE = 0.75f; 8 | 9 | public void transformPage(View view, float position) { 10 | int pageWidth = view.getWidth(); 11 | 12 | if (position < -1) { // [-Infinity,-1) 13 | // This page is way off-screen to the left. 14 | view.setAlpha(0); 15 | 16 | } else if (position <= 0) { // [-1,0] 17 | // Use the default slide transition when moving to the left page 18 | view.setAlpha(1); 19 | view.setTranslationX(0); 20 | view.setScaleX(1); 21 | view.setScaleY(1); 22 | 23 | } else if (position <= 1) { // (0,1] 24 | // Fade the page out. 25 | view.setAlpha(1 - position); 26 | 27 | // Counteract the default slide transition 28 | view.setTranslationX(pageWidth * -position); 29 | 30 | // Scale the page down (between MIN_SCALE and 1) 31 | float scaleFactor = MIN_SCALE 32 | + (1 - MIN_SCALE) * (1 - Math.abs(position)); 33 | view.setScaleX(scaleFactor); 34 | view.setScaleY(scaleFactor); 35 | 36 | } else { // (1,+Infinity] 37 | // This page is way off-screen to the right. 38 | view.setAlpha(0); 39 | } 40 | } 41 | } -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/animation/ZoomOutPageTransformer.java: -------------------------------------------------------------------------------- 1 | package com.gl.animation; 2 | 3 | import android.annotation.SuppressLint; 4 | import android.support.v4.view.ViewPager; 5 | import android.util.Log; 6 | import android.view.View; 7 | 8 | public class ZoomOutPageTransformer implements ViewPager.PageTransformer 9 | { 10 | private static final float MIN_SCALE = 0.85f; 11 | private static final float MIN_ALPHA = 0.5f; 12 | 13 | @SuppressLint("NewApi") 14 | public void transformPage(View view, float position) 15 | { 16 | int pageWidth = view.getWidth(); 17 | int pageHeight = view.getHeight(); 18 | 19 | Log.e("TAG", view + " , " + position + ""); 20 | 21 | if (position < -1) 22 | { // [-Infinity,-1) 23 | // This page is way off-screen to the left. 24 | view.setAlpha(0); 25 | 26 | } else if (position <= 1) //a页滑动至b页 ； a页从 0.0 -1 ；b页从1 ~ 0.0 27 | { // [-1,1] 28 | // Modify the default slide transition to shrink the page as well 29 | float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position)); 30 | float vertMargin = pageHeight * (1 - scaleFactor) / 2; 31 | float horzMargin = pageWidth * (1 - scaleFactor) / 2; 32 | if (position < 0) 33 | { 34 | view.setTranslationX(horzMargin - vertMargin / 2); 35 | } else 36 | { 37 | view.setTranslationX(-horzMargin + vertMargin / 2); 38 | } 39 | 40 | // Scale the page down (between MIN_SCALE and 1) 41 | view.setScaleX(scaleFactor); 42 | view.setScaleY(scaleFactor); 43 | 44 | // Fade the page relative to its size. 45 | view.setAlpha(MIN_ALPHA + (scaleFactor - MIN_SCALE) 46 | / (1 - MIN_SCALE) * (1 - MIN_ALPHA)); 47 | 48 | } else 49 | { // (1,+Infinity] 50 | // This page is way off-screen to the right. 51 | view.setAlpha(0); 52 | } 53 | } 54 | } -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/ecmobile/GalleryImageActivity.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.ecmobile; 2 | 3 | import android.os.Bundle; 4 | import android.support.v4.view.ViewPager; 5 | import android.support.v7.app.AppCompatActivity; 6 | import android.util.DisplayMetrics; 7 | import android.view.ViewGroup; 8 | import android.view.Window; 9 | import android.view.WindowManager; 10 | import android.widget.FrameLayout; 11 | import android.widget.HorizontalScrollView; 12 | import android.widget.ImageView; 13 | 14 | 15 | import com.gl.R; 16 | import com.gl.parallax.ecmobile.utils.Cubic; 17 | import com.gl.parallax.ecmobile.utils.Sine; 18 | 19 | public class GalleryImageActivity extends AppCompatActivity { 20 | 21 | private ViewPager viewPager; 22 | FrameLayout backgroundLayout; 23 | HorizontalScrollView background_srcollview; 24 | HorizontalScrollView layer_srcollview; 25 | private GalleryImageAdapter adapter; 26 | int total_page; 27 | int backgoundWidth; 28 | @Override 29 | protected void onCreate(Bundle savedInstanceState) { 30 | super.onCreate(savedInstanceState); 31 | // requestWindowFeature(Window.FEATURE_NO_TITLE); 32 | getWindow().setLayout(WindowManager.LayoutParams.FILL_PARENT, 33 | WindowManager.LayoutParams.FILL_PARENT); 34 | setContentView(R.layout.activity_gallery_image); 35 | 36 | initView(); 37 | initAdapter(); 38 | setViewPagerParams(); 39 | } 40 | 41 | private void setViewPagerParams() { 42 | viewPager.setAdapter(adapter); 43 | viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 44 | @Override 45 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 46 | float realOffset = Cubic.easeIn(positionOffset, 0, 1, 1); 47 | 48 | total_page = adapter.getCount(); 49 | float offset = (float) ((float) (position + realOffset) * 1.0 / total_page); 50 | int offsetPositon = (int) (backgoundWidth * offset); 51 | 52 | float layerRealOffset = Sine.easeIn(positionOffset, 0, 1, 1); 53 | float layerOffset = (float) ((float) (position + layerRealOffset) * 1.0 / total_page); 54 | int layerOffsetPositon = (int) (backgoundWidth * layerOffset); 55 | layer_srcollview.scrollTo(layerOffsetPositon, 0); 56 | } 57 | 58 | @Override 59 | public void onPageSelected(int position) { 60 | 61 | } 62 | 63 | @Override 64 | public void onPageScrollStateChanged(int state) { 65 | 66 | } 67 | }); 68 | } 69 | 70 | private void initAdapter() { 71 | adapter = new GalleryImageAdapter(this); 72 | } 73 | 74 | private void initView() { 75 | viewPager = (ViewPager) findViewById(R.id.image_pager); 76 | backgroundLayout = (FrameLayout) findViewById(R.id.backgroundLayout); 77 | background_srcollview = (HorizontalScrollView) findViewById(R.id.background_srcollview); 78 | background_srcollview.setHorizontalScrollBarEnabled(false); 79 | layer_srcollview = (HorizontalScrollView) findViewById(R.id.layer_srcollview); 80 | layer_srcollview.setHorizontalScrollBarEnabled(false); 81 | DisplayMetrics dm = new DisplayMetrics(); 82 | // 取得窗口属性 83 | this.getWindowManager().getDefaultDisplay().getMetrics(dm); 84 | backgoundWidth = dm.widthPixels * 5; 85 | ViewGroup.LayoutParams layoutParams; 86 | 87 | ImageView back_image_one = (ImageView) findViewById(R.id.back_image_one); 88 | layoutParams = back_image_one.getLayoutParams(); 89 | layoutParams.height = dm.heightPixels; 90 | layoutParams.width = dm.widthPixels; 91 | back_image_one.setLayoutParams(layoutParams); 92 | 93 | // ImageView back_image_two = (ImageView) findViewById(R.id.back_image_two); 94 | // layoutParams = back_image_two.getLayoutParams(); 95 | // layoutParams.height = dm.heightPixels; 96 | // layoutParams.width = dm.widthPixels; 97 | // back_image_two.setLayoutParams(layoutParams); 98 | // 99 | // ImageView back_image_three = (ImageView) findViewById(R.id.back_image_three); 100 | // layoutParams = back_image_three.getLayoutParams(); 101 | // layoutParams.height = dm.heightPixels; 102 | // layoutParams.width = dm.widthPixels; 103 | // back_image_three.setLayoutParams(layoutParams); 104 | // 105 | // ImageView back_image_four = (ImageView) findViewById(R.id.back_image_four); 106 | // layoutParams = back_image_four.getLayoutParams(); 107 | // layoutParams.height = dm.heightPixels; 108 | // layoutParams.width = dm.widthPixels; 109 | // back_image_four.setLayoutParams(layoutParams); 110 | // 111 | // ImageView back_image_five = (ImageView) findViewById(R.id.back_image_five); 112 | // layoutParams = back_image_five.getLayoutParams(); 113 | // layoutParams.height = dm.heightPixels; 114 | // layoutParams.width = dm.widthPixels; 115 | // back_image_five.setLayoutParams(layoutParams); 116 | // 117 | FrameLayout.LayoutParams frameLayoutParams; 118 | ImageView layer_image_one = (ImageView) findViewById(R.id.layer_image_one); 119 | frameLayoutParams = (FrameLayout.LayoutParams) layer_image_one.getLayoutParams(); 120 | frameLayoutParams.height = dm.heightPixels; 121 | frameLayoutParams.width = dm.widthPixels; 122 | layer_image_one.setLayoutParams(frameLayoutParams); 123 | 124 | ImageView layer_image_two = (ImageView) findViewById(R.id.layer_image_two); 125 | frameLayoutParams = (FrameLayout.LayoutParams) layer_image_two.getLayoutParams(); 126 | frameLayoutParams.height = dm.heightPixels; 127 | frameLayoutParams.width = dm.widthPixels; 128 | layer_image_two.setLayoutParams(frameLayoutParams); 129 | 130 | ImageView layer_image_three = (ImageView) findViewById(R.id.layer_image_three); 131 | frameLayoutParams = (FrameLayout.LayoutParams) layer_image_three.getLayoutParams(); 132 | frameLayoutParams.height = dm.heightPixels; 133 | frameLayoutParams.width = dm.widthPixels; 134 | layer_image_three.setLayoutParams(frameLayoutParams); 135 | 136 | ImageView layer_image_four = (ImageView) findViewById(R.id.layer_image_four); 137 | frameLayoutParams = (FrameLayout.LayoutParams) layer_image_four.getLayoutParams(); 138 | frameLayoutParams.height = dm.heightPixels; 139 | frameLayoutParams.width = dm.widthPixels; 140 | layer_image_four.setLayoutParams(frameLayoutParams); 141 | 142 | ImageView layer_image_five = (ImageView) findViewById(R.id.layer_image_five); 143 | frameLayoutParams = (FrameLayout.LayoutParams) layer_image_five.getLayoutParams(); 144 | frameLayoutParams.height = dm.heightPixels; 145 | frameLayoutParams.width = dm.widthPixels; 146 | layer_image_five.setLayoutParams(frameLayoutParams); 147 | } 148 | 149 | 150 | } 151 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/ecmobile/GalleryImageAdapter.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.ecmobile; 2 | 3 | import android.content.Context; 4 | import android.support.v4.view.PagerAdapter; 5 | import android.support.v4.view.ViewPager; 6 | import android.view.LayoutInflater; 7 | import android.view.View; 8 | import android.view.ViewGroup; 9 | import android.widget.LinearLayout; 10 | 11 | import com.gl.R; 12 | 13 | import java.util.logging.Handler; 14 | 15 | /** 16 | * Created by mac on 15-11-26. 17 | */ 18 | public class GalleryImageAdapter extends PagerAdapter { 19 | 20 | private LayoutInflater mInflater; 21 | private Context context; 22 | public Handler parentHandler; 23 | 24 | LayoutInflater inflater; 25 | 26 | public GalleryImageAdapter(Context context){ 27 | mInflater = LayoutInflater.from(context); 28 | inflater = LayoutInflater.from(context); 29 | this.context = context; 30 | } 31 | @Override 32 | public int getCount() { 33 | return 5; 34 | } 35 | 36 | @Override 37 | public void destroyItem(ViewGroup container, int position, Object object) { 38 | ((ViewPager) container).removeView((View) object); 39 | } 40 | 41 | @Override 42 | public boolean isViewFromObject(View view, Object object) { 43 | return view.equals(object); 44 | } 45 | 46 | @Override 47 | public Object instantiateItem(ViewGroup container, int position) { 48 | 49 | final ViewHolder holder; 50 | holder = new ViewHolder(); 51 | View imageLayout = mInflater.inflate(R.layout.gallery_image_item, null); 52 | 53 | holder.image = (LinearLayout) imageLayout.findViewById(R.id.gallery_image_item_view); 54 | 55 | if(position == 4) { 56 | holder.image.setEnabled(true); 57 | } else { 58 | holder.image.setEnabled(false); 59 | } 60 | if(position == 0) { 61 | holder.image.removeAllViews(); 62 | View view0 = inflater.inflate(R.layout.lead_a, null); 63 | holder.image.addView(view0); 64 | } else if (position == 1) { 65 | holder.image.removeAllViews(); 66 | View view1 = inflater.inflate(R.layout.lead_b, null); 67 | holder.image.addView(view1); 68 | } else if (position == 2) { 69 | holder.image.removeAllViews(); 70 | View view2 = inflater.inflate(R.layout.lead_c, null); 71 | holder.image.addView(view2); 72 | } else if (position == 3) { 73 | holder.image.removeAllViews(); 74 | View view3 = inflater.inflate(R.layout.lead_d, null); 75 | holder.image.addView(view3); 76 | } else if (position == 4) { 77 | holder.image.removeAllViews(); 78 | View view4 = inflater.inflate(R.layout.lead_e, null); 79 | holder.image.addView(view4); 80 | } 81 | 82 | ((ViewPager) container).addView(imageLayout, 0); 83 | 84 | return imageLayout; 85 | 86 | } 87 | 88 | class ViewHolder{ 89 | private LinearLayout image; 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/ecmobile/utils/Cubic.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.ecmobile.utils; 2 | 3 | /** 4 | * Created by mac on 15-11-26. 5 | */ 6 | public class Cubic { 7 | 8 | public static float easeIn(float t,float b,float c,float d){ 9 | return c*(t/=d)*t*t +b; 10 | } 11 | public static float easeOut (float t,float b , float c, float d) { 12 | return c*((t=t/d-1)*t*t + 1) + b; 13 | } 14 | 15 | public static float easeInOut (float t,float b , float c, float d) { 16 | if ((t/=d/2) < 1) return c/2*t*t*t + b; 17 | return c/2*((t-=2)*t*t + 2) + b; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/ecmobile/utils/Sine.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.ecmobile.utils; 2 | 3 | /** 4 | * Created by mac on 15-11-26. 5 | */ 6 | public class Sine { 7 | public static float easeIn(float t,float b , float c, float d) { 8 | return -c * (float)Math.cos(t/d * (Math.PI/2)) + c + b; 9 | } 10 | 11 | public static float easeOut(float t,float b , float c, float d) { 12 | return c * (float)Math.sin(t/d * (Math.PI/2)) + b; 13 | } 14 | 15 | public static float easeInOut(float t,float b , float c, float d) { 16 | return -c/2 * ((float)Math.cos(Math.PI*t/d) - 1) + b; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/redbook/RedBookActivity.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.redbook; 2 | 3 | import android.app.Activity; 4 | import android.content.ActivityNotFoundException; 5 | import android.content.Intent; 6 | import android.net.Uri; 7 | import android.os.Bundle; 8 | import android.support.v7.app.AppCompatActivity; 9 | import android.view.View; 10 | import android.view.Window; 11 | import android.view.WindowManager; 12 | import android.widget.ImageView; 13 | 14 | import com.gl.R; 15 | import com.gl.parallax.redbook.parallaxpager.parallaxContainer; 16 | 17 | public class RedBookActivity extends Activity { 18 | ImageView iv_man; 19 | ImageView rl_weibo; 20 | parallaxContainer mParallaxContainer; 21 | @Override 22 | protected void onCreate(Bundle savedInstanceState) { 23 | requestWindowFeature(Window.FEATURE_NO_TITLE); 24 | // getWindow().setFlags(WindowManager.LayoutParams.FILL_PARENT, 25 | // WindowManager.LayoutParams.FILL_PARENT); 26 | super.onCreate(savedInstanceState); 27 | setContentView(R.layout.activity_red_book); 28 | 29 | if (android.os.Build.VERSION.SDK_INT > 10) { 30 | iv_man = (ImageView) findViewById(R.id.iv_man); 31 | mParallaxContainer = (parallaxContainer) findViewById(R.id.parallax_container); 32 | 33 | if (mParallaxContainer != null) { 34 | mParallaxContainer.setImage(iv_man); 35 | mParallaxContainer.setLooping(false); 36 | 37 | iv_man.setVisibility(View.VISIBLE); 38 | mParallaxContainer.setupChildren(getLayoutInflater(), 39 | R.layout.view_intro_1, R.layout.view_intro_2, 40 | R.layout.view_intro_3, R.layout.view_intro_4, 41 | R.layout.view_intro_5, R.layout.view_login); 42 | } 43 | } 44 | else{ 45 | setContentView(R.layout.view_login); 46 | } 47 | 48 | rl_weibo = (ImageView) findViewById(R.id.rl_weibo); 49 | rl_weibo.setOnClickListener(new View.OnClickListener() { 50 | @Override 51 | public void onClick(View view) { 52 | try { 53 | Uri uri = Uri.parse("market://details?id=com.xingin.xhs"); 54 | Intent intent = new Intent(Intent.ACTION_VIEW, uri); 55 | intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 56 | startActivity(intent); 57 | } catch (ActivityNotFoundException e) { 58 | } 59 | } 60 | }); 61 | } 62 | 63 | 64 | } 65 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/redbook/parallaxpager/ParallaxFactory.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.redbook.parallaxpager; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.util.AttributeSet; 6 | import android.view.LayoutInflater; 7 | import android.view.View; 8 | 9 | import com.gl.R; 10 | 11 | public class ParallaxFactory implements LayoutInflater.Factory { 12 | 13 | private final LayoutInflater.Factory factory; 14 | private ParallaxLayoutInflater mInflater; 15 | 16 | private static final String[] sClassPrefixList = { 17 | "android.widget.", 18 | "android.webkit.", 19 | "android.view." 20 | }; 21 | 22 | public ParallaxFactory(ParallaxLayoutInflater inflater, LayoutInflater.Factory factory) { 23 | mInflater = inflater; 24 | this.factory = factory; 25 | 26 | } 27 | 28 | @Override 29 | public View onCreateView(String name, Context context, AttributeSet attrs) { 30 | View view = null; 31 | 32 | if (context instanceof LayoutInflater.Factory) { 33 | view = ((LayoutInflater.Factory) context).onCreateView(name, context, attrs); 34 | } 35 | 36 | if (factory != null && view == null) { 37 | view = factory.onCreateView(name, context, attrs); 38 | } 39 | 40 | if (view == null) { 41 | view = createViewOrFailQuietly(name, context, attrs); 42 | } 43 | 44 | if (view != null) { 45 | onViewCreated(view, context, attrs); 46 | } 47 | 48 | return view; 49 | } 50 | 51 | protected View createViewOrFailQuietly(String name, Context context, AttributeSet attrs) { 52 | if (name.contains(".")) { 53 | return createViewOrFailQuietly(name, null, context, attrs); 54 | } 55 | 56 | for (final String prefix : sClassPrefixList) { 57 | final View view = createViewOrFailQuietly(name, prefix, context, attrs); 58 | 59 | if (view != null) { 60 | return view; 61 | } 62 | } 63 | 64 | return null; 65 | } 66 | 67 | protected View createViewOrFailQuietly(String name, String prefix, Context context, 68 | AttributeSet attrs) { 69 | try { 70 | return mInflater.createView(name, prefix, attrs); 71 | } catch (Exception ignore) { 72 | return null; 73 | } 74 | } 75 | 76 | protected void onViewCreated(View view, Context context, AttributeSet attrs) { 77 | 78 | int[] attrIds = 79 | { R.attr.a_in, R.attr.a_out, R.attr.x_in, R.attr.x_out, R.attr.y_in, R.attr.y_out, }; 80 | 81 | TypedArray a = context.obtainStyledAttributes(attrs, attrIds); 82 | 83 | if (a != null) { 84 | if (a.length() > 0) { 85 | ParallaxViewTag tag = new ParallaxViewTag(); 86 | tag.alphaIn = a.getFloat(0, 0f); 87 | tag.alphaOut = a.getFloat(1, 0f); 88 | tag.xIn = a.getFloat(2, 0f); 89 | tag.xOut = a.getFloat(3, 0f); 90 | tag.yIn = a.getFloat(4, 0f); 91 | tag.yOut = a.getFloat(5, 0f); 92 | view.setTag(R.id.parallax_view_tag, tag); 93 | } 94 | a.recycle(); 95 | } 96 | } 97 | } -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/redbook/parallaxpager/ParallaxLayoutInflater.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.redbook.parallaxpager; 2 | 3 | import android.content.Context; 4 | import android.view.LayoutInflater; 5 | 6 | /** 7 | * Created by mac on 15-11-26. 8 | */ 9 | public class ParallaxLayoutInflater extends LayoutInflater { 10 | protected ParallaxLayoutInflater(LayoutInflater original, Context newContext) { 11 | super(original, newContext); 12 | setUpLayoutFactory(); 13 | } 14 | 15 | private void setUpLayoutFactory() { 16 | if (!(getFactory() instanceof ParallaxFactory)) { 17 | setFactory(new ParallaxFactory(this, getFactory())); 18 | } 19 | } 20 | 21 | @Override 22 | public LayoutInflater cloneInContext(Context newContext) { 23 | return new ParallaxLayoutInflater(this, newContext); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/redbook/parallaxpager/ParallaxPagerAdapter.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.redbook.parallaxpager; 2 | 3 | import android.content.Context; 4 | import android.support.v4.view.PagerAdapter; 5 | import android.view.View; 6 | import android.view.ViewGroup; 7 | 8 | import java.util.LinkedList; 9 | //import static android.view.ViewGroup.LayoutParams; 10 | /** 11 | * Created by mac on 15-11-26. 12 | */ 13 | public class ParallaxPagerAdapter extends PagerAdapter{ 14 | private int count = 0; 15 | private final Context context; 16 | private final LinkedList recycleBin = new LinkedList(); 17 | 18 | public ParallaxPagerAdapter(Context context){ 19 | this.context = context; 20 | } 21 | 22 | public void setCount(int count){ 23 | this.count = count; 24 | } 25 | 26 | @Override 27 | public int getCount() { 28 | return count; 29 | } 30 | 31 | @Override 32 | public Object instantiateItem(ViewGroup container, int position) { 33 | 34 | View view; 35 | if (!recycleBin.isEmpty()){ 36 | view = recycleBin.pop(); 37 | }else { 38 | view = new View(context); 39 | //这里注意，如果不想加前缀，请以静态的方式将包和属性导进来 40 | view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 41 | ViewGroup.LayoutParams.MATCH_PARENT)); 42 | } 43 | container.addView(view); 44 | return view; 45 | } 46 | 47 | @Override 48 | public void destroyItem(ViewGroup container, int position, Object object) { 49 | 50 | View view = (View) object; 51 | container.removeView(view); 52 | recycleBin.push(view); 53 | } 54 | 55 | @Override 56 | public boolean isViewFromObject(View view, Object object) { 57 | return view.equals(object); 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/redbook/parallaxpager/ParallaxViewTag.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.redbook.parallaxpager; 2 | 3 | /** 4 | * Created by mac on 15-11-26. 5 | */ 6 | public class ParallaxViewTag { 7 | protected int index; 8 | protected float xIn; 9 | protected float xOut; 10 | protected float yIn; 11 | protected float yOut; 12 | protected float alphaIn; 13 | protected float alphaOut; 14 | } 15 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/java/com/gl/parallax/redbook/parallaxpager/parallaxContainer.java: -------------------------------------------------------------------------------- 1 | package com.gl.parallax.redbook.parallaxpager; 2 | 3 | import android.content.Context; 4 | import android.graphics.drawable.AnimationDrawable; 5 | import android.support.v4.view.ViewPager; 6 | import android.util.AttributeSet; 7 | import android.util.Log; 8 | import android.view.LayoutInflater; 9 | import android.view.View; 10 | import android.view.ViewGroup; 11 | import android.widget.FrameLayout; 12 | import android.widget.ImageView; 13 | 14 | import com.gl.R; 15 | 16 | import java.util.ArrayList; 17 | import java.util.List; 18 | 19 | /** 20 | * Created by mac on 15-11-26. 21 | */ 22 | public class parallaxContainer extends FrameLayout{ 23 | private String TAG = "ParallaxContainer"; 24 | 25 | private List parallaxViews = new ArrayList(); 26 | private ViewPager viewPager; 27 | private int pageCount = 0; 28 | private int containerWidth; 29 | private boolean isLooping = false; 30 | private final ParallaxPagerAdapter adapter; 31 | 32 | Context context; 33 | public ViewPager.OnPageChangeListener mCommonPageChangeListener; 34 | private List viewlist = new ArrayList(); 35 | public int currentPosition = 0; 36 | 37 | public parallaxContainer(Context context) { 38 | super(context); 39 | this.context = context; 40 | adapter = new ParallaxPagerAdapter(context); 41 | } 42 | 43 | public parallaxContainer(Context context, AttributeSet attrs) { 44 | super(context, attrs); 45 | adapter = new ParallaxPagerAdapter(context); 46 | } 47 | 48 | public parallaxContainer(Context context, AttributeSet attrs, int defStyle) { 49 | super(context, attrs, defStyle); 50 | adapter = new ParallaxPagerAdapter(context); 51 | } 52 | 53 | @Override 54 | public void onWindowFocusChanged(boolean hasFocus) { 55 | containerWidth = getMeasuredWidth(); 56 | if (viewPager != null) { 57 | mCommonPageChangeListener.onPageScrolled(viewPager.getCurrentItem(), 0, 0); 58 | } 59 | super.onWindowFocusChanged(hasFocus); 60 | } 61 | 62 | public void setLooping(boolean looping) { 63 | isLooping = looping; 64 | updateAdapterCount(); 65 | } 66 | 67 | ImageView iv; 68 | 69 | public void setImage(ImageView iv) { 70 | this.iv = iv; 71 | } 72 | 73 | private void updateAdapterCount() { 74 | adapter.setCount(isLooping ? Integer.MAX_VALUE : pageCount); 75 | } 76 | 77 | public void setupChildren(LayoutInflater inflater, int... childIds) { 78 | if (getChildCount() > 0) { 79 | throw new RuntimeException("setupChildren should only be called once when ParallaxContainer is empty"); 80 | } 81 | 82 | ParallaxLayoutInflater parallaxLayoutInflater = new ParallaxLayoutInflater( 83 | inflater, getContext()); 84 | 85 | for (int childId : childIds) { 86 | View view = parallaxLayoutInflater.inflate(childId, this); 87 | viewlist.add(view); 88 | } 89 | 90 | pageCount = getChildCount(); 91 | for (int i = 0; i < pageCount; i++) { 92 | View view = getChildAt(i); 93 | addParallaxView(view, i); 94 | } 95 | 96 | updateAdapterCount(); 97 | 98 | viewPager = new ViewPager(getContext()); 99 | viewPager.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT)); 100 | viewPager.setId(R.id.parallax_pager); 101 | attachOnPageChangeListener(); 102 | viewPager.setAdapter(adapter); 103 | addView(viewPager, 0); 104 | } 105 | 106 | /** 至少持续时间 */ 107 | private static final long DELAY_TIME = 600; 108 | protected void attachOnPageChangeListener() { 109 | mCommonPageChangeListener = new ViewPager.OnPageChangeListener() { 110 | @Override 111 | public void onPageScrollStateChanged(int state) { 112 | Log.v(TAG, "onPageScrollStateChanged" + state); 113 | iv.setBackgroundResource(R.drawable.man_run); 114 | final AnimationDrawable animationDrawable = (AnimationDrawable) iv.getBackground(); 115 | switch (state) { 116 | case 0: 117 | finishAnim(animationDrawable); 118 | break; 119 | case 1: 120 | isEnd = false; 121 | animationDrawable.start(); 122 | break; 123 | case 2: 124 | finishAnim(animationDrawable); 125 | break; 126 | } 127 | } 128 | 129 | boolean isleft = false; 130 | 131 | @Override 132 | public void onPageScrolled(int pageIndex, float offset, int offsetPixels) { 133 | // Log.v(TAG, "onPageScrolled" + pageIndex + " offset" + offset + " offsetPixels" + offsetPixels); 134 | 135 | if (offsetPixels < 10) { 136 | isleft = false; 137 | } 138 | 139 | if (pageCount > 0) { 140 | pageIndex = pageIndex % pageCount; 141 | } 142 | 143 | if (pageIndex == 3) { 144 | if (isleft) { 145 | 146 | } else { 147 | iv.setX(iv.getLeft() - offsetPixels); 148 | } 149 | } 150 | 151 | ParallaxViewTag tag; 152 | for (View view : parallaxViews) { 153 | tag = (ParallaxViewTag) view.getTag(R.id.parallax_view_tag); 154 | if (tag == null) { 155 | continue; 156 | } 157 | 158 | if ((pageIndex == tag.index - 1 || (isLooping && (pageIndex == tag.index 159 | - 1 + pageCount))) 160 | && containerWidth != 0) { 161 | 162 | // make visible 163 | view.setVisibility(VISIBLE); 164 | 165 | // slide in from right 166 | view.setTranslationX((containerWidth - offsetPixels) * tag.xIn); 167 | 168 | // slide in from top 169 | view.setTranslationY(0 - (containerWidth - offsetPixels) * tag.yIn); 170 | 171 | // fade in 172 | view.setAlpha(1.0f - (containerWidth - offsetPixels) * tag.alphaIn / containerWidth); 173 | 174 | } else if (pageIndex == tag.index) { 175 | 176 | // make visible 177 | view.setVisibility(VISIBLE); 178 | 179 | // slide out to left 180 | view.setTranslationX(0 - offsetPixels * tag.xOut); 181 | 182 | // slide out to top 183 | view.setTranslationY(0 - offsetPixels * tag.yOut); 184 | 185 | // fade out 186 | view.setAlpha(1.0f - offsetPixels * tag.alphaOut / containerWidth); 187 | 188 | } else { 189 | view.setVisibility(GONE); 190 | } 191 | } 192 | } 193 | 194 | @Override 195 | public void onPageSelected(int position) { 196 | Log.v(TAG, "onPageSelected" + position); 197 | currentPosition = position; 198 | } 199 | }; 200 | viewPager.setOnPageChangeListener(mCommonPageChangeListener); 201 | } 202 | 203 | boolean isEnd = false; 204 | private synchronized void finishAnim(final AnimationDrawable animationDrawable) 205 | { 206 | if(isEnd) 207 | { 208 | return; 209 | } 210 | isEnd = true; 211 | final long delay = DELAY_TIME ; 212 | new Thread(new Runnable() { 213 | @Override 214 | public void run() { 215 | Log.v(TAG, "onPageScrollStateChanged delay" + delay); 216 | if(delay > 0) 217 | { 218 | try { 219 | Thread.sleep(delay); 220 | } catch (InterruptedException e) { 221 | e.printStackTrace(); 222 | } 223 | } 224 | if (animationDrawable.isRunning() && isEnd) { 225 | animationDrawable.stop(); 226 | } 227 | } 228 | }).start(); 229 | } 230 | 231 | private void addParallaxView(View view, int pageIndex) { 232 | if (view instanceof ViewGroup) { 233 | ViewGroup viewGroup = (ViewGroup) view; 234 | for (int i = 0, childCount = viewGroup.getChildCount(); i < childCount; i++) { 235 | addParallaxView(viewGroup.getChildAt(i), pageIndex); 236 | } 237 | } 238 | 239 | ParallaxViewTag tag = (ParallaxViewTag) view.getTag(R.id.parallax_view_tag); 240 | if (tag != null) { 241 | tag.index = pageIndex; 242 | parallaxViews.add(view); 243 | } 244 | } 245 | } 246 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/anim/man_run.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 8 | 11 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/common_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/common_logo.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/hpw1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/hpw1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/hpw2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/hpw2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/hpw3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/hpw3.jpg -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/hpw4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/hpw4.jpg -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/hpw5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/hpw5.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_bg.jpg -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_2_4.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_3_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_3_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_3_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_3_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_3_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_3_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_4_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_4_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_4_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_4_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_5_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_5_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_5_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-hdpi/tuitional_img_5_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/ic_phone_bg.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/ic_phone_bg.9.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/icon_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/icon_logo.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_0.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_4.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_5.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_6.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro1_item_7.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_0.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_4.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_5.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_6.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro2_item_7.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_0.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_4.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_5.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_6.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro3_item_7.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_0.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_4.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_5.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_6.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro4_item_7.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_0.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_10.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_11.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_12.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_3.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_4.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_5.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_6.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_7.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_8.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro5_item_9.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro_item_manrun_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro_item_manrun_1.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/intro_item_manrun_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/intro_item_manrun_2.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/login_btn_browse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/login_btn_browse.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/login_btn_qq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/login_btn_qq.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/login_btn_weibo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/login_btn_weibo.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable-xhdpi/login_btn_weixin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Guolei1130/android-guidedemo/88ba59f161755a6ec75228cb4bd4f210d222e124/guidepagedemo/src/main/res/drawable-xhdpi/login_btn_weixin.png -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/drawable/man_run.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 8 | 11 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/layout/activity_gallery_image.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 13 | 14 | 18 | 19 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 66 | 67 | 71 | 72 | 76 | 77 | 84 | 85 | 86 | 90 | 91 | 98 | 99 | 105 | 106 | 107 | 111 | 112 | 119 | 120 | 128 | 129 | 137 | 138 | 139 | 143 | 144 | 151 | 152 | 159 | 160 | 161 | 165 | 166 | 173 | 174 | 180 | 181 | 182 | 183 | 184 | 189 | 190 | -------------------------------------------------------------------------------- /guidepagedemo/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 6 |