如何實(shí)現(xiàn)Android登陸頁(yè)面仿拉鉤動(dòng)效

如何實(shí)現(xiàn)Android登陸頁(yè)面仿拉鉤動(dòng)效，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

哈哈，看到這個(gè)標(biāo)題是不是JH一緊，你可能會(huì)說我就沒遇到過，但是現(xiàn)在沒遇到不代表就遇不到，畢竟設(shè)計(jì)也是變幻莫測(cè)，只有你想不到的，沒有你不能實(shí)現(xiàn)的，說的這么吊，到底是啥效果?沒錯(cuò)就是一個(gè)小小的登錄頁(yè)面，大家都有拉勾app吧，看拉勾的登錄頁(yè)做的很是平滑動(dòng)畫，而且?guī)?dòng)畫效果，所以就有了類似拉勾登錄效果，如圖：

雖然是個(gè)簡(jiǎn)單的頁(yè)面，但是涵蓋的東西不算少啊，很納悶為何谷歌一直不提供簡(jiǎn)單，方便，準(zhǔn)確的鍵盤監(jiān)聽事件?惆悵啊，所以我們只能自己從側(cè)面監(jiān)聽鍵盤事件了，我們可以監(jiān)聽最外層布局的變化來判斷鍵盤是不是彈起了。閑話不多說，上車吧。

布局文件，大家都能看懂吧。

我們要想監(jiān)聽鍵盤事件，首先我們想得到的是鍵盤彈起的時(shí)候我們可以去搞點(diǎn)事情，鍵盤搜起的時(shí)候我們?cè)偃ジ泓c(diǎn)事情，知道這些還不夠，我們還要知道鍵盤彈起了多少，以及需要平移多少的距離。我們都知道我們的一個(gè)頁(yè)面彈起鍵盤的時(shí)候這個(gè)頁(yè)面的根布局會(huì)回調(diào)他的監(jiān)聽方法：addOnLayoutChangeListener(  );當(dāng)鍵盤彈起的時(shí)候，我們的布局是變化了，因此會(huì)執(zhí)行這個(gè)回調(diào)方法，但是前提是必須設(shè)置我們的Activity的windowSoftInputMode屬性為adjustResize。

我們想讓布局整體平移的距離也就是彈起時(shí)候處于***部的view距離頂部的高度減去我們鍵盤的高度。現(xiàn)在認(rèn)為只要控件將Activity向上推的高度超過了1/3屏幕高，就認(rèn)為軟鍵盤彈起

 scrollView.addOnLayoutChangeListener(new ViewGroup.OnLayoutChangeListener() {             @Override             public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {               /* old是改變前的左上右下坐標(biāo)點(diǎn)值，沒有old的是改變后的左上右下坐標(biāo)點(diǎn)值               現(xiàn)在認(rèn)為只要控件將Activity向上推的高度超過了1/3屏幕高，就認(rèn)為軟鍵盤彈起*/                 if (oldBottom != 0 && bottom != 0 && (oldBottom - bottom > keyHeight)) {                     Log.e("wenzhihao", "up------>"+(oldBottom - bottom));                     int dist = btn_login.getBottom() - bottom;                     if (dist>0){                         ObjectAnimator mAnimatorTranslateY = ObjectAnimator.ofFloat(content, "translationY", 0.0f, -dist);                         mAnimatorTranslateY.setDuration(300);                         mAnimatorTranslateY.setInterpolator(new LinearInterpolator());                         mAnimatorTranslateY.start();                         zoomIn(logo, dist);                     }                     service.setVisibility(View.INVISIBLE);                  } else if (oldBottom != 0 && bottom != 0 && (bottom - oldBottom > keyHeight)) {                     Log.e("wenzhihao", "down------>"+(bottom - oldBottom));                     if ((btn_login.getBottom() - oldBottom)>0){                         ObjectAnimator mAnimatorTranslateY = ObjectAnimator.ofFloat(content, "translationY", content.getTranslationY(), 0);                         mAnimatorTranslateY.setDuration(300);                         mAnimatorTranslateY.setInterpolator(new LinearInterpolator());                         mAnimatorTranslateY.start();                         //鍵盤收回后，logo恢復(fù)原來大小，位置同樣回到初始位置                         zoomOut(logo);                     }                     service.setVisibility(View.VISIBLE);                 }             }         }); /n_login是登錄按鈕

這樣我們發(fā)現(xiàn)是可以實(shí)現(xiàn)效果了，但是我想全屏顯示，懵比了，發(fā)現(xiàn)全屏的時(shí)候不回調(diào)這個(gè)方法了，怎么辦?又是查資料一看原來這個(gè)也是一個(gè)bug，但是有解決方案，AndroidBug5497Workaround。也是谷歌提供的?直接拷貝過來，會(huì)發(fā)現(xiàn)其實(shí)他的作用就是讓Activity最外層的根布局，當(dāng)有布局變化時(shí)去響應(yīng)這個(gè)變化mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener();

package com.wzh.study.login;   import android.app.Activity;  import android.graphics.Rect;  import android.view.View;  import android.view.ViewTreeObserver;  import android.widget.FrameLayout;   public class AndroidBug5497Workaround {       // For more information, see https://code.google.com/p/android/issues/detail?id=5497      // To use this class, simply invoke assistActivity() on an Activity that already has its content view set.       public static void assistActivity (Activity activity) {          new AndroidBug5497Workaround(activity);      }       private View mChildOfContent;      private int usableHeightPrevious;      private FrameLayout.LayoutParams frameLayoutParams;       private AndroidBug5497Workaround(Activity activity) {          FrameLayout content = (FrameLayout) activity.findViewById(android.R.id.content);          mChildOfContent = content.getChildAt(0);          mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {              public void onGlobalLayout() {                  possiblyResizeChildOfContent();              }          });          frameLayoutParams = (FrameLayout.LayoutParams) mChildOfContent.getLayoutParams();      }       private void possiblyResizeChildOfContent() {          int usableHeightNow = computeUsableHeight();          if (usableHeightNow != usableHeightPrevious) {              int usableHeightSansKeyboard = mChildOfContent.getRootView().getHeight();              int heightDifference = usableHeightSansKeyboard - usableHeightNow;              if (heightDifference > (usableHeightSansKeyboard/4)) {                  // keyboard probably just became visible                  frameLayoutParams.height = usableHeightSansKeyboard - heightDifference;              } else {                  // keyboard probably just became hidden                  frameLayoutParams.height = usableHeightSansKeyboard;              }              mChildOfContent.requestLayout();              usableHeightPrevious = usableHeightNow;          }      }       private int computeUsableHeight() {          Rect r = new Rect();          mChildOfContent.getWindowVisibleDisplayFrame(r);          return (r.bottom - r.top);      }   }

使用方式,如果我們?cè)O(shè)置了全屏，就去加載它，不設(shè)置不管：

if(isFullScreen(this)){              AndroidBug5497Workaround.assistActivity(this);  }  ...  public boolean isFullScreen(Activity activity) {      return (activity.getWindow().getAttributes().flags &              WindowManager.LayoutParams.FLAG_FULLSCREEN)==WindowManager.LayoutParams.FLAG_FULLSCREEN;  }

接下來就看具體動(dòng)畫事件了,鍵盤彈起來的時(shí)候整體向上平移，LOGO縮小，鍵盤收起的時(shí)候整體下移，并且LOGO恢復(fù)原來大小。這里用到的都是屬性動(dòng)畫，只有屬性動(dòng)畫我們才可以實(shí)現(xiàn)真正平移效果。

我看網(wǎng)上很多人使用addOnLayoutChangeListener()去監(jiān)聽鍵盤事件，但是這個(gè)方法回調(diào)的太頻繁，比如本例特效，輸入框后面有文字時(shí)候顯示清除的圖標(biāo)，如果用這個(gè)方法那么也會(huì)執(zhí)行一次，可能會(huì)影響你的動(dòng)畫，當(dāng)然你也可以去記錄***次的高度讓他不會(huì)走邏輯，但是我覺得也不是很靠譜，雖然我這個(gè)方法也不是很棒  ?乛?乛?~。

***貼上源碼：

關(guān)于如何實(shí)現(xiàn)Android登陸頁(yè)面仿拉鉤動(dòng)效問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。