项目实战:引导动画-千变万化的ViewPager(文末小彩蛋)

原创 2016年08月31日 16:40:26

开发随笔,小结项目开发中的得与失,在项目中做了基于ViewPager十分酷炫的引导动画,在这里和大家分享一下:  

先在布局文件中写好ViewPager控件:

    <android.support.v4.view.ViewPager
        android:id="@+id/image_vp_guide"
        android:layout_height="match_parent"
        android:layout_width="match_parent">
    </android.support.v4.view.ViewPager>
做好初始化工作:

    private ViewPager image_vp_guide;
    private int mImgIds[] = new int[]{R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4};
    private List<ImageView> mImages = new ArrayList<ImageView>();
    private static final String TAG = "GuideActivity";
```
    image_vp_guide = (ViewPager) findViewById(R.id.image_vp_guide);
接下来添加动画效果:

    image_vp_guide.setPageTransformer(true,new DepthPageTransformer());


package utils;

import android.support.v4.view.ViewPager;
import android.view.View;

/**
 * Created by 权兴权意 on 2016/8/31.
 */
public class DepthPageTransformer implements ViewPager.PageTransformer {
    private static final float MIN_SCALE = 0.75f;

    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();

        if (position < -1) { // [-Infinity,-1)
            // This page is way off-screen to the left.
            view.setAlpha(0);

        } else if (position <= 0) { // [-1,0]
            // Use the default slide transition when moving to the left page
            view.setAlpha(1);
            view.setTranslationX(0);
            view.setScaleX(1);
            view.setScaleY(1);

        } else if (position <= 1) { // (0,1]
            // Fade the page out.
            view.setAlpha(1 - position);

            // Counteract the default slide transition
            view.setTranslationX(pageWidth * -position);

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = MIN_SCALE
                    + (1 - MIN_SCALE) * (1 - Math.abs(position));
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

        } else { // (1,+Infinity]
            // This page is way off-screen to the right.
            view.setAlpha(0);
        }
    }
}
设置适配器,重写相关方法,搞定啦:
        image_vp_guide.setAdapter(new PagerAdapter() {
            @Override
            public int getCount() {
                return mImgIds.length;
            }

            @Override
            public boolean isViewFromObject(View view, Object object) {
                return view == object;
            }

            @Override
            public Object instantiateItem(ViewGroup container, final int position) {
                ImageView imageView = new ImageView(GuideActivity.this);
                imageView.setImageResource(mImgIds[position]);
                imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);//保证图片不变形
                imageView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        //Toast.makeText(GuideActivity.this,position,Toast.LENGTH_SHORT).show();
                        Log.d(TAG, "instantiateItem: " + position);
                        if (position == mImgIds.length-1){
                            Intent i = new Intent();
                            i.setClass(GuideActivity.this, MainActivity.class);
                            startActivity(i);
                        }
                    }
                });

                container.addView(imageView);
                mImages.add(imageView);

                return imageView;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                container.removeView(mImages.get(position));
            }
        });



可供参考:

自定义的viewpager的指示器

https://github.com/CTAS00/ViewPagerIndicator

ViewPager的滑动效果-Transformer

https://github.com/syusuke/ViewPagerAnim


Android 实现个性的ViewPager切换动画 实战PageTransformer(兼容Android3.0以下)

http://blog.csdn.net/lmj623565791/article/details/40411921/

巧用ViewPager 打造不一样的广告轮播切换效果

http://blog.csdn.net/lmj623565791/article/details/51339751

史上最简的ViewPagerIndicate,高仿网易新闻客户端效果

http://blog.csdn.net/u013519989/article/details/52315672



文末小彩蛋:

ctrl+shift+t:打开类


Activity去除标题栏和状态栏

在代码里设置:

//去除title   
requestWindowFeature(Window.FEATURE_NO_TITLE);   
//去掉Activity上面的状态栏
getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN , WindowManager.LayoutParams. FLAG_FULLSCREEN);  

在配置文件里设置:

隐藏标题栏需要使用预定义样式:android:theme=”@android:style/Theme.NoTitleBar”.
隐藏状态栏:android:theme=”@android:style/Theme.NoTitleBar.Fullscreen”.

在这里我还想说明一下,用前者在我们应用运行后,会看到短暂的状态栏,然后才全屏,而第二种方法是不会有这种情况的,所以我建议大家使用后者!


Android Studio如何删除module

选中你要移除的module,F12进入配置页,然后按红色的‘-’按钮,这个时候仅仅是把module从module列表中。

执行完这步操作后,这个时候你会发现app那个图标上的小手机不变了,delete就OK啦,

注意:这边delete按钮一定要慎重,删了就删了,硬盘上也同样被删了。



项目实战:借鉴Android API源码(Splitter-split和TextView-setText),不惧NullPointerException(文末彩蛋)

NullPointerException空指针异常可以说是我们开发中最常遇到的Bug,因此我们处处判空,胆战心惊。 处处判空确实可以解决空指针异常的Crash。 但处处判空未免过于草木皆兵,而且写出来...

Android中的状态保存-SharedPreferences和Bundle(文末小彩蛋)

SharedPreferences 是使用键值对的方式来存储数据的。也就是说当保存一条数据的时候,需要给这条数据提供一个对应的键,这样在读取数据的时候就可以通过这个键把相应的值取出来。而且Shared...

项目实战-ViewPager

ViewPager 使用Field修改ViewPager的Scroller 使用Volley加载网络图片并实现3级缓存

项目实战①—高仿知乎日报(1)逼真的开场动画

在联网工具类中,有人说,Xutils 比volly牛逼,又有人说其实volly性能很差,不过我这一篇文章用的就是volly,我感觉不到差距在哪,反而觉得用起来很爽。其实我自己用的就是Xutils不过后...

千变万化的ViewPager切换动画(1)--仅支持3.0以上版本的官方方法

(1)创建一个项目Viewpager_anim 添加图片资源guide_image1.png、guide_image2.png、guide_image3.png 编写activity_main.x...

千变万化的ViewPager切换动画(二、自定义切换动画)

现在,来尝试自定义一个简单的切换动画。不过,该从何处下手呢?当然是依葫芦画咯~上一片博客不是有提到谷歌官方提供的DepthPageTransformer和ZoomOutPageTransformer类...

项目实战No5 动画效果 占位文字

一 发布功能 功能有动画效果,动态最好用代码实现 标语代码实现 建数组,填充按钮内容 创建/添加按钮 // 屏幕尺寸 #define XMGScreenH [UIScreen mainScreen]...
  • ab20514
  • ab20514
  • 2015年09月09日 22:56
  • 344

项目实战:浅谈属性动画(1)-探索新玩法

属性动画是Google在3.0之后才提出的新动画框架,相比传统动画Animation只是系统不断调用onDraw方法重绘界面以实现动画效果。属性动画顾名思义是调用get、set方法真实改变属性。 传...

android 学习笔记15-项目实战 切换显示动画 底部线条移动

1、设置选项卡文字的颜色 2、点击选项卡实现界面切换 3、计算选项卡底部的线条宽度 4、实现选项卡底部线条的移动...

项目实战:微交互之转场动画(anim、style、theme)

一般情况,APP中页面转场是整体统一的,但有时为了表达页面之间的从属、并列等关系,我们可能会采用不同的转场动画。 比如,我们专车页面之间的转场采用如下规则,以便更好的表达页面之间的关系,给用户更好的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:项目实战:引导动画-千变万化的ViewPager(文末小彩蛋)
举报原因:
原因补充:

(最多只允许输入30个字)