如何在Android應用中使用ScrollView實現(xiàn)懸浮效果

如何在Android應用中使用ScrollView實現(xiàn)懸浮效果？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

邵武網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

新建一個Android項目，

<&#63;xml version="1.0" encoding="UTF-8"&#63;> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:orientation="horizontal" 
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" > 
 
 <ImageView 
  android:id="@+id/buy_layout" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content" 
  android:background="@drawable/buy" /> 
 
</LinearLayout>

立即搶購的布局實現(xiàn)了，接下來實現(xiàn)主界面的布局，上面是導航欄布局，為了方便還是直接從美團截取的圖片，然后下面的ViewPager布局，立即搶購布局，其他布局 放在ScrollView里面，界面還是很簡單的

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:orientation="vertical" > 
 
  <ImageView 
  android:id="@+id/imageView1" 
  android:scaleType="centerCrop" 
  android:layout_width="match_parent" 
  android:layout_height="45dip" 
  android:src="@drawable/navigation_bar" /> 
   
 
 <com.example.meituandemo.MyScrollView 
  android:id="@+id/scrollView" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" > 
 
  <LinearLayout 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content" 
   android:orientation="vertical" > 
 
   <ImageView 
    android:id="@+id/iamge" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/pic" 
    android:scaleType="centerCrop" /> 
 
   <include 
    android:id="@+id/buy" 
    layout="@layout/buy_layout" /> 
 
   <ImageView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/one" 
    android:scaleType="centerCrop" /> 
 
   <ImageView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/one" 
    android:scaleType="centerCrop" /> 
 
   <ImageView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/one" 
    android:scaleType="centerCrop" /> 
  </LinearLayout> 
 </com.example.meituandemo.MyScrollView> 
 
</LinearLayout>

你會發(fā)現(xiàn)上面的主界面布局中并不是ScrollView,而是自定義的一個MyScrollView,接下來就看看MyScrollView類中的代碼

package com.example.meituandemo; 
 
import android.content.Context; 
import android.os.Handler; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.widget.ScrollView; 
/** 
 * 博客地址:http://blog.csdn.net/xiaanming 
 * 
 * @author xiaanming 
 * 
 */ 
public class MyScrollView extends ScrollView { 
 private OnScrollListener onScrollListener; 
 /** 
  * 主要是用在用戶手指離開MyScrollView，MyScrollView還在繼續(xù)滑動，我們用來保存Y的距離，然后做比較 
  */ 
 private int lastScrollY; 
  
 public MyScrollView(Context context) { 
  this(context, null); 
 } 
  
 public MyScrollView(Context context, AttributeSet attrs) { 
  this(context, attrs, 0); 
 } 
 
 public MyScrollView(Context context, AttributeSet attrs, int defStyle) { 
  super(context, attrs, defStyle); 
 } 
  
 /** 
  * 設(shè)置滾動接口 
  * @param onScrollListener 
  */ 
 public void setOnScrollListener(OnScrollListener onScrollListener) { 
  this.onScrollListener = onScrollListener; 
 } 
 
 
 /** 
  * 用于用戶手指離開MyScrollView的時候獲取MyScrollView滾動的Y距離，然后回調(diào)給onScroll方法中 
  */ 
 private Handler handler = new Handler() { 
 
  public void handleMessage(android.os.Message msg) { 
   int scrollY = MyScrollView.this.getScrollY(); 
    
   //此時的距離和記錄下的距離不相等，在隔5毫秒給handler發(fā)送消息 
   if(lastScrollY != scrollY){ 
    lastScrollY = scrollY; 
    handler.sendMessageDelayed(handler.obtainMessage(), 5); 
   } 
   if(onScrollListener != null){ 
    onScrollListener.onScroll(scrollY); 
   } 
    
  }; 
 
 }; 
 
 /** 
  * 重寫onTouchEvent， 當用戶的手在MyScrollView上面的時候， 
  * 直接將MyScrollView滑動的Y方向距離回調(diào)給onScroll方法中，當用戶抬起手的時候， 
  * MyScrollView可能還在滑動，所以當用戶抬起手我們隔5毫秒給handler發(fā)送消息，在handler處理 
  * MyScrollView滑動的距離 
  */ 
 @Override 
 public boolean onTouchEvent(MotionEvent ev) { 
  if(onScrollListener != null){ 
   onScrollListener.onScroll(lastScrollY = this.getScrollY()); 
  } 
  switch(ev.getAction()){ 
  case MotionEvent.ACTION_UP: 
    handler.sendMessageDelayed(handler.obtainMessage(), 5); 
   break; 
  } 
  return super.onTouchEvent(ev); 
 } 
 
 
 /** 
  * 
  * 滾動的回調(diào)接口 
  * 
  * @author xiaanming 
  * 
  */ 
 public interface OnScrollListener{ 
  /** 
   * 回調(diào)方法， 返回MyScrollView滑動的Y方向距離 
   * @param scrollY 
   *    、 
   */ 
  public void onScroll(int scrollY); 
 } 
  
  
 
}

一看代碼你也許明白了，就是對ScrollView的滾動Y值進行監(jiān)聽，我們知道ScrollView并沒有實現(xiàn)滾動監(jiān)聽，所以我們必須自行實現(xiàn)對ScrollView的監(jiān)聽，我們很自然的想到在onTouchEvent()方法中實現(xiàn)對滾動Y軸進行監(jiān)聽，可是你會發(fā)現(xiàn)，我們在滑動ScrollView的時候，當我們手指離開ScrollView。它可能還會繼續(xù)滑動一段距離，所以我們選擇在用戶手指離開的時候每隔5毫秒來判斷ScrollView是否停止滑動，并將ScrollView的滾動Y值回調(diào)給OnScrollListener接口的onScroll(int scrollY)方法中，我們只需要對ScrollView調(diào)用我們只需要對ScrollView調(diào)用setOnScrollListener方法就能監(jiān)聽到滾動的Y值。
實現(xiàn)了對ScrollView滾動的Y值進行監(jiān)聽，接下來就簡單了，我們只需要顯示立即搶購懸浮框和移除懸浮框了，接下來看看主界面Activity的代碼編寫

