在键盘存在时隐藏“底部导航栏” - Android
Posted
技术标签:
【中文标题】在键盘存在时隐藏“底部导航栏” - Android【英文标题】：Hiding ‘Bottom Navigation Bar’ whilst keyboard is present - Android 【发布时间】：2017-08-24 05:45:09 【问题描述】：我有一个小型演示聊天 UI 应用程序。此应用程序有一个底部导航栏。我需要在键盘出现时隐藏底部导航栏。
Here is an example of the chat UI
当您单击 EditText 元素时可以看到，键盘出现，但底部导航栏保持可见。我试过this measurement method之类的方法，但是UI元素闪烁like this。
当键盘可见时，是否有适当的方法隐藏底部导航栏？
编辑： 在下面的活动中，您可以看到我在哪里设置键盘侦听器以在确定键盘可见时调整 UI 元素的位置。
这是我的活动代码，使用上面链接中的 setKeyboardListener 方法并将其设置在 onCreateView 中：
package uk.cal.codename.projectnedry.TeamChatFragment;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.Configuration;
import android.content.res.Resources;
import android.graphics.Rect;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.text.Layout;
import android.util.DisplayMetrics;
import android.util.Log;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.view.Window;
import android.view.WindowManager;
import android.view.inputmethod.InputMethodManager;
import android.widget.Button;
import android.widget.EditText;
import android.widget.FrameLayout;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.Toast;
import com.roughike.bottombar.BottomBar;
import java.util.ArrayList;
import butterknife.BindView;
import butterknife.ButterKnife;
import uk.cal.codename.projectnedry.R;
import uk.cal.codename.projectnedry.TeamChatFragment.ListAdapter.TeamChatListAdapter;
import uk.demo.cal.genericmodelviewpresenter.GenericMvp.GenericMvpFragment;
import static android.view.View.GONE;
/**
* A simple @link Fragment subclass.
* Activities that contain this fragment must implement the
* @link TeamChatView.OnFragmentInteractionListener interface
* to handle interaction events.
* Use the @link TeamChatView#newInstance factory method to
* create an instance of this fragment.
*/
public class TeamChatView extends GenericMvpFragment implements TeamChatContract.RequiredViewOps
private OnFragmentInteractionListener mListener;
@BindView(R.id.teamChatList)
RecyclerView mTeamChatRecyclerView;
@BindView(R.id.teamChatSendButton)
ImageButton mTeamChatSendButton;
@BindView(R.id.messageTextInput)
EditText mMessageTextInput;
TeamChatListAdapter mTeamChatListAdapter;
TeamChatListAdapter.ClickListener mTeamChatListClickListener;
private ArrayList<String> mTestMessageList;
public interface OnKeyboardVisibilityListener
void onVisibilityChanged(boolean visible);
public final void setKeyboardListener(final OnKeyboardVisibilityListener listener)
final View activityRootView = ((ViewGroup) getActivity().findViewById(android.R.id.content)).getChildAt(0);
activityRootView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener()
private boolean wasOpened;
private final int DefaultKeyboardDP = 100;
// From @nathanielwolf answer... Lollipop includes button bar in the root. Add height of button bar (48dp) to maxDiff
private final int EstimatedKeyboardDP = DefaultKeyboardDP + (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP ? 48 : 0);
private final Rect r = new Rect();
@Override
public void onGlobalLayout()
// Convert the dp to pixels.
int estimatedKeyboardHeight = (int) TypedValue
.applyDimension(TypedValue.COMPLEX_UNIT_DIP, EstimatedKeyboardDP, activityRootView.getResources().getDisplayMetrics());
// Conclude whether the keyboard is shown or not.
activityRootView.getWindowVisibleDisplayFrame(r);
int heightDiff = activityRootView.getRootView().getHeight() - (r.bottom - r.top);
boolean isShown = heightDiff >= estimatedKeyboardHeight;
if (isShown == wasOpened)
Log.d("Keyboard state", "Ignoring global layout change...");
return;
wasOpened = isShown;
listener.onVisibilityChanged(isShown);
);
public TeamChatView()
// Required empty public constructor
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @return A new instance of fragment TeamChatView.
*/
public static TeamChatView newInstance()
TeamChatView fragment = new TeamChatView();
Bundle args = new Bundle();
fragment.setArguments(args);
return fragment;
@SuppressLint("MissingSuperCall")
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(TeamChatPresenter.class, TeamChatModel.class, savedInstanceState);
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
// Inflate the layout for this fragment
final View view = inflater.inflate(R.layout.fragment_team_chat_view, container, false);
this.mUnbinder = ButterKnife.bind(this, view);
mTestMessageList = new ArrayList<>();
this.mTeamChatListAdapter = new TeamChatListAdapter(mTestMessageList);
this.mTeamChatRecyclerView.setAdapter(this.mTeamChatListAdapter);
final LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
this.mTeamChatRecyclerView.setLayoutManager(linearLayoutManager);
this.mTeamChatSendButton.setOnClickListener(new View.OnClickListener()
@Override
public void onClick(View view)
if(!String.valueOf(mMessageTextInput.getText()).equals(""))
getSpecificImpOfGenericPresenter().sendMessage(String.valueOf(mMessageTextInput.getText()));
mMessageTextInput.setText("");
mTeamChatRecyclerView.smoothScrollToPosition(mTestMessageList.size());
);
setKeyboardListener(new OnKeyboardVisibilityListener()
@Override
public void onVisibilityChanged(boolean visible)
RelativeLayout contentFrame = (RelativeLayout) getActivity().findViewById(R.id.content_company_navigation);
BottomBar lowerNavigationBar = (BottomBar) getActivity().findViewById(R.id.bottomBar);
if (visible) // if more than 100 pixels, its probably a keyboard...
lowerNavigationBar.setVisibility(GONE);
contentFrame.setPadding(0, 0, 0, 0);
mTeamChatRecyclerView.smoothScrollToPosition(mTestMessageList.size());
else
contentFrame.setPadding(0, 0, 0, convertDpToPixel(60, getContext()));
mTeamChatRecyclerView.smoothScrollToPosition(mTestMessageList.size());
lowerNavigationBar.setVisibility(View.VISIBLE);
);
return view;
/**
* This method converts dp unit to equivalent pixels, depending on device density.
*
* @param dp A value in dp (density independent pixels) unit. Which we need to convert into pixels
* @param context Context to get resources and device specific display metrics
* @return A float value to represent px equivalent to dp depending on device density
*/
public static int convertDpToPixel(float dp, Context context)
Resources resources = context.getResources();
DisplayMetrics metrics = resources.getDisplayMetrics();
int px = (int) (dp * ((float)metrics.densityDpi / DisplayMetrics.DENSITY_DEFAULT));
return px;
public void addToTestMessageList(String str)
this.mTestMessageList.add(str);
this.mTeamChatListAdapter.notifyDataSetChanged();
@Override
public void onDestroyView()
super.onDestroyView();
// getView().getViewTreeObserver().removeGlobalOnLayoutListener(test);
@Override
public TeamChatPresenter getSpecificImpOfGenericPresenter()
return (TeamChatPresenter) this.mPresenter;
这是我的 XML 布局：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:orientation="vertical"
tools:context="uk.cal.codename.projectnedry.TeamChatFragment.TeamChatView">
<android.support.v7.widget.RecyclerView
android:layout_above="@+id/chatViewMessageEntryLayout"
android:id="@+id/teamChatList"
android:layout_
android:layout_
android:layout_alignParentTop="true"
android:isScrollContainer="false"
android:paddingTop="10dp"
android:scrollbars="vertical" />
<RelativeLayout
android:id="@+id/chatViewMessageEntryLayout"
android:layout_
android:layout_
android:layout_alignParentBottom="true"
android:orientation="horizontal">
<View
android:id="@+id/chatViewMessageEntrySeperator"
android:layout_
android:layout_
android:background="#e3e3e8" />
<EditText
android:id="@+id/messageTextInput"
android:layout_
android:layout_
android:layout_gravity="center_vertical"
android:layout_below="@+id/chatViewMessageEntrySeperator"
android:layout_toLeftOf="@+id/teamChatSendButton"
android:background="@android:color/transparent"
android:hint="Enter message"
android:inputType="textCapSentences|textMultiLine"
android:maxLength="1000"
android:maxLines="4"
android:paddingLeft="10dp" />
<ImageButton
android:id="@+id/teamChatSendButton"
android:layout_
android:layout_
android:layout_alignParentRight="true"
android:layout_gravity="center"
android:background="#00B9EF"
android:src="@drawable/ic_send_white_24dp" />
</RelativeLayout>
</RelativeLayout>
【问题讨论】：
在此处发布您的活动代码。 将您的活动或片段类与 xml 一起发布 你找到解决办法了吗……我也遇到了同样的问题 【参考方案1】：最简单的实现，在
中添加AndroidManifest.xml<activity android:windowSoftInputMode="adjustPan"/>
希望这可以帮助某人。享受吧！
【讨论】：
在这种模式下ToolBar正在滑出屏幕
当键盘出现时，“adjustPan”隐藏工具栏，“adjustResize”显示重叠的底部栏布局。有什么解决办法吗？【参考方案2】：
您只需像这样在清单中添加此代码..
<activity android:name=".MainActivity"
android:windowSoftInputMode="adjustPan">
这对我有用..快乐编码
【讨论】：
【参考方案3】：我最终使用了高度测量方法，这似乎是this answer 中描述的软键盘检测的标准方法。但是，我使用了this library's 实现它，因为它仍然是相同的ViewTreeObserver.OnGlobalLayoutListener 方法，实现得很好，并且允许我从我的应用程序主代码库中抽象出代码。
当这个键盘可见性监听器被触发时，我会隐藏/显示底部导航栏（我已经解释过here）。
【讨论】：
这是最好的答案，因为在回收站视图中可能有一个 EditText（或包含 EditText 的子视图）。因此，您不想设置 adjustPan，因为在这种情况下，键盘可能会在回收站视图中覆盖您的内容。【参考方案4】：将此行添加到您的Activity 或Fragment 的onResume() 中。
getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING);
它对我有用。只需尝试一次。
【讨论】：
【参考方案5】：只需将以下属性添加到您的 AndroidManifest.xml 文件中的每个活动。
<activity
android:name=".MainActivity"
android:windowSoftInputMode="stateAlwaysHidden|adjustPan" />
【讨论】：
如果您想为您的应用程序设置默认模式，请考虑在您的主题中使用属性<item name="android:windowSoftInputMode">stateAlwaysHidden|adjustPan</item>【参考方案6】：
private boolean keyboardListenersAttached = false;
private ViewGroup rootLayout;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.fragment_settings, container, false);
rootLayout = (ViewGroup) view.findViewById(R.id.settings_layout);
attachKeyboardListeners();
return view;
private ViewTreeObserver.OnGlobalLayoutListener keyboardLayoutListener = new
ViewTreeObserver.OnGlobalLayoutListener()
@Override
public void onGlobalLayout()
int heightDiff = rootLayout.getRootView().getHeight() -
rootLayout.getHeight();
if (getActivity() != null)
int contentViewTop =
getActivity().getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop();
LocalBroadcastManager broadcastManager =
LocalBroadcastManager.getInstance(getContext());
Rect r = new Rect();
rootLayout.getWindowVisibleDisplayFrame(r);
int screenHeight = rootLayout.getRootView().getHeight();
// r.bottom is the position above soft keypad or device button.
// if keypad is shown, the r.bottom is smaller than that before.
int keypadHeight = screenHeight - r.bottom;
if (keypadHeight > screenHeight * 0.15)
onHideKeyboard();
Intent intent = new Intent("KeyboardWillHide");
broadcastManager.sendBroadcast(intent);
else
int keyboardHeight = heightDiff - contentViewTop;
onShowKeyboard(keyboardHeight);
Intent intent = new Intent("KeyboardWillShow");
intent.putExtra("KeyboardHeight", keyboardHeight);
broadcastManager.sendBroadcast(intent);
else
;
protected void onShowKeyboard(int keyboardHeight)
System.out.println("keyboard is shown");
dashboardActivity.bottomNavigationView.setVisibility(View.VISIBLE);
dashboardActivity.fab.setVisibility(View.VISIBLE);
protected void onHideKeyboard()
System.out.println("keyboard is hide");
dashboardActivity.bottomNavigationView.setVisibility(View.INVISIBLE);
dashboardActivity.fab.setVisibility(View.INVISIBLE);
protected void attachKeyboardListeners()
if (keyboardListenersAttached)
return;
rootLayout.getViewTreeObserver().addOnGlobalLayoutListener(keyboardLayoutListener);
keyboardListenersAttached = true;
在Manifest.xml文件中添加
<activity
android:name=".Activity.DashboardActivity"
android:windowSoftInputMode="adjustResize"
/>
【讨论】：
【参考方案7】：在 activity 标签内的清单中添加属性：android:windowSoftInputMode="adjustResize""：
<activity
android:name=".YourActivity"
android:windowSoftInputMode="adjustResize"/>
注意：我建议，您应该使用 NestedScrollView 作为父布局。
希望这会有所帮助。
【讨论】：
我已经尝试过了，它使我的操作栏与前 3 到 4 条消息一起从屏幕上消失 你试过去掉测量方法吗？您可以尝试评论以前有关此问题的代码。 对单个 RecycleView 使用 NestedScrollView 有什么意义？您可以包含一个父布局，您可以在其中在 NSV 中添加 RecycleView 和 RelativeLayout (chatViewMessageEntryLayout)。 我删除了 NSV，现在只有 RecycleView。 This is what it looks like with adjustPan，您可以看到操作栏消失了，我只看到了一半的 EditTest。 检查我更新的答案。请改用adjustResize。您应该将所有视图包装在一个滚动视图中，否则键盘将没有空间显示。【参考方案8】：就我而言，我使用 DrawerLayout 作为父视图，其中包含一些布局内容和导航底部栏。 在 Manifest 文件中添加“android:windowSoftInputMode="adjustPan" 这个 TAG 和 Activity 并且工作正常。
【讨论】：
【参考方案9】：<activity android:name=".Activities.OrderSceenWithOrder"
android:windowSoftInputMode="adjustPan"
>
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
【讨论】：
【参考方案10】：该解决方案适用于我，它也不会显示重叠的底部导航栏 只需将此行添加到您的活动中：
android:windowSoftInputMode="adjustResize|adjustPan"
【讨论】：
接受的答案解释了为什么在某些情况下对编辑控件使用“adjustResize|adjustPan”是不够的。【参考方案11】：该答案可能对仍在寻找解决方案的人有所帮助。
Bottom Navigation bar moves up with keyboard
【讨论】：
虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review【参考方案12】：主动监听 Keyboard(IME) 打开/关闭事件并相应地显示/隐藏底部导航。
我们可以利用WindowInsetsCompat API，让这项工作变得轻松。
第 1 步：确保您已迁移到 AndroidX
第 2 步：在您的 Fragment 内 onCreateView 添加键盘（IME）事件的侦听器
ViewCompat.setOnApplyWindowInsetsListener(window.decorView.rootView) _, insets ->
//This lambda block will be called, every time keyboard is opened or closed
val imeVisible = insets.isVisible(WindowInsetsCompat.Type.ime())
if(imeVisible)
//Now show-hide bottom navigation accordingly
insets
这就是你所需要的?
有关窗口插图的更多信息，您可以深入了解article
注意：
早期检测键盘打开/关闭事件并非易事。 Android 开发者使用了所有类型的 hack 来实现这一点。但经过数十年的请求、祈祷和咆哮，谷歌终于想出了 WindowInsets API。谢谢你，谷歌??
【讨论】：
【参考方案13】：在你的片段中添加这个 onResume()
@Override
public void onResume()
Objects.requireNonNull(getActivity()).getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING);
super.onResume();
希望这对某人有所帮助！
【讨论】：
以上是关于在键盘存在时隐藏“底部导航栏” - Android的主要内容，如果未能解决你的问题，请参考以下文章
Android 系统APK-Camera 修复：预览照片时使用按键盘左右键，底部导航栏焦点也会跟着变动