androidviewpager嵌套

Ⅰ android ViewPager 嵌套SurfaceView切換時卡頓黑屏怎麼處理

很高興為您解答這個問題，因為我幾個月之前也遇到過！
我當時是在打開側邊抽屜的時候發生黑屏現象。
最後發現在界面發生跳轉時，SurfaceView總是一片黑，我的解決方案：
在SurfaceView下面布局一個同樣大小的ImageView，當監聽到ViewPager滑動事件時，將SurfaceView顯示部分保存為BitMap，顯示到IMageView，SurfaceView.setVisibility(View.GONE);
滑動回後，再將SurfaceView.setVisibility(View.VISIBLE);

Ⅱ Android流行UI布局——底部導航（BottomNavigationView+ViewPager+Fragment）

Android端底部導航欄介紹

Android應用中底部導航欄的設計廣泛運用，如微信、微博、支付寶等。這一設計不僅借鑒了iOS的優點，也是為了提升用戶體驗。在Android開發中，底部導航欄有著特定的實現規范。

本文旨在提供如何使用官方BottomNavigationView、結合ViewPager和Fragment實現流行UI布局的詳細指南。同時，文中還將解決使用反射解決ViewPager與BottomNavigationView側滑聯動時的一個小問題。

最終實現效果展示如下：通過BottomNavigationView與ViewPager的結合，可以實現左右滑動切換，類似於微信的布局，或點擊切換，如支付寶的布局。

首先，新建項目並導入support:design庫，其中包含BottomNavigationView控制項。同時，導入V4包以支持ViewPager組件。

然後，在res目錄下創建menu文件夾並添加菜單。根據需要創建相應的菜單項。

接下來，進行布局文件的編寫。應用BottomNavigationView時，設置其屬性如`app:itemIconTint`和`app:itemTextColor`來實現icon和文字的顏色切換。

在activity文件中，實例化控制項並添加監聽事件。實現BottomNavigationView與ViewPager、Fragment的集成，完成流行布局。

在實現過程中，可能會遇到BottomNavigationView默認的放大的ShiftingMode效果與需要的側滑切換不匹配的問題。為了解決這一問題，引入了反射機制，通過反射操作BottomNavigationMenuView來控制切換行為。

通過實例化BottomNavigationView並調用特定代碼，可以自定義切換效果，避免默認的放大問題。若無需側滑切換，可直接使用默認效果。在處理禁止滑動情況時，通過為ViewPager添加`setOnTouchListener`介面並在`onTouch`方法中消費點擊事件來實現。

測試結果顯示，BottomNavigationView與ViewPager、Fragment的結合實現了流暢的左右滑動和點擊切換效果，為用戶提供更佳的用戶體驗。相關代碼實現和源碼可供參考，歡迎交流學習。

Ⅲ Android ViewPager2 + TabLayout + BottomNavigationView

在Android中，集成ViewPager2、TabLayout和BottomNavigationView可以實現類似今日頭條的頂部滑動Tab功能，具體實現步驟如下：

1. 布局設計：

   • 在Activity的布局文件中，添加BottomNavigationView和FragmentContainerView，以構建界面的基礎結構。
   • 確保BottomNavigationView的菜單項引用已定義的資源。

2. 創建TabLayoutHomeFragment：

   • 設計TabLayoutHomeFragment的布局，該Fragment將承載TabLayout和ViewPager2，以實現滑動切換效果。
   • 在TabLayoutHomeFragment中，集成ViewPager2和TabLayout。
   • 使用TabLayoutMediator確保ViewPager2和TabLayout聯動，實現標題的同步更新。務必在創建完畢後調用attach方法完成連接。

3. 創建RecFragment：

   • 創建一個RecFragment類，作為RecyclerView的子類，用於優化TabLayout中的第一個Fragment展示樣式。

4. Activity設置：

   • 在ViewPager2TabLayoutActivity中，設置相應的Fragment和ViewPager2適配器，以實現功能完整的頂部Tab欄。
   • 用戶可以在該界面中流暢地滑動瀏覽不同的Tab內容。

通過以上步驟，你就可以在Android應用中實現一個帶有滑動Tab功能的界面，類似於今日頭條的布局。

Ⅳ Android ViewPager2 + Fragment + BottomNavigationView 聯動

Android ViewPager2 + Fragment + BottomNavigationView 聯動

本篇內容將介紹如何將 ViewPager2、Fragment 及 BottomNavigationView 進行整合聯動。上篇文章中已經將 ViewPager2 和 Fragment 聯動起來，接下來將集成 BottomNavigationView，實現滑動 Fragment 時菜單跟著聯動，反之亦然。

實現步驟：

• 在 Activity 布局中加入 ViewPager2 控制項。


• 在 Activity 布局中加入 BottomNavigationView 控制項。


• 編寫 Fragment，用於填充 ViewPager2。


• 編寫 Adapter 實現 FragmentStateAdapter，上篇已提及，繼承 FragmentStateAdapter。

接下來設置 BottomNavigationView 與 ViewPager2 的聯動：

• 在 BottomNavigationView 上添加 setOnItemSelectedListener 方法。


• 在 Activity 中實現如下代碼，進行聯動。


• 為 ViewPager2 注冊 registerOnPageChangeCallback，實現與 BottomNavigationView 的聯動。

通過以上步驟，可以將 ViewPager2 + Fragment + BottomNavigationView 集成起來，並實現雙向聯動。同時，簡單介紹了 ViewPager 和 ViewPager2 的區別。

欲了解更多內容，歡迎訪問個人博客 Johnny小屋 或關注個人公眾號。

Ⅳ Android 解決viewPager中嵌套webView的滑動沖突

   在工作中遇到了一種情況，在可以橫向滑動的viewPager其中的一項中嵌套著一個webView，並且在這個webView中也有可以橫向滑動的的類似viewPager的組件，因為webView其中的H5組件我們是無法控制的，因此便會發生滑動沖突，現象則是webView中的H5組件無法滑動。比如下圖

   經過筆者的一陣搜索，借鑒了 Viewpager與webview滑動沖突的解決方案 一文的解決方案，並在其基礎上改進了一下，使之處理起來更加簡單一些。

   首先我們先確定滑動沖突是事件分發機制的事情。解決辦法需要在需要的地方進行事件的攔截和分發可以使用下面的方法

   當為true的時候則說明父控制項（也就是viewPager）不攔截事件，點擊事件由子控制項（也就是webView）來處理，反之為false的時候，父控制項則攔截點擊事件，子控制項無法響應點擊事件。

   此時我們需要Android原生和JS交互一下，來通知我們什麼時候攔截事件，什麼時候不攔截事件。首先我們要先和H5的小夥伴商量好方法名和參數，在H5中可以監聽到是否點擊了或者滑動了輪播圖，H5的小夥伴可以在監聽值判斷，如果點擊或者滑動了H5中的輪播圖則，調用Android原生的方法參數為true，Android端則進行事件的攔截，反之沒有點擊或者滑動的時候，則調用方法參數為false。
交互方法：

   如果有不懂Android原生與H5交互方法的可以看我的一篇文章 <Android中webveiw與H5進行交互>

此時我們拿到參數以後就可以進行事件的攔截

   這樣就可以對事件分發進行處理，不過此處需要注意的是攔截事件的方法 wb.(isIntercept);必須要寫在Touch事件中才可以生效，寫在webview初始化的地方是不可以的。
  ok，筆者認為這種方法比H5端去測量輪播圖的位置，然後告訴Android端，Android端再去判斷位置去攔截事件要簡單一些。當然這只是個人想法，還是要感謝借鑒文章的大佬，畢竟是站在了巨人的肩膀上。