package com.example.meituandemo; 
 
import android.app.Activity; 
import android.content.Context; 
import android.graphics.PixelFormat; 
import android.os.Bundle; 
import android.view.Gravity; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.WindowManager; 
import android.view.WindowManager.LayoutParams; 
import android.widget.LinearLayout; 
import com.example.meituandemo.MyScrollView.OnScrollListener; 
/** 
 * 博客地址:http://blog.csdn.net/xiaanming 
 * 
 * @author xiaanming 
 * 
 */ 
public class MainActivity extends Activity implements OnScrollListener{ 
 private MyScrollView myScrollView; 
 private LinearLayout mBuyLayout; 
 private WindowManager mWindowManager; 
 /** 
  * 手機屏幕寬度 
  */ 
 private int screenWidth; 
 /** 
  * 懸浮框View 
  */ 
 private static View suspendView; 
 /** 
  * 懸浮框的參數(shù) 
  */ 
 private static WindowManager.LayoutParams suspendLayoutParams; 
 /** 
  * 購買布局的高度 
  */ 
 private int buyLayoutHeight; 
 /** 
  * myScrollView與其父類布局的頂部距離 
  */ 
 private int myScrollViewTop; 
 
 /** 
  * 購買布局與其父類布局的頂部距離 
  */ 
 private int buyLayoutTop; 
  
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
   
  myScrollView = (MyScrollView) findViewById(R.id.scrollView); 
  mBuyLayout = (LinearLayout) findViewById(R.id.buy); 
   
  myScrollView.setOnScrollListener(this); 
  mWindowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE); 
  screenWidth = mWindowManager.getDefaultDisplay().getWidth(); 
 } 
 
 /** 
  * 窗口有焦點的時候，即所有的布局繪制完畢的時候，我們來獲取購買布局的高度和myScrollView距離父類布局的頂部位置 
  */ 
 @Override 
 public void onWindowFocusChanged(boolean hasFocus) { 
  super.onWindowFocusChanged(hasFocus); 
  if(hasFocus){ 
   buyLayoutHeight = mBuyLayout.getHeight(); 
   buyLayoutTop = mBuyLayout.getTop(); 
    
   myScrollViewTop = myScrollView.getTop(); 
  } 
 } 
 
 
 
 /** 
  * 滾動的回調(diào)方法，當滾動的Y距離大于或者等于 購買布局距離父類布局頂部的位置，就顯示購買的懸浮框 
  * 當滾動的Y的距離小于 購買布局距離父類布局頂部的位置加上購買布局的高度就移除購買的懸浮框 
  * 
  */ 
 @Override 
 public void onScroll(int scrollY) { 
  if(scrollY >= buyLayoutTop){ 
   if(suspendView == null){ 
    showSuspend(); 
   } 
  }else if(scrollY <= buyLayoutTop + buyLayoutHeight){ 
   if(suspendView != null){ 
    removeSuspend(); 
   } 
  } 
 } 
 
 
 /** 
  * 顯示購買的懸浮框 
  */ 
 private void showSuspend(){ 
  if(suspendView == null){ 
   suspendView = LayoutInflater.from(this).inflate(R.layout.buy_layout, null); 
   if(suspendLayoutParams == null){ 
    suspendLayoutParams = new LayoutParams(); 
    suspendLayoutParams.type = LayoutParams.TYPE_PHONE; //懸浮窗的類型，一般設(shè)為2002，表示在所有應用程序之上，但在狀態(tài)欄之下 
    suspendLayoutParams.format = PixelFormat.RGBA_8888; 
    suspendLayoutParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL 
       | LayoutParams.FLAG_NOT_FOCUSABLE; //懸浮窗的行為，比如說不可聚焦，非模態(tài)對話框等等 
    suspendLayoutParams.gravity = Gravity.TOP; //懸浮窗的對齊方式 
    suspendLayoutParams.width = screenWidth; 
    suspendLayoutParams.height = buyLayoutHeight; 
    suspendLayoutParams.x = 0; //懸浮窗X的位置 
    suspendLayoutParams.y = myScrollViewTop; ////懸浮窗Y的位置 
   } 
  } 
   
  mWindowManager.addView(suspendView, suspendLayoutParams); 
 } 
  
  
 /** 
  * 移除購買的懸浮框 
  */ 
 private void removeSuspend(){ 
  if(suspendView != null){ 
   mWindowManager.removeView(suspendView); 
   suspendView = null; 
  } 
 } 
 
}

上面的代碼比較簡單，根據(jù)ScrollView滑動的距離來判斷顯示和移除懸浮框，懸浮框的實現(xiàn)主要是通過WindowManager這個類來實現(xiàn)的，調(diào)用這個類的addView方法用于添加一個懸浮框，removeView用于移除懸浮框。
通過上述代碼就實現(xiàn)了美團，大眾點評的這種效果，在運行項目之前我們必須在AndroidManifest.xml中加入<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

關(guān)于如何在Android應用中使用ScrollView實現(xiàn)懸浮效果問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

分享名稱：如何在Android應用中使用ScrollView實現(xiàn)懸浮效果
網(wǎng)站鏈接：http://muchs.cn/article30/pphepo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站設(shè)計公司、網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化、面包屑導航、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)