扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
前言
兴国网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站设计等网站项目制作，到程序开发，运营维护。成都创新互联公司2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
在玩头条的时候，现在我们会发现有很多的全景图的广告这样快看起来非常的酷。今天就来说说这个小效果的实现
PS：Android对于图片处理这块资源还是挺多的，之前用OpenGL制作图片的全景效果，耗时耗力，而且只能点击进去后看到，但是效果是非常的号，今天所写的是编写好的一个图片控件，只要拿来用就可以了。效果不是那么好，处理的之后就是一张图片截取中间部分放大再显示在屏幕中间，通过摆动手机查看被遮挡部分
如图：一开始图片是这样的
上面就是效果图了
实现方法如下
1：添加依赖
//全景图片 compile 'com.gjiazhe:PanoramaImageView:1.0'
2：使用控件
布局的根目录一定要加上
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).
}
});总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对创新互联的支持。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网