前言
在玩頭條的時候，現在我們會發現有很多的全景圖的廣告這樣快看起來非常的酷。今天就來說說這個小效果的實現
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). }});總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。
新聞熱點
疑難解答
