横屏播放视频时，输入法把布局顶上去
2018-06-22 本文已影响57人
Jsonjia
代码已经上传到github上，喜欢的话，记得star和给我的博客点赞。
今天周五了，又一个清新的双休降临在人间，祝大家双休愉快！
开发中你肯定遇到以下这种情况：
效果图.gif
当软键盘弹出的时候，视频整体也跟着上移，这显然不是我们想要的效果。
为什么弹出软件盘，获取焦点的View和其他布局整体上移？
说明图.png
笔者知道，当竖屏时候解决此类方法是在清单文件添加：
android:windowSoftInputMode="stateVisible|adjustResize"
然而并没有卵用，笔者也很头疼，经过搜索和尝试之后。有2种解决方案。
①参考如何做好全屏化的交互体验，对当前的布局动刀子：在原本的布局中将EditText放上独立的层次布局中，并且加上可滚动的控件（比如：RecyclerView，ListView和ScrollView）与EditText是同一层;
②把EditText输入框与主界面分开，新建dialog，把EditText放入dialog布局中，利用dialog弹框显示软键盘，就不会把布局顶上去（笔者用的是这个方法）
方法一：
布局代码如下：
...
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#0099cc">
<VideoView
android:id="@+id/fullscreen_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:background="#55ff00ff" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:id="@+id/send_edt"
android:layout_width="match_parent"
android:layout_height="55dp"
android:layout_alignParentBottom="true"
android:gravity="center_vertical|left"
android:imeOptions="actionSend|flagNoExtractUi"
android:lines="1"
android:minHeight="38dp"
android:padding="5dp"
android:textColor="#222222"
android:textColorHint="#b4b4b4"
android:textSize="13sp"
android:visibility="visible" />
<!--也可以是RecyclerView或ListView，但是不能是LinearLayout或RelativeLayout等布局-->
<ScrollView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_above="@id/send_edt" />
</RelativeLayout>
</FrameLayout>
Activity类代码：
...
private ActivityCase1Binding binding;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
binding = DataBindingUtil.setContentView(this, R.layout.activity_case_1);
binding.fullscreenContent.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.cuc_ieschool)); //获取到videoview控件，并让其播放
binding.fullscreenContent.start(); //全屏
show();
hide();
}
private void hide() {
binding.fullscreenContent.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
}
private void show() {
binding.fullscreenContent.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
}
...
这样防止软键盘弹出的时候，解决了视频整体上移问题，效果如下：
效果图.gif
方法二：
新建一个dialog布局，这里只贴代码核心部分：
public class InputTextMsgDialog extends Dialog{
...
rldlgview.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
@Override
public void onLayoutChange(View view, int i, int i1, int i2, int i3, int i4, int i5, int i6, int i7) {
Rect r = new Rect();
//获取当前界面可视部分
getWindow().getDecorView().getWindowVisibleDisplayFrame(r);
//获取屏幕的高度
int screenHeight = getWindow().getDecorView().getRootView().getHeight();
//此处就是用来获取键盘的高度的，在该场景下其实就是键盘高度
int heightDifference = screenHeight - r.bottom;
if (heightDifference <= 0 && mLastDiff > 0) {//当heightDifference 为负值，说明需要关闭软键盘
//imm.hideSoftInputFromWindow(messageTextView.getWindowToken(), 0);
dismiss();
}
mLastDiff = heightDifference;
}
...
}
dialog的xml布局：
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<RelativeLayout
android:id="@+id/rl_outside_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:id="@+id/ll_button_edit"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_alignParentBottom="true">
<EditText
android:id="@+id/edit_chat"
android:layout_width="match_parent"
android:layout_height="30dip"
android:layout_gravity="center_vertical"
android:layout_marginLeft="15dp"
android:layout_marginRight="18dp"
android:layout_weight="1"
android:gravity="center_vertical"
android:hint="和大家说些什么"
android:imeOptions="flagNoExtractUi|actionSend"
android:inputType="text"
android:paddingBottom="4dp"
android:paddingLeft="10dp"
android:paddingTop="4dp"
android:textColor="@color/white"
android:textSize="14sp" />
<Button
android:id="@+id/btn_sendChat"
android:layout_width="60dp"
android:layout_height="30dip"
android:layout_gravity="center_vertical"
android:layout_marginRight="5dp"
android:background="@drawable/shape_button_r20"
android:gravity="center"
android:text="发送"
android:textColor="@color/white"
android:textSize="14sp" />
</LinearLayout>
</RelativeLayout>
</layout>
布局里面就放一个输入内容的EditText 和button。好了，接下来看Activity怎么调用Dialog：
public void onClick(View view) {
WindowManager windowManager = getWindowManager();
Display display = windowManager.getDefaultDisplay();
WindowManager.LayoutParams lp = inputTextMsgDialog.getWindow().getAttributes();
lp.width = (display.getWidth());
inputTextMsgDialog.getWindow().setAttributes(lp);
inputTextMsgDialog.setCancelable(true);
inputTextMsgDialog.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE);
inputTextMsgDialog.show(); //弹框软键盘
}
效果图.gif
