ViewPage滑动加载大图和点击关注效果《IT蓝豹》

发布时间：2020-06-04 03:47:52 作者：杨光成
来源：网络阅读：212

ViewPage滑动加载大图和点击关注效果

ViewPage滑动加载大图和点击关注效果，viewpager滑动页面加载多张图片效果，
和点击关注按钮时候的状态变化效果。
本项目来源：https://github.com/SerhatSurguvec/Double-Tap-To-Like
大体实现代码：ViewPagerAdapter里面主要实现。

//ViewPager
public class ViewPagerAdapter extends PagerAdapter {
    // Declare Variables
    Context context;
    LayoutInflater inflater;
    int[] p_w_picpaths;

    public ViewPagerAdapter(Context context, int[] p_w_picpaths) {
        this.context = context;
        this.p_w_picpaths = p_w_picpaths;
    }

    @Override
    public int getCount() {
        return 5;
    }

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

@Override
public Object instantiateItem(ViewGroup container, int position) {

        ImageView p_w_picpathview;
        final ImageView heartAnim;
        final ImageView likeImg;
        final TextView likeCount;
        TextView whichOfThem;

        inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View itemView = inflater.inflate(R.layout.viewpager_item, container,
                false);

        // Locate the ImageView in viewpager_item.xml
        p_w_picpathview = (ImageView) itemView.findViewById(R.id.p_w_picpath);
        heartAnim = (ImageView) itemView.findViewById(R.id.heart_anim);
        likeImg = (ImageView) itemView.findViewById(R.id.item_comment_like_img);
        likeCount = (TextView) itemView.findViewById(R.id.item_comment_like_count);
        whichOfThem = (TextView) itemView.findViewById(R.id.which);

whichOfThem.setText((position + 1) + "/" + 5);
p_w_picpathview.setImageResource(p_w_picpaths[position]);

        final GestureDetector gd = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
            @Override
            public boolean onDown(MotionEvent e) {
                return true;
            }

@Override
public boolean onDoubleTap(MotionEvent e) {

                Animation pulse_fade = AnimationUtils.loadAnimation(context, R.anim.pulse_fade_in);
                pulse_fade.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {
                        heartAnim.setVisibility(View.VISIBLE);
                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        heartAnim.setVisibility(View.GONE);
                    }

@Override
public void onAnimationRepeat(Animation animation) {

                    }
                });
                heartAnim.startAnimation(pulse_fade);
                likeImg.setImageDrawable(context.getResources().getDrawable(R.drawable.like_active));
                likeCount.setText("3 Likes");
                return true;
            }

            @Override
            public void onLongPress(MotionEvent e) {
                super.onLongPress(e);

}

            @Override
            public boolean onDoubleTapEvent(MotionEvent e) {
                return true;
            }
        });

        p_w_picpathview.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {

                return gd.onTouchEvent(event);
            }
        });

// Add viewpager_item.xml to ViewPager
(container).addView(itemView);

return itemView;
}

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // Remove viewpager_item.xml from ViewPager
        ((ViewPager) container).removeView((RelativeLayout) object);

}
}

ViewPage滑动加载大图和点击关注效果《IT蓝豹》

ViewPage滑动加载大图和点击关注效果

运行效果：

相关代码

相关阅读