一对一直播源码开发，表情面板无缝切换的实现

在一对一直播源码使用过程中&＃xff0c;有时会出现软键盘切换闪屏问题&＃xff0c;就是当切换表情的时候屏幕会跳动&＃xff0c;因此要对一对一直播源码表情面板无缝切换进行优化。

第一步
在module的build.gradle中加入&＃xff08;这个库很小&＃xff0c;8个类&＃xff0c;最大类也就200来行代码&＃xff0c;小类几十行代码&＃xff09;

compile &＃39;net.qiujuer.widget:airpanel:1.0.0&＃39;

第二步
创建空气面板布局lay_chat_air_panel.xml(这个里面就需要用到库中的自定的一个控件了)




AirPanelLinearLayout


这里给出这个fragment的相关逻辑实现(当然这个逻辑和软键盘没有任何关系了&＃xff0c;只是负责控制哪个面板的显示和隐藏&＃xff0c;因为所有的关于软键盘的控制都已经被AirPanelLinearLayout完成了)

public class PanelFragment extends BaseFragment implements FaceListener {//表情面板private View mFacePanel;//图片相册面板private View mGalleryPanel;//录音面板private View mRecordPanel;private PanelCallback mCallback;public PanelFragment() {// Required empty public constructor}&＃64;Overrideprotected int getContentLayoutId() {return R.layout.fragment_panel;}&＃64;Overrideprotected void initView(View view) {super.initView(view);initRecord(view);initFace(view);initGallery(view);}//初始化表情布局private void initFace(View root) {View facePanel &＃61; mFacePanel &＃61; root.findViewById(R.id.lay_face_panel);//todo 接下来就是相关的表情加载和相关点击的实现 这个有空就为大家在以后的文章中讲解//}/*** 初始化录音布局** &＃64;param root 根布局*/private void initRecord(View root) {View recordPanel &＃61; mRecordPanel &＃61; root.findViewById(R.id.lay_record_panel);//todo 接下来就是相关的语音录制相关点击的实现 这个有空就为大家在以后的文章中讲解}/*** 初始化图片画廊** &＃64;param root 根布局*/private void initGallery(View root) {View galleryPanel &＃61; mGalleryPanel &＃61; root.findViewById(R.id.lay_gallery_panel);//todo 接下来就是相关的图片展示和相关点击的实现 这个有空就为大家在以后的文章中讲解}/*** 发送** &＃64;param galleryView* &＃64;param paths*/private void onSendGalleryClick(GalleryView galleryView, String[] paths) {galleryView.clear();PanelCallback callback &＃61; mCallback;if (callback &＃61;&＃61; null)return;callback.onSendGalleryClick(paths);}public void setup(PanelCallback callback) {this.mCallback &＃61; callback;}public boolean isOpenFace() {return mFacePanel.getVisibility() &＃61;&＃61; View.VISIBLE;}public boolean isOpenMore() {return mGalleryPanel.getVisibility() &＃61;&＃61; View.VISIBLE;}/*** 显示表情界面*/public void showFace() {mFacePanel.setVisibility(View.VISIBLE);mGalleryPanel.setVisibility(View.GONE);mRecordPanel.setVisibility(View.GONE);}/*** 显示录音界面*/public void showRecord() {mFacePanel.setVisibility(View.GONE);mGalleryPanel.setVisibility(View.GONE);mRecordPanel.setVisibility(View.VISIBLE);}/*** 显示图片界面*/public void showGallery() {mFacePanel.setVisibility(View.GONE);mGalleryPanel.setVisibility(View.VISIBLE);mRecordPanel.setVisibility(View.GONE);GalleryView view &＃61; (GalleryView) mGalleryPanel.findViewById(R.id.view_gallery);view.clear();}public void showMore() {showGallery();}/*** 面板变化和相关输入输出的回调*/public interface PanelCallback {//获取到输入的EditText的值EditText getInputEditText();/*** 点击发送按钮的时候发送图片地址集合** &＃64;param paths 本地相册图片路径*/void onSendGalleryClick(String[] paths);/*** 录音完成的时候回调** &＃64;param file 录音文件* &＃64;param time 录音时长*/void onRecordDone(File file, long time);}
}

这个时候万事俱备&＃xff0c;只差我们怎么使用了&＃xff0c;不急&＃xff0c;一步一步来&＃xff0c;毕竟心急吃不了热豆腐。刚才创建的那个布局&＃xff0c;我们放到我们需要使用的fragment或者activity的布局里面

好了&＃xff0c;看下如何在fragment编写相关逻辑吧&＃xff0c;当然我这里使用的是fragment&＃xff0c;activity里面使用的逻辑也是一样的。

//第一步//刚才我们实现的面板fragmentprivate PanelFragment mPanelContent;//接口private AirPanel.Boss mPanelBoss;//第二步mPanelBoss &＃61; (AirPanel.Boss) view.findViewById(R.id.lay_container); //这个id就是根布局的id (也就是AirPanelLinearLayout或者是子类的id)mPanelBoss.setPanelListener(new AirPanel.Listener() {&＃64;Overridepublic void requestHideSoftKeyboard() {// 这里面传递的是EditText控件 也就是我们的输入控件 Util这个方法是集成的库中的工具类Util.hideKeyboard(mEtContent);}});//第三步 找到我们的fragment 可以操作里面的控制逻辑PanelFragment fragment &＃61; (PanelFragment) getChildFragmentManager().findFragmentById(R.id.frag_panel);//让我们的fragment实现这个方法PanelCallbackfragment.setup(this);mPanelContent &＃61; fragment;//这个时候我们可以操作了 因为实现了PanelCallback这个接口&＃xff0c;那么会实现里面的方法&＃xff0c;我们看下如何处理吧&＃64;Overridepublic EditText getInputEditText() {//获取表情输入 当然需要自己进行转换return mEtContent;}&＃64;Overridepublic void onSendGalleryClick(String[] paths) {//图片地址 这个时候我们需要进行上传逻辑mPresenter.pushImages(paths);}&＃64;Overridepublic void onRecordDone(File file, long time) {//语音的发起mPresenter.pushAudio(file.getAbsolutePath(), time);}

然后我们看下点击逻辑吧

//语音切换&＃64;OnClick(R.id.btn_record)void onRecordClick() {if (mPanelBoss.isOpen()) {Util.showKeyboard(mEtContent);} else {mPanelContent.showRecord();mPanelBoss.openPanel();}}//图片点击private void onMoreClick() {if (mPanelBoss.isOpen() && mPanelContent.isOpenMore()) {Util.showKeyboard(mEtContent);} else {mPanelContent.showMore();mPanelBoss.openPanel();}}//表情点击&＃64;OnClick(R.id.btn_face)void onFaceClick() {if (mPanelBoss.isOpen() && mPanelContent.isOpenFace()) {//显示输入法Util.showKeyboard(mEtContent);} else {mPanelContent.showFace();mPanelBoss.openPanel();}}

好了&＃xff0c;这个时候就已经完美的实现了一对一直播源码中表情、输入法、语音、图片面板的切换了&＃xff0c;是不是很简单哈。以上就是“一对一直播源码开发&＃xff0c;表情面板无缝切换的实现”的全部内容了&＃xff0c;希望对大家有帮助。