橫屏播放視頻時,輸入法把布局頂上去

代碼已經(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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容