PhotoView点击放大图片效果

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

基本测试代码如下:

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网格图片控件
[url]https://github.com/A-W-C-J/GridImageView[/url]

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


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

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

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

支持或包含的功能:

打开和关闭 TransferImage 的过渡动画, 支持自定义
图片加载内置了一个使用 Glide 框架的图片加载器, 支持自定义
图片支持手势操作, 可缩放、双击、移动
图片加载时的进度条, 支持自定义
图片索引指示器, 支持自定义
[url]https://github.com/Hitomis/TransferImage[/url]
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在 PhotoView 中实现涂鸦功能,你可以按照以下步骤进行操作: 1. 添加 PhotoView 依赖: 在你的项目的 `build.gradle` 文件中添加 PhotoView 依赖项: ```groovy dependencies { implementation 'com.github.chrisbanes:PhotoView:2.3.0' } ``` 确保使用的是最新版本的 PhotoView。 2. 在布局文件中添加 PhotoView: 在你的布局文件中添加 PhotoView 控件,并设置好相关属性,例如图片资源、缩放类型等: ```xml <com.github.chrisbanes.photoview.PhotoView android:id="@+id/photo_view" android:layout_width="match_parent" android:layout_height="match_parent" app:srcCompat="@drawable/your_image" /> ``` 3. 添加涂鸦功能: 在代码中获取 PhotoView 对象,并设置触摸事件监听器,以实现涂鸦功能。你可以使用 Canvas 和 Paint 类来绘制路径。 ```java PhotoView photoView = findViewById(R.id.photo_view); photoView.setOnPhotoTapListener(new PhotoViewAttacher.OnPhotoTapListener() { @Override public void onPhotoTap(ImageView view, float x, float y) { // 获取触摸点坐标,并将其转换为图片上的坐标 Drawable drawable = photoView.getDrawable(); if (drawable != null) { int drawableWidth = drawable.getIntrinsicWidth(); int drawableHeight = drawable.getIntrinsicHeight(); int viewWidth = photoView.getWidth(); int viewHeight = photoView.getHeight(); float imageX = (x * drawableWidth) / viewWidth; float imageY = (y * drawableHeight) / viewHeight; // 在图片上绘制涂鸦 Bitmap bitmap = Bitmap.createBitmap(drawableWidth, drawableHeight, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); paint.setColor(Color.RED); paint.setStrokeWidth(5); canvas.drawPoint(imageX, imageY, paint); // 将修改后的图片显示在 PhotoViewphotoView.setImageBitmap(bitmap); } } }); ``` 在以上代码中,通过监听 `onPhotoTap` 方法获取触摸点的坐标,并将其转换为图片上的坐标。然后,使用 Canvas 和 Paint 绘制涂鸦,最后将修改后的图片显示在 PhotoView 上。 你可以根据需要修改涂鸦的样式、颜色和大小。 希望这些信息对你有所帮助!如果你有任何其他问题,请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值