溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android如何實(shí)現(xiàn)大圖滾動(dòng)顯示效果

發(fā)布時(shí)間:2021-04-16 13:49:13 來(lái)源:億速云 閱讀:266 作者:小新 欄目:移動(dòng)開(kāi)發(fā)

小編給大家分享一下Android如何實(shí)現(xiàn)大圖滾動(dòng)顯示效果,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

問(wèn)題:

       我有一張比較大的圖片,比如長(zhǎng)寬都是屏幕的兩倍大小,我想實(shí)現(xiàn)的功能是首先將圖片居中顯示,由于圖片太大顯然只能顯示一部分,然后可以通過(guò)拖動(dòng),實(shí)現(xiàn)圖片的平滑滾動(dòng)(既看不出來(lái)滾動(dòng)刷新痕跡)。

       就像google地圖一樣,如果用mapView這個(gè)控件,那么可以在屏幕上拖動(dòng)整個(gè)地圖,但是由于地圖信息量太大,如果一次拖動(dòng)過(guò)快,那么屏幕會(huì)暫時(shí)顯示出一些刷新痕跡(灰白的格子)。

       想使用mapView來(lái)加載已有圖片,但是沒(méi)有成功,后來(lái)也使用了Srollview控件,和最常用的imageView,還是沒(méi)有成功。 

解決:

       經(jīng)過(guò)大量查資料,使用imageView配合onTouch事件,可以解決。

關(guān)鍵代碼:

布局文件中imageView控件如下

<ImageView 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:id="@+id/img" 
  android:scaleType="center" 
  android:background="#fff" 
  android:src="@drawable/picName" 
/>

Activity文件中主要代碼如下

@Override 
public void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
 
  setContentView(R.layout.xml_name_layout); 
 
  final ImageView switcherView = (ImageView) this.findViewById(R.id.img); 
 
  switcherView.setOnTouchListener(new View.OnTouchListener() { 
 
    public boolean onTouch(View arg0, MotionEvent event) { 
 
      float curX, curY; 
 
      switch (event.getAction()) { 
 
        case MotionEvent.ACTION_DOWN: 
          mx = event.getX(); 
          my = event.getY(); 
          break; 
        case MotionEvent.ACTION_MOVE: 
          curX = event.getX(); 
          curY = event.getY(); 
          switcherView.scrollBy((int) (mx - curX), (int) (my - curY)); 
          mx = curX; 
          my = curY; 
          break; 
        case MotionEvent.ACTION_UP: 
          curX = event.getX(); 
          curY = event.getY(); 
          switcherView.scrollBy((int) (mx - curX), (int) (my - curY)); 
          break; 
      } 
 
      return true; 
    } 
  }); 
 
}

原圖

Android如何實(shí)現(xiàn)大圖滾動(dòng)顯示效果

模擬器里效果

Android如何實(shí)現(xiàn)大圖滾動(dòng)顯示效果

Android如何實(shí)現(xiàn)大圖滾動(dòng)顯示效果

以上是“Android如何實(shí)現(xiàn)大圖滾動(dòng)顯示效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI