java - Fragment中的上下滑動事件會被上一個Fragment響應而不是當前的
問題描述
我當前開發一個安卓app,只有一個activity,布局文件是中有一個ViewPager,其適配器綁了三個Fragment。前兩個Fragment的布局文件都是最外層SwipeRefreshLayout用于下拉刷新,然后嵌套一個ScrollView,第三個也準備這么弄但是發現問題。
當我進入app默認顯示第一個Fragment時,上下滑動屏幕是有滑動效果的,然而切換到第二個Fragment滑動就沒效果。接著我發現,當我在第二個Fragment中滑動后,再切換回第一個Fragment,發現反而是第一個Fragment界面響應了我的滑動操作。于是我嘗試切換到第三個Fragment,滑動后迅速切換到第二個Fragment,果然其界面正在滑動。
我并不知道這個原因到底是什么,但我試了一個辦法:通過重載setUserVisibleHint(),一旦離開一個Fragment,直接把整個Fragment設成Invisible,以這種方式,的確實現了滑動操作被當前Fragment響應。但我還是弄不懂之前為什么會有那樣的情況——在第一個和第二個Fragment中滑動屏幕,都是第一個Fragment響應,在第三個Fragment中滑動屏幕,則是第二個Fragment響應滑動操作。
我想知道,究竟出了什么問題,是什么原因導致的,我怎么才能解決(不通過設置Visibility的方法強行實現)?
Fragment布局文件代碼(只給出一個,另一個類似):
<?xml version='1.0' encoding='utf-8'?><android.support.v4.widget.SwipeRefreshLayout xmlns:android='http://schemas.android.com/apk/res/android' xmlns:app='http://schemas.android.com/apk/res-auto' android: android:layout_width='match_parent' android:layout_height='match_parent'> <ScrollViewandroid: android:layout_width='match_parent'android:layout_height='match_parent'android:descendantFocusability='blocksDescendants'> <FrameLayoutandroid:layout_width='match_parent'android:layout_height='match_parent'><WebViewandroid: android:layout_width='match_parent'android:layout_height='wrap_content'android:alpha='0'/><ProgressBar android: android:layout_width='wrap_content' android:layout_height='wrap_content' android:layout_gravity='center' android:visibility='gone'/> </FrameLayout> </ScrollView></android.support.v4.widget.SwipeRefreshLayout>
問題解答
回答1:問題解決了。。有一個信息在問題中沒有描述。那就是,我為了使ViewPager切換page時動畫為淡入淡出而不是默認的滑動,實現了ViewPager類的一個接口ViewPager.PageTransformer。然后,我在Activity中實例化這個類,并執行mViewPager.setPageTransformer(true, pageTransformer);就可以將切換動畫設置成我自己寫的動畫。問題就出在這個動畫上,一開始這個接口我是這么實現的:
import android.support.v4.view.ViewPager;import android.view.View;/**設置Fragment切換時的動畫為淡入淡出*/public class NoSlidingPageTransformer implements ViewPager.PageTransformer { private static final float MIN_ALPHA = 0.0f; //最小透明度 public void transformPage(View view, float position) {int pageWidth = view.getWidth(); //得到view寬if (position < -1) { // [-Infinity,-1) // This page is way off-screen to the left. 出了左邊屏幕 view.setAlpha(0);} else if (position <= 1) { // [-1,1] view.setTranslationX(-pageWidth * position); //阻止頁面的滑動 float alphaFactor = Math.max(MIN_ALPHA, 1 - Math.abs(position)); //透明度改變 view.setAlpha(alphaFactor); if (alphaFactor == 0)view.setVisibility(View.INVISIBLE); //頁面不在當前界面顯示,則使其Invisible,這句是為了解決Fragment對上下滑動事件監聽的錯亂,暫不知原因 else if (view.getVisibility() == View.INVISIBLE)view.setVisibility(View.VISIBLE); //頁面在當前界面顯示,則使其Visible,這句是為了解決Fragment對上下滑動事件監聽的錯亂,暫不知原因} else { // (1,+Infinity] // This page is way off-screen to the right. 出了右邊屏幕 view.setAlpha(0);} }}
其中這一段代碼是我臨時用來解決問題中描述的“靈異”現象的:
if (alphaFactor == 0) view.setVisibility(View.INVISIBLE); //頁面不在當前界面顯示,則使其Invisible,這句是為了解決Fragment對上下滑動事件監聽的錯亂,暫不知原因 else if (view.getVisibility() == View.INVISIBLE)view.setVisibility(View.VISIBLE); //頁面在當前界面顯示,則使其Visible,這句是為了解決Fragment對上下滑動事件監聽的錯亂,暫不知原因
問題在哪里呢?問題就在view.setTranslationX()這個函數上,這個函數所設置的view的位置,不僅僅是視覺上的,也是實際的位置,那么看我實現的這段代碼,在view離開當前界面的時候,position的值處于[-Infinity,-1]和[1,+Infinity]的時候,我并沒有用setTranslationX()將其位置設置到當前界面之外,而是還是與新出現的view在同一位置,只不過由于用setAlpha()設置了透明度才看不見的。我是怎么發現這個問題的呢?就是把這個類中的調用selAlpha()的代碼全注釋掉,再次運行,終于發現,當我切換Fragment的時候,會出現兩個Fragment重疊顯示的現象。現在我將這個類修改如下,問題解決(臨時代碼注釋掉了):
import android.support.v4.view.ViewPager;import android.view.View;/**設置Fragment切換時的動畫為淡入淡出*/public class NoSlidingPageTransformer implements ViewPager.PageTransformer { public void transformPage(View view, float position) {int pageWidth = view.getWidth(); //得到view寬if (position <= -1) { // [-Infinity,-1] // This page is way off-screen to the left. 出了左邊屏幕 view.setTranslationX(0);} else if (position < 1) { // (-1,1) view.setTranslationX(-pageWidth * position); //阻止頁面的滑動,位置在左則設向右偏移位置,在右則設向左偏移位置 float alphaFactor = 1 - Math.abs(position); //透明度改變 view.setAlpha(alphaFactor); /* if (alphaFactor == 0)view.setVisibility(View.INVISIBLE); //頁面不在當前界面顯示,則使其Invisible,這句是為了解決Fragment對上下滑動事件監聽的錯亂,暫不知原因 else if (view.getVisibility() == View.INVISIBLE)view.setVisibility(View.VISIBLE); //頁面在當前界面顯示,則使其Visible,這句是為了解決Fragment對上下滑動事件監聽的錯亂,暫不知原因*/} else { // [1,+Infinity] // This page is way off-screen to the right. 出了右邊屏幕 view.setTranslationX(0);} }}
相關文章:
1. mysql優化 - mysql count(id)查詢速度如何優化?2. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區別?3. angular.js - angularjs 用ng-reapt渲染的dom 怎么獲取上面的屬性4. 主從備份 - 跪求mysql 高可用主從方案5. css3 - [CSS] 動畫效果 3D翻轉bug6. node.js - node_moduls太多了7. angular.js - Angular路由和express路由的組合使用問題8. python如何不改動文件的情況下修改文件的 修改日期9. python - django 里自定義的 login 方法,如何使用 login_required()10. angular.js - 不適用其他構建工具,怎么搭建angular1項目
![css3 - [CSS] 動畫效果 3D翻轉bug](http://www.aoyou183.cn/attached/image/news/202304/110831f073.png)