溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android 表情面板和軟鍵盤(pán)切換時(shí)跳閃問(wèn)題的解決方法

發(fā)布時(shí)間：2020-08-26 06:35:23 來(lái)源：腳本之家 閱讀：503 作者：葉應(yīng)是葉 欄目：移動(dòng)開(kāi)發(fā)

現(xiàn)在很多應(yīng)用都會(huì)在讓用戶輸入各種文本信息的時(shí)候同時(shí)多提供一個(gè)表情面板，這樣就會(huì)出現(xiàn)一個(gè)問(wèn)題，即表情面板的跳閃問(wèn)題要輸入文本信息，那固然是需要彈出軟鍵盤(pán)，在軟鍵盤(pán)顯示的情況下，此時(shí)如果要切換顯示出表情面板，由于表情面板不可能和用戶的軟鍵盤(pán)高度恰好一樣，此外由于控件的上下移位，就會(huì)出現(xiàn)表情面板的跳閃現(xiàn)象

在點(diǎn)擊切換按鈕的時(shí)候，表情面板會(huì)先向上跳，然后再往下移，這樣就會(huì)帶來(lái)很差的用戶體驗(yàn)，效果如下圖所示：

Android 表情面板和軟鍵盤(pán)切換時(shí)跳閃問(wèn)題的解決方法

這里提供一個(gè)解決方案，使軟鍵盤(pán)和表情面板可以很自然地切換，效果如下圖所示：

Android 表情面板和軟鍵盤(pán)切換時(shí)跳閃問(wèn)題的解決方法

解決思路主要是這樣：系統(tǒng)在彈出軟鍵盤(pán)時(shí)，會(huì)將內(nèi)容輸入框View以及其之上的View都給頂上去，當(dāng)切換到表情面板時(shí)，只有將表情面板的高度保持為和軟鍵盤(pán)的高度一致，才能自然地切換。此外，還需要將內(nèi)容輸入框View以及其之上的View的位置固定住，這樣才不會(huì)出現(xiàn)跳閃問(wèn)題

主要的操作邏輯都在 EmojiKeyboard 類(lèi)中

/**
 * 作者： chenZY
 * 時(shí)間： 2017/8/26 18:12
 * 描述：
 */
public class EmojiKeyboard {
 private Activity activity;
 //文本輸入框
 private EditText editText;
 //表情面板
 private View emojiPanelView;
 //內(nèi)容View,即除了表情布局和輸入框布局以外的布局
 //用于固定輸入框一行的高度以防止跳閃
 private View contentView;
 private InputMethodManager inputMethodManager;
 private SharedPreferences sharedPreferences;
 private static final String EMOJI_KEYBOARD = "EmojiKeyboard";
 private static final String KEY_SOFT_KEYBOARD_HEIGHT = "SoftKeyboardHeight";
 private static final int SOFT_KEYBOARD_HEIGHT_DEFAULT = 654;
 private Handler handler;
 public EmojiKeyboard(Activity activity, EditText editText, View emojiPanelView, View emojiPanelSwitchView, View contentView) {
  init(activity, editText, emojiPanelView, emojiPanelSwitchView, contentView);
 }
 private void init(Activity activity, EditText editText, View emojiPanelView, View emojiPanelSwitchView, View contentView) {
  this.activity = activity;
  this.editText = editText;
  this.emojiPanelView = emojiPanelView;
  this.contentView = contentView;
  this.editText.setOnTouchListener(new View.OnTouchListener() {
   @Override
   public boolean onTouch(final View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_UP && EmojiKeyboard.this.emojiPanelView.isShown()) {
     lockContentViewHeight();
     hideEmojiPanel(true);
     unlockContentViewHeight();
    }
    return false;
   }
  });
  this.contentView.setOnTouchListener(new View.OnTouchListener() {
   @Override
   public boolean onTouch(View view, MotionEvent motionEvent) {
    if (motionEvent.getAction() == MotionEvent.ACTION_UP) {
     if (EmojiKeyboard.this.emojiPanelView.isShown()) {
      hideEmojiPanel(false);
     } else if (isSoftKeyboardShown()) {
      hideSoftKeyboard();
     }
    }
    return false;
   }
  });
  //用于彈出表情面板的View
  emojiPanelSwitchView.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    if (EmojiKeyboard.this.emojiPanelView.isShown()) {
     lockContentViewHeight();
     hideEmojiPanel(true);
     unlockContentViewHeight();
    } else {
     if (isSoftKeyboardShown()) {
      lockContentViewHeight();
      showEmojiPanel();
      unlockContentViewHeight();
     } else {
      showEmojiPanel();
     }
    }
   }
  });
  this.inputMethodManager = (InputMethodManager) this.activity.getSystemService(Context.INPUT_METHOD_SERVICE);
  this.sharedPreferences = this.activity.getSharedPreferences(EMOJI_KEYBOARD, Context.MODE_PRIVATE);
  this.activity.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN | WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
  this.handler = new Handler();
  init();
 }
 /**
  * 如果之前沒(méi)有保存過(guò)鍵盤(pán)高度值
  * 則在進(jìn)入Activity時(shí)自動(dòng)打開(kāi)鍵盤(pán)，并把高度值保存下來(lái)
  */
 private void init() {
  if (!sharedPreferences.contains(KEY_SOFT_KEYBOARD_HEIGHT)) {
   handler.postDelayed(new Runnable() {
    @Override
    public void run() {
     showSoftKeyboard(true);
    }
   }, 200);
  }
 }
 /**
  * 當(dāng)點(diǎn)擊返回鍵時(shí)需要先隱藏表情面板
  */
 public boolean interceptBackPress() {
  if (emojiPanelView.isShown()) {
   hideEmojiPanel(false);
   return true;
  }
  return false;
 }
 /**
  * 鎖定內(nèi)容View以防止跳閃
  */
 private void lockContentViewHeight() {
  LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) contentView.getLayoutParams();
  layoutParams.height = contentView.getHeight();
  layoutParams.weight = 0;
 }
 /**
  * 釋放鎖定的內(nèi)容View
  */
 private void unlockContentViewHeight() {
  handler.postDelayed(new Runnable() {
   @Override
   public void run() {
    ((LinearLayout.LayoutParams) contentView.getLayoutParams()).weight = 1;
   }
  }, 200);
 }
 /**
  * 獲取鍵盤(pán)的高度
  */
 private int getSoftKeyboardHeight() {
  Rect rect = new Rect();
  activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);
  //屏幕當(dāng)前可見(jiàn)高度，不包括狀態(tài)欄
  int displayHeight = rect.bottom - rect.top;
  //屏幕可用高度
  int availableHeight = ScreenUtils.getAvailableScreenHeight(activity);
  //用于計(jì)算鍵盤(pán)高度
  int softInputHeight = availableHeight - displayHeight - ScreenUtils.getStatusBarHeight(activity);
  Log.e("TAG-di", displayHeight + "");
  Log.e("TAG-av", availableHeight + "");
  Log.e("TAG-so", softInputHeight + "");
  if (softInputHeight != 0) {
   // 因?yàn)榭紤]到用戶可能會(huì)主動(dòng)調(diào)整鍵盤(pán)高度，所以只能是每次獲取到鍵盤(pán)高度時(shí)都將其存儲(chǔ)起來(lái)
   sharedPreferences.edit().putInt(KEY_SOFT_KEYBOARD_HEIGHT, softInputHeight).apply();
  }
  return softInputHeight;
 }
 /**
  * 獲取本地存儲(chǔ)的鍵盤(pán)高度值或者是返回默認(rèn)值
  */
 private int getSoftKeyboardHeightLocalValue() {
  return sharedPreferences.getInt(KEY_SOFT_KEYBOARD_HEIGHT, SOFT_KEYBOARD_HEIGHT_DEFAULT);
 }
 /**
  * 判斷是否顯示了鍵盤(pán)
  */
 private boolean isSoftKeyboardShown() {
  return getSoftKeyboardHeight() != 0;
 }
 /**
  * 令編輯框獲取焦點(diǎn)并顯示鍵盤(pán)
  */
 private void showSoftKeyboard(boolean saveSoftKeyboardHeight) {
  editText.requestFocus();
  inputMethodManager.showSoftInput(editText, 0);
  if (saveSoftKeyboardHeight) {
   handler.postDelayed(new Runnable() {
    @Override
    public void run() {
     getSoftKeyboardHeight();
    }
   }, 200);
  }
 }
 /**
  * 隱藏鍵盤(pán)
  */
 private void hideSoftKeyboard() {
  inputMethodManager.hideSoftInputFromWindow(editText.getWindowToken(), 0);
 }
 /**
  * 顯示表情面板
  */
 private void showEmojiPanel() {
  int softKeyboardHeight = getSoftKeyboardHeight();
  if (softKeyboardHeight == 0) {
   softKeyboardHeight = getSoftKeyboardHeightLocalValue();
  } else {
   hideSoftKeyboard();
  }
  emojiPanelView.getLayoutParams().height = softKeyboardHeight;
  emojiPanelView.setVisibility(View.VISIBLE);
  if (emojiPanelVisibilityChangeListener != null) {
   emojiPanelVisibilityChangeListener.onShowEmojiPanel();
  }
 }
 /**
  * 隱藏表情面板，同時(shí)指定是否隨后開(kāi)啟鍵盤(pán)
  */
 private void hideEmojiPanel(boolean showSoftKeyboard) {
  if (emojiPanelView.isShown()) {
   emojiPanelView.setVisibility(View.GONE);
   if (showSoftKeyboard) {
    showSoftKeyboard(false);
   }
   if (emojiPanelVisibilityChangeListener != null) {
    emojiPanelVisibilityChangeListener.onHideEmojiPanel();
   }
  }
 }
 public interface OnEmojiPanelVisibilityChangeListener {
  void onShowEmojiPanel();
  void onHideEmojiPanel();
 }
 private OnEmojiPanelVisibilityChangeListener emojiPanelVisibilityChangeListener;
 public void setEmoticonPanelVisibilityChangeListener(OnEmojiPanelVisibilityChangeListener emojiPanelVisibilityChangeListener) {
  this.emojiPanelVisibilityChangeListener = emojiPanelVisibilityChangeListener;
 }
}

這里也提供代碼下載：Android 解決表情面板和軟鍵盤(pán)切換時(shí)跳閃的問(wèn)題

總結(jié)

以上所述是小編給大家介紹的Android 表情面板和軟鍵盤(pán)切換時(shí)跳閃問(wèn)題的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手