PhotoView的简单使用(在ViewPager里面的触摸处理)
来源:互联网 发布:豪迪软件 编辑:程序博客网 时间:2024/06/07 07:26
前言
当对图片进行缩放操作时,这个第三方的PhotoView非常的简单好用。
使用之前我们必须添加仓库管理和依赖
Add this in your root build.gradle file (not your module build.gradle file
maven { url "https://jitpack.io" }
然后, 添加到 module build.gradle里面(1.3.0 这是我知道的最新版本
官网居然这样:
dependencies {
)
compile 'com.github.chrisbanes:PhotoView:latest.release.here'
}
我也是醉了
compile 'com.github.chrisbanes:PhotoView:1.3.0'
GitHub的源码网址:
https://github.com/chrisbanes/PhotoView
简单的ImageView使用
对于只是在一个图片布局上面展示有两个都非常简单的方法。
方法一
布局
<ImageView android:id="@+id/iv_main_pic" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_centerVertical="true" />
代码
ImageView img=(ImageView)findViewById(R.id.iv_main_pic);PhotoViewAttacher attacher= new PhotoViewAttacher(img);
可见只要实例化PhotoViewAttacher 把img放入其中便可以
方法二
布局
<uk.co.senab.photoview.PhotoView android:id="@+id/imgs" android:layout_width="match_parent" android:layout_height="120dp" android:background="@mipmap/ic_launcher"/>
代码
PhotoView photoView= (PhotoView) findViewById(R.id.imgs); photoView.setImageResource(R.mipmap.ic_launcher);
这个更直接只要获取PhotoView的id并且设置布局图片便可以
在ViewPager中设置图片缩放
到这就会出现问题了因为由于viewpager的切换页面与photoview的放大缩小有时会有手势冲突.
当缩放到最小时会报出异常
所以我们要重写Viewpager通过里面 的onInterceptTouchEvent来解决该问题
@Override public boolean onInterceptTouchEvent(MotionEvent ev) { try { return super.onInterceptTouchEvent(ev); } catch (IllegalArgumentException e) { //这里就是我们想要处理的问题 e.printStackTrace(); Log.e("TAG", "onInterceptTouchEvent: " ); return false; } }
由于ViewPager被我们重写了所以此时布局里面得引用我们重写的布局
<test.bawei.com.tupianosuofang.PhotoViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent"> </test.bawei.com.tupianosuofang.PhotoViewPager>
test.bawei.com.tupianosuofang.PhotoViewPager是我的完整的包的名字。
引用时只需要写你自定义Viewpager的包名即可
到这里遇到问题基本就解决了
贴上完整的代码:
布局里
<test.bawei.com.tupianosuofang.PhotoViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent"></test.bawei.com.tupianosuofang.PhotoViewPager>
代码中
自定义的ViewPager
public class PhotoViewPager extends ViewPager { public PhotoViewPager(Context context) { super(context); } public PhotoViewPager(Context context, AttributeSet attrs) { super(context, attrs); }//重写该方法来解决冲突问题 test.bawei.com.tupianosuofang.PhotoViewPager(自定义布局的全名自己//类的名字) @Override public boolean onInterceptTouchEvent(MotionEvent ev) { try { return super.onInterceptTouchEvent(ev); } catch (IllegalArgumentException e) { //写自己要处理的error包括报错日志 e.printStackTrace(); Log.e("TAG", "onInterceptTouchEvent: " ); return false; } }}
主方法中
public class MainActivity extends AppCompatActivity { private List<View> list=new ArrayList<>(); private PhotoViewPager pager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);// PhotoView photoView= (PhotoView) findViewById(R.id.imgs);// photoView.setImageResource(R.mipmap.ic_launcher); pager = (PhotoViewPager) findViewById(R.id.viewpager); PhotoView p1 = new PhotoView(MainActivity.this); p1.setImageResource(R.drawable.b4); PhotoView p2= new PhotoView(MainActivity.this); p2.setImageResource(R.drawable.b4); PhotoView p3 = new PhotoView(MainActivity.this); p3.setImageResource(R.drawable.b4);// 放入集合中 list.add(p1); list.add(p2); list.add(p3); Myadapter myadapter = new Myadapter(); pager.setAdapter(myadapter); }class Myadapter extends PagerAdapter{ @Override public int getCount() { return list.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view==object; } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(list.get(position)); return list.get(position); } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(list.get(position)); } }}
其实对于ViewPager和RaidGroup等带有滑动的布局我们只需要重写该布局来解决冲突问题即可。
更多问题可参考:http://www.jianshu.com/p/2a54f3762bfb
效果如下:
- PhotoView的简单使用(在ViewPager里面的触摸处理)
- PhotoView结合ViewPager的简单使用
- Android viewpager+photoview的使用
- 简单的viewPager和PhotoView的实现
- viewpager与缩放效果的photoview的联合使用
- PhotoView的简单使用方法
- PhotoView的简单使用方法
- PhotoView的简单实现
- ViewPager(1):简单的使用ViewPager
- 开源库PhotoView的使用
- PhotoView的基本使用
- photoview的使用
- 使用PhotoView的问题解决
- PhotoView的基本使用
- PhotoView的使用
- PhotoView的使用
- PhotoView的使用
- PhotoView的使用
- jq each实例应用;
- 单片机中的几种通信方式
- 1031: [JSOI2007]字符加密Cipher
- 1483: [HNOI2009]梦幻布丁
- 关于导入项目找不到javax.annotation.Nullable的问题
- PhotoView的简单使用(在ViewPager里面的触摸处理)
- 1432: [ZJOI2009]Function
- HDU 4841:圆桌问题(vector应用)
- 把只包含因子2、3和5的数称作丑数(Ugly Number)。例如6、8都是丑数,但14不是,因为它包含因子7。 习惯上我们把1当做是第一个丑数。求按从小到大的顺序的第N个丑数。
- 1197: [HNOI2006]花仙子的魔法
- 1593: [Usaco2008 Feb]Hotel 旅馆
- 3319: 黑白树
- insert和 select 结合实现“插入某字段在数据库中的最大值+1”
- MySQL 排序