Android鍵盤面板沖突 布局閃動處理方案


Android鍵盤面板沖突 布局閃動處理方案

 原文: http://blog.dreamtobe.cn/2015/09/01/keyboard-panel-switch/

之前有寫過一篇核心思想: Switching between the panel and the keyboard in Wechat

這次主要是根據核心思想的實踐,實踐原理是通過CustomRootLayout布局變化,來獲知是否是鍵盤引起的真正的布局變化,進而處理到接下來PanelLayoutonMersure中。


  • 新算法不再動態修改View#LayoutParams,而是更加簡單明了的方式
  • 最新代碼在原基礎上自動動態適配面板高度與鍵盤高度等高,很大程度上優化了體驗。

我們可以看到微信中的 從鍵盤與微信的切換是無縫的,而且是無閃動的,這種基礎體驗是符合預期的。

但是實際中,簡單的 鍵盤與面板切換 是會有閃動,問題的。今天我們就實踐分析與解決這個問題。

最終效果對比:

I. 准備

以下建立在android:windowSoftInputMode帶有adjustResize的基礎上。

如圖,為了方便分析,我們分出3個View:

  • CustomRootView: 除去statusBar與ActionBar(ToolBar…balabala)
  • FootRootView: 整個底部(包括輸入框與底部面板在內的整個View)
  • PanelView: 面板View

整個處理過程,其實需要分為兩塊處理:

  1. PanelView切換到Keybord

現象: 由於顯示Keybord時直接PanelView#setVisibility(View.GONE),導致會出現整個FooterRootView到底部然后又被鍵盤頂起。

符合預期的應該: 直接被鍵盤頂起,不需要到底部再頂起。

  1. Keybord切換到PanelView

現象: 由於隱藏Keybord時,直接PanelView#setVisibility(View.VISIBLE),導致會出現整個FootRootView先被頂到鍵盤上面,然后再隨着鍵盤的動畫,下到底部。

符合預期的應該: 隨着鍵盤收下直接切換到底部,而配有被鍵盤頂起的閃動。

II. 處理

原理

在真正由Keybord導致布局真正將要變化的時候,才對PanelView做出適配。(注意,所有的判斷處理要在Super.onMeasure之前完成判斷)

方法:

通過CustomRootView高度的變化,來保證在Super.onMeasure之前獲得真正的由於鍵盤導致布局將要變化,然后告知PanelView,讓其在Super.onMeasure之前給到有效高度。

需要注意:

1) 在adjustResize模式下,鍵盤彈起會導致CustomRootView的高度變小,鍵盤收回會導致CustomRootView的高度變大,反之變小。因此可以通過這個機制獲知真正的PanelView將要變化的時機。

2) 由於到了onLayout,clipRect的大小已經確定了,又要避免不多次調用onMeasure因此要在Super.onMeasure之前

3) 由於鍵盤收回的時候,會觸發多次measure,如果 不判斷真正的由於鍵盤收回導致布局將要變化,就直接給View#VISIBLE,依然會有閃動的情況。

4) 從Keybord切換到PanelView導致的布局沖突,只有在Keybord正在顯示的時候。

5) 從PanelView切換到Keybord導致的布局沖突,已經在PanelViewCustomRootView中內部處理。

III. GitHub:

JKeyboardPanelSwitch


© 2012 - 2016, Jacksgong(blog.dreamtobe.cn). Licensed under the Creative Commons Attribution-NonCommercial 3.0 license (This license lets others remix, tweak, and build upon a work non-commercially, and although their new works must also acknowledge the original author and be non-commercial, they don’t have to license their derivative works on the same terms).http://creativecommons.org/licenses/by-nc/3.0/


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com