PhotoView图片的缩放与滑动

1、使用到的依赖是:
compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.squareup.picasso:picasso:2.5.1'
两者皆可,都是图片的加载框架。
2.这是photoView的jar,可以自行下载一下。
3.代码:
//这是传递的集合,点击进行跳转,将图片的集合传过去。
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Intent in=new Intent(MainActivity.this,NextActivity.class);
in.putStringArrayListExtra("list",list);
startActivity(in);
}
});
4:接收到了传过来的值,并设置给fragment的参数,viewPager适配时采用FragmentPagerAdapter的适配器。
public class NextActivity extends AppCompatActivity {

private ArrayList<String> list;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout. next_layout );
Intent intent = getIntent();
list = intent.getStringArrayListExtra("list");
ViewPager viewPager= (ViewPager) findViewById(R.id. viewPager_next );
// 设置适配器
viewPager.setAdapter(new FragAdapter(getSupportFragmentManager()));
}
private class FragAdapter extends FragmentPagerAdapter{

public FragAdapter(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int position) {
FragmentNext f1=new FragmentNext();
Bundle bundle = new Bundle();//通过bundle传值的方式
bundle.putString("imageUrl",list.get(position));
f1.setArguments(bundle);
return f1;
}

@Override
public int getCount() {
return list.size();
}
}
}
5:在fragment中的设置图片的缩放
public class FragmentNext extends Fragment {

private View view;


@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
view = inflater.inflate(R.layout. frag_layout ,null);

return view;
}

@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
PhotoView photo= (PhotoView) view.findViewById(R.id. pv );
//拿到参数
Bundle bundle = getArguments();
String image = bundle.getString("imageUrl");
//设置图片
Glide. with (this).load(image).into(photo);
// 设置监听
photo.setOnPhotoTapListener(new PhotoViewAttacher.OnPhotoTapListener() {
@Override
public void onPhotoTap(View view, float v, float v1) {
getActivity().finish();
}
});
}
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现这个功能,你可以使用以下步骤: 1. 在你的项目中添加PhotoView库,可以使用以下Gradle依赖: ```gradle implementation 'com.github.chrisbanes:PhotoView:2.3.0' ``` 2. 创建一个自定义的PhotoView类,并继承自PhotoView类,并实现视频播放的功能。你可以使用Android系统自带的VideoView或者其他第三方库来实现视频播放。 ```java public class CustomPhotoView extends PhotoView { private VideoView mVideoView; public CustomPhotoView(Context context) { super(context); init(); } public CustomPhotoView(Context context, AttributeSet attr) { super(context, attr); init(); } public CustomPhotoView(Context context, AttributeSet attr, int defStyle) { super(context, attr, defStyle); init(); } private void init() { mVideoView = new VideoView(getContext()); mVideoView.setMediaController(new MediaController(getContext())); mVideoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() { @Override public void onPrepared(MediaPlayer mediaPlayer) { mediaPlayer.setLooping(true); } }); } public void setVideoURI(Uri uri) { mVideoView.setVideoURI(uri); } public void startVideo() { mVideoView.start(); } public void stopVideo() { mVideoView.stopPlayback(); } @Override protected void onDetachedFromWindow() { super.onDetachedFromWindow(); stopVideo(); } } ``` 3. 在布局文件中使用自定义的PhotoView,并设置相应的属性和视频URI。 ```xml <com.example.CustomPhotoView android:id="@+id/photo_view" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="fitCenter" app:src="@drawable/photo" app:video_uri="@raw/video" /> ``` 4. 在自定义的PhotoView类中处理触摸事件,实现上下滑动的效果。 ```java public class CustomPhotoView extends PhotoView { private static final int INVALID_POINTER_ID = -1; private float mLastTouchX; private float mLastTouchY; private int mActivePointerId = INVALID_POINTER_ID; public CustomPhotoView(Context context) { super(context); init(); } public CustomPhotoView(Context context, AttributeSet attr) { super(context, attr); init(); } public CustomPhotoView(Context context, AttributeSet attr, int defStyle) { super(context, attr, defStyle); init(); } private void init() { setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent event) { final int action = event.getAction(); switch (action & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: { final float x = event.getX(); final float y = event.getY(); mLastTouchX = x; mLastTouchY = y; mActivePointerId = event.getPointerId(0); break; } case MotionEvent.ACTION_MOVE: { final int pointerIndex = event.findPointerIndex(mActivePointerId); final float x = event.getX(pointerIndex); final float y = event.getY(pointerIndex); final float dx = x - mLastTouchX; final float dy = y - mLastTouchY; mLastTouchX = x; mLastTouchY = y; // 上下滑动的阈值 final int SCROLL_THRESHOLD = 10; if (Math.abs(dy) > SCROLL_THRESHOLD) { getParent().requestDisallowInterceptTouchEvent(true); } break; } case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: { mActivePointerId = INVALID_POINTER_ID; break; } case MotionEvent.ACTION_POINTER_UP: { final int pointerIndex = (action & MotionEvent.ACTION_POINTER_INDEX_MASK) >> MotionEvent.ACTION_POINTER_INDEX_SHIFT; final int pointerId = event.getPointerId(pointerIndex); if (pointerId == mActivePointerId) { final int newPointerIndex = pointerIndex == 0 ? 1 : 0; mLastTouchX = event.getX(newPointerIndex); mLastTouchY = event.getY(newPointerIndex); mActivePointerId = event.getPointerId(newPointerIndex); } break; } } return false; } }); } } ``` 这样,你就可以使用自定义的PhotoView来支持上下滑动和视频播放了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值