PhotoView点击放大图片效果
来源:互联网 发布:union软件安卓 编辑:程序博客网 时间:2024/04/26 08:43
使用的PhotoView是这个版本的,比较小巧,很好用,比github上另一个版本的瘦身很多:
https://github.com/bm-x/PhotoView
基本测试代码如下:
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
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;//源图片位置信息@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_grid_image);context = this;initActionBar("图片列表", null, null);initViews();}@Overridepublic void initViews() {// TODO Auto-generated method stubinitRecyclerView();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) {@Overridepublic int onCreateViewLayoutID(int viewType) {// TODO Auto-generated method stubreturn R.layout.item_grid_image;}@Overridepublic void onBindViewHolder(ViewHolder holder, final Integer item,final int position) {// TODO Auto-generated method stubfinal 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(); } }@Overridepublic 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
0 0
- PhotoView点击放大图片效果
- 图片点击放大效果
- iOS 点击图片放大效果
- iOS 点击图片放大效果
- jq 点击图片放大效果
- 实现点击图片图片放大效果
- 实现点击图片图片放大效果(续)
- PhotoView双击放大缩小图片
- photoview-----图片放大与缩小
- PhotoView图片放大缩小使用方法
- 简述如何嵌套使用Viewpager,点击图片放大查看图片,并且使用PhotoView进行图片处理
- 类微信朋友圈图片放大效果,点击图片放大动画
- 模仿网易新闻图片点击放大效果
- 模仿Lofter QQ 点击图片放大效果
- iOS点击图片全屏放大效果
- android 仿微信点击图片放大效果实现
- jquery点击单张图片放大效果
- jquery 点击图片放大效果 基于thinkphp
- android5.0使用Notification报RemoteServiceException的解决办法
- java-基本数据类型 循环
- 可设置圆角背景边框的按钮, 通过调节色彩明度自动计算按下(pressed)状态颜色
- 左中右结构的行布局
- which命令
- PhotoView点击放大图片效果
- MVC、MVP、MVVM的区别
- 让任意view具有滑动效果的SlideUp
- windows虚拟域名设置
- 封装几个操作数据库的方法SqlHelper
- 一个比较强大的提供各种形状的ImageView
- 再谈缓存穿透、缓存并发、热点缓存之最佳招式
- 仿淘宝京东拖拽商品详情页上下滚动黏滞效果
- oracle使用substr instr实现类似于java substring的功能