快捷導(dǎo)航

android聊天界面鍵盤(pán)、表情切換絲滑實(shí)現(xiàn)的具體思路

更新時(shí)間：2024年12月13日 09:26:37 作者：qq_21467035

這篇文章主要給大家介紹了關(guān)于android聊天界面鍵盤(pán)、表情切換絲滑實(shí)現(xiàn)的具體思路,具體實(shí)現(xiàn)包括在XML布局中使用FrameLayout和RecyclerView,并在代碼中進(jìn)行相應(yīng)的高度控制和事件處理,需要的朋友可以參考下

1、我們?cè)诹奶祉?yè)面時(shí)候，往往會(huì)遇到，鍵盤(pán)、表情、其他選擇切換時(shí)候頁(yè)面會(huì)出現(xiàn)掉下來(lái)再?gòu)椘饐?wèn)題，這是因?yàn)椋覀兦袚Q時(shí)候，鍵盤(pán)異步導(dǎo)致內(nèi)容View高度變化，頁(yè)面掉下來(lái)后，又被其他內(nèi)容頂起這種很差視覺(jué)效果。

要解決這個(gè)問(wèn)題，最簡(jiǎn)單方法就是切換時(shí)候，將內(nèi)容View高度固定然后去操作鍵盤(pán)顯示后再去釋放內(nèi)容View高度。

2、這里我們提供具體思路

2.1xml布局：（FrameLayout + RecyclerView，是為了讓鍵盤(pán)彈起時(shí)候，RecyclerView有個(gè)向上平移效果）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--  標(biāo)題View -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <!--  聊天展示View   android:layout_weight="1" 讓聊天內(nèi)容填充剩下內(nèi)容-->
    <com.scwang.smart.refresh.layout.SmartRefreshLayout
        android:id="@+id/smartRefreshLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        app:srlEnableLoadMore="false"
        app:srlEnableRefresh="true">

 <!--  添加FrameLayout 是為了讓鍵盤(pán)彈起時(shí)候，聊天內(nèi)容（RecyclerView）平移上去效果-->
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/recyler"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="bottom"
                android:overScrollMode="never"
                android:scrollbars="none"
                android:visibility="invisible" />

        </FrameLayout>


    </com.scwang.smart.refresh.layout.SmartRefreshLayout>

    <!-- 按鈕：發(fā)送、輸入框等View -->
    <LinearLayout
        android:id="@+id/button_input"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">


    </LinearLayout>

    <!-- 圖片選擇、語(yǔ)音、視頻等View -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/other_select"
        android:layout_width="match_parent"
        android:layout_height="@dimen/common_dp_114"
        android:visibility="gone">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <!-- emotion 表情選擇View  這個(gè)是自定義View-->
    <EmotionView
        android:id="@+id/emotion"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone" />

</LinearLayout>

2.2：當(dāng)鍵盤(pán)需要彈起鎖內(nèi)容View高度(這里重點(diǎn)講解參數(shù)：height，height = smartRefreshLayoutMaxHeight(聊天內(nèi)容最大高度) - supportSoftInputHeight（鍵盤(pán)的高度)，這樣做的目前就是讓鍵盤(pán)彈起時(shí)候，頁(yè)面感覺(jué)聊天內(nèi)容View平移上效果)

 private void viewLockHeight(int height) {
        LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) smartRefreshLayout.getLayoutParams();
        layoutParams.height = height == 0 ? smartRefreshLayout.getHeight() : height;
        layoutParams.weight = 0.0F;
        smartRefreshLayout.setLayoutParams(layoutParams);
    }

2.3：延遲釋放高度（設(shè)置 layoutParams.weight = 1.0F）

 private void viewReleaseLockHeight(int delayMillis) {
        if (smartRefreshLayout != null) {
            smartRefreshLayout.postDelayed(new Runnable() {
                @Override
                public void run() {
                    if (smartRefreshLayout != null) {
                        LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) smartRefreshLayout.getLayoutParams();
                        layoutParams.height = LinearLayout.LayoutParams.MATCH_PARENT;
                        layoutParams.weight = 1.0F;
                        smartRefreshLayout.setLayoutParams(layoutParams);
                    }
                }
            }, delayMillis == 0 ? 200L : delayMillis);
        }
    }

2.4:RecyclerView展示最后一條數(shù)據(jù)（切換、鍵盤(pán)、表情等）

  public void recyclerStopScroll() {
        recyclerView.stopScroll();
        layoutManager.scrollToPositionWithOffset(0, 0);
    }

3:切換流程

界面正常展示(此時(shí)聊天內(nèi)容界面最大高度展示)--->彈起鍵盤(pán)

①、RecyclerView停止所有事件recyclerStopScrol（）

②、內(nèi)容View鎖高 viewLockHeight(contentViewMaxHeight)

③、起鍵盤(pán)

④、延遲釋放高度viewReleaseLockHeight()

彈起鍵盤(pán)——>表情

①、RecyclerView停止所有事件recyclerStopScrol（）

②、內(nèi)容View鎖高 viewLockHeight(0)

③、收鍵盤(pán)

④、展示表情

⑤、延遲釋放高度viewReleaseLockHeight()

表情——>彈起鍵盤(pán)

①、RecyclerView停止所有事件recyclerStopScrol（）

②、內(nèi)容View鎖高 viewLockHeight(0)

③、彈起鍵盤(pán)

④、收起表情

⑤、延遲釋放高度viewReleaseLockHeight()

總結(jié)

到此這篇關(guān)于android聊天界面鍵盤(pán)、表情切換絲滑實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)android聊天界面鍵盤(pán)表情切換絲滑內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: