PhotoView点击放大图片效果

使用的PhotoView是这个版本的，比较小巧，很好用，比github上另一个版本的瘦身很多：
https://github.com/bm-x/PhotoView

基本测试代码如下：

import java.util.ArrayList;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

import com.widget.common.recycler.BaseRecyclerAdapter;
import com.widget.common.recycler.SpacesItemDecoration;
import com.widget.common.recycler.ViewHolder;
import com.widget.photoView.Info;
import com.widget.photoView.PhotoView;

/**
 * 测试PhotoView代码
 * @author pythoner
 * 
 */
public class GridImageActivity extends BaseActivity {

	private Context context;
	private RecyclerView recyclerView;
	private BaseRecyclerAdapter<Integer> adapter;
	private PhotoView photoView;//变换后的图片
	private PhotoView curPhotoView;//源图片
	private Info mRectF;//源图片位置信息
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_grid_image);
		context = this;
		initActionBar("图片列表", null, null);
		initViews();
	}

	@Override
	public void initViews() {
		// TODO Auto-generated method stub
		initRecyclerView();
		photoView=(PhotoView)findViewById(R.id.photoView);
		photoView.enable();// 需要启动缩放需要手动开启
		photoView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 从自身位置变换到源图片的位置
            	photoView.animaTo(mRectF, new Runnable() {
                    @Override
                    public void run() {
                    	photoView.setVisibility(View.GONE);
                    	curPhotoView.setVisibility(View.VISIBLE);
                    }
                });
            }
        });
	}

	private void initRecyclerView() {
		recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
		// recyclerView.addItemDecoration(new DividerGridItemDecoration(this));
		recyclerView.addItemDecoration(new SpacesItemDecoration(16));
		recyclerView.setItemAnimator(new DefaultItemAnimator());
		GridLayoutManager manager = new GridLayoutManager(this, 3);
		recyclerView.setLayoutManager(manager);

		final ArrayList<Integer> list = new ArrayList<Integer>();
		list.add(R.drawable.bg_login);
		list.add(R.drawable.chat_bg_default);
		list.add(R.drawable.bg_diagonal);
		list.add(R.drawable.bg_diagonal);
		list.add(R.drawable.chat_bg_default);
		list.add(R.drawable.bg_login);
		list.add(R.drawable.bg_login);
		list.add(R.drawable.chat_bg_default);
		list.add(R.drawable.bg_diagonal);
		list.add(R.drawable.bg_diagonal);
		list.add(R.drawable.chat_bg_default);
		list.add(R.drawable.bg_login);

		recyclerView.setAdapter(adapter = new BaseRecyclerAdapter<Integer>(
				context, list) {

			@Override
			public int onCreateViewLayoutID(int viewType) {
				// TODO Auto-generated method stub
				return R.layout.item_grid_image;
			}

			@Override
			public void onBindViewHolder(ViewHolder holder, final Integer item,
					final int position) {
				// TODO Auto-generated method stub
				final PhotoView item_0=holder.getView(R.id.item_0);
				item_0.disenable();
				item_0.setImageResource(item);
				
				item_0.setOnClickListener(new View.OnClickListener() {
		            @Override
		            public void onClick(View v) {
		            	curPhotoView=item_0;
		            	item_0.setVisibility(View.GONE);
		            	photoView.setVisibility(View.VISIBLE);
		            	photoView.setImageResource(item);
		                //获取源位置信息
		                mRectF = item_0.getInfo();
		                //从源位置变换到他本身的位置
		                photoView.animaFrom(mRectF);
		            }
		        });
				
			}
		});

	}

	@Override
    public void onBackPressed() {
        if (photoView.getVisibility() == View.VISIBLE) {
        	photoView.animaTo(mRectF, new Runnable() {
                @Override
                public void run() {
                	photoView.setVisibility(View.GONE);
                	curPhotoView.setVisibility(View.VISIBLE);
                }
            });
        } else {
            super.onBackPressed();
        }
    }
	
	@Override
	public void updateViews(Object obj) {
		// TODO Auto-generated method stub
	}

}

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <include layout="@layout/actionbar_comm" />

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="vertical" />
    </LinearLayout>

    <com.widget.photoView.PhotoView
        android:id="@+id/photoView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"
        android:scaleType="fitCenter"
        android:src="@drawable/bg_login"
        android:visibility="gone" />

</FrameLayout>

GridImageView网格图片控件
https://github.com/A-W-C-J/GridImageView

ImageWatcher
图片查看器，为各位追求用户体验的daLao提供更优质的服务它能够
1、点击图片时以一种无缝顺畅的动画切换到图片查看的界面，同样以一种无缝顺畅的动画退出图片查看界面
2、支持多图查看，快速翻页，双击放大，单击退出，双手缩放旋转图片
3、下拽退出查看图片的操作，以及效果是本View的最大卖点(仿微信)
https://github.com/iielse/DemoProjects/tree/master/P02_ImageWatcher

仿微博、微信、qq 点击缩略图后预览高清图的组件

TransferImage 是一款模仿微博、微信、qq的高清图查看控件, 实现了在列表控件(ListView, RecycleView, GridView 等...)中点击缩略图后播放过渡动画, 加载高清图, 加载高清图时同时显示加载进度条, 加载完成后显示高清图的一个组件。同时关闭 TransferImage 也会有对应的过渡动画.

此库若有不完善的地方, 请提 Issues, 我会尽快修复改善

支持或包含的功能：

打开和关闭 TransferImage 的过渡动画, 支持自定义
图片加载内置了一个使用 Glide 框架的图片加载器, 支持自定义
图片支持手势操作, 可缩放、双击、移动
图片加载时的进度条, 支持自定义
图片索引指示器, 支持自定义
https://github.com/Hitomis/TransferImage

PhotoView点击放大图片效果

猜你喜欢