Android图片处理教程之全景查看效果实现

 更新时间:2018年06月11日 11:29:07   作者:CMusketeer  
这篇文章主要给大家介绍了关于Android图片处理教程之全景查看效果实现的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

在玩头条的时候,现在我们会发现有很多的全景图的广告这样快看起来非常的酷。今天就来说说这个小效果的实现

PS:Android对于图片处理这块资源还是挺多的,之前用OpenGL制作图片的全景效果,耗时耗力,而且只能点击进去后看到,但是效果是非常的号,今天所写的是编写好的一个图片控件,只要拿来用就可以了。效果不是那么好,处理的之后就是一张图片截取中间部分放大再显示在屏幕中间,通过摆动手机查看被遮挡部分

如图:一开始图片是这样的

上面就是效果图了

实现方法如下

1:添加依赖

//全景图片
 compile 'com.gjiazhe:PanoramaImageView:1.0'

2:使用控件

<com.gjiazhe.panoramaimageview.PanoramaImageView
  android:id="@+id/panorama_image_view"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:src="@drawable/timg"
  app:piv_enablePanoramaMode="true"
  app:piv_show_scrollbar="true"
  app:piv_invertScrollDirection="false" />

布局的根目录一定要加上

 xmlns:app=http://schemas.android.com/apk/res-auto

这里面有三个属性(其中三个)

一个是app:piv_enablePanoramaMode,使用全景效果模式,app:piv_show_scrollbar滚动条显示,app:piv_invertScrollDirection颠倒滚动方向,不同的值就会呈现不同的效果。

3:注册GyroscopeObserver

在使用PanoramaImageView的Activity或Fragment中,您应该在onResume()中注册GyroscopeObserver,并记得在onPause()中注销它。

public class MyActivity extends AppCompatActivity {
 
 private GyroscopeObserver gyroscopeObserver;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  // Initialize GyroscopeObserver.
  gyroscopeObserver = new GyroscopeObserver();
  // Set the maximum radian the device should rotate to show image's bounds.
  // It should be set between 0 and π/2.
  // The default value is π/9.
   gyroscopeObserver.setMaxRotateRadian(Math.PI/9);

  PanoramaImageView panoramaImageView = (PanoramaImageView) findViewById(R.id.panorama_image_view);
  // Set GyroscopeObserver for PanoramaImageView.
  panoramaImageView.setGyroscopeObserver(gyroscopeObserver);
 }

 @Override
 protected void onResume() {
  super.onResume();
  // Register GyroscopeObserver.
  gyroscopeObserver.register(this);
 }

 @Override
 protected void onPause() {
  super.onPause();
  // Unregister GyroscopeObserver.
  gyroscopeObserver.unregister();
 }
}

设置OnPanoramaScrollListener以观察滚动状态 如果要在图像滚动时获得回调,PanoramaImageView需要设置OnPanoramaScrollListener。

panoramaImageView.setOnPanoramaScrollListener(new PanoramaImageView.OnPanoramaScrollListener() {
 @Override
 public void onScrolled(PanoramaImageView view, float offsetProgress) {
  // Do something here.
  // The offsetProgress range from -1 to 1, indicating the image scrolls
  // from left(top) to right(bottom).
 }
});

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • 自定义View系列之kotlin绘制手势设置温度控件的方法

    自定义View系列之kotlin绘制手势设置温度控件的方法

    这篇文章主要给大家介绍了关于自定义View系列之kotlin绘制手势设置温度控件的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • Android实现房贷计算器功能

    Android实现房贷计算器功能

    这篇文章主要为大家详细介绍了Android实现房贷计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 下载、编译、运行android 7.1系统详解(ubuntu 16.0.4)

    下载、编译、运行android 7.1系统详解(ubuntu 16.0.4)

    Android 7的系统版本新增的很多的新功能,本篇文章主要介绍了基于ubuntu 16.0.4环境的下载、编译、运行android 7.1系统,有兴趣的可以了解一下。
    2017-01-01
  • Android android:exported = true 用法详解

    Android android:exported = true 用法详解

    在本篇文章里小编给大家整理了关于Android android:exported = true 用法,需要的朋友们参考下。
    2019-09-09
  • 解决android viewmodel 数据刷新异常的问题

    解决android viewmodel 数据刷新异常的问题

    这篇文章主要介绍了解决android viewmodel 数据刷新异常的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Android仿微信朋友圈点赞和评论功能

    Android仿微信朋友圈点赞和评论功能

    这篇文章主要为大家详细介绍了Android仿微信朋友圈点赞和评论功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android项目实现视频播放器

    Android项目实现视频播放器

    这篇文章主要为大家详细介绍了Android项目实现视频播放器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • MVVMLight项目之绑定在表单验证上的应用示例分析

    MVVMLight项目之绑定在表单验证上的应用示例分析

    这篇文章主要为大家介绍了MVVMLight项目中绑定在表单验证上的应用示例及源码分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步除夕快乐,新年快乐
    2022-01-01
  • Flutter仿网易实现广告卡片3D翻转效果

    Flutter仿网易实现广告卡片3D翻转效果

    在逛网易新闻时,发现列表中的广告在你滑动的时候会有一个3D旋转的交互引你的注意。本文将利用Flutter实现这一效果,感兴趣的可以了解一下
    2022-04-04
  • 替换so文件来动态替换Flutter代码实现详解

    替换so文件来动态替换Flutter代码实现详解

    这篇文章主要为大家介绍了替换so文件来动态替换Flutter代码实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01

最新评论