代碼已經(jīng)上傳到github上,喜歡的話,記得star和給我的博客點贊。
今天周五了,又一個清新的雙休降臨在人間,祝大家雙休愉快!
開發(fā)中你肯定遇到以下這種情況:

效果圖.gif
當(dāng)軟鍵盤彈出的時候,視頻整體也跟著上移,這顯然不是我們想要的效果。
為什么彈出軟件盤,獲取焦點的View和其他布局整體上移?

說明圖.png
筆者知道,當(dāng)豎屏?xí)r候解決此類方法是在清單文件添加:
android:windowSoftInputMode="stateVisible|adjustResize"
然而并沒有卵用,筆者也很頭疼,經(jīng)過搜索和嘗試之后。有2種解決方案。
①參考如何做好全屏化的交互體驗,對當(dāng)前的布局動刀子:在原本的布局中將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();
//獲取當(dāng)前界面可視部分
getWindow().getDecorView().getWindowVisibleDisplayFrame(r);
//獲取屏幕的高度
int screenHeight = getWindow().getDecorView().getRootView().getHeight();
//此處就是用來獲取鍵盤的高度的,在該場景下其實就是鍵盤高度
int heightDifference = screenHeight - r.bottom;
if (heightDifference <= 0 && mLastDiff > 0) {//當(dāng)heightDifference 為負值,說明需要關(guān)閉軟鍵盤
//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="發(fā)送"
android:textColor="@color/white"
android:textSize="14sp" />
</LinearLayout>
</RelativeLayout>
</layout>
布局里面就放一個輸入內(nèi)容的EditText 和button。好了,接下來看Activity怎么調(diào)用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