直播互動界面優(yōu)化方案

背景:

直播界面的布局是上部16:9的主視頻區(qū)域,下部是聊天輸入布局加上16:9的文檔布局。剩下的區(qū)域放視頻列表,要求適配剩余位置居中。

存在問題:

1,當手機分辨率低,中間剩下的位置較少的情況下,小視頻列表會顯示不全,甚至和上下視頻文檔區(qū)域產(chǎn)生重疊。
2,主播的圖標以及文字被蓋住(這個和小視頻會蓋住主視頻以及文檔區(qū)域一樣,因為小視頻view是后面add進去的)

解決方案:

代碼處理。先算出剩余空間高度,然后按比例給出高度

代碼

獲取到剩余高度傳給videoadapter

mVideoAdapter=newVideoAdapter(DocClassLiveActivity.this,mVideos.getMeasuredHeight());

在videoviewholder里處理每一個item的寬高

VideoViewHolder(View itemView) {
            super(itemView);
            int itemHeight = parentHeight - DisplayUtils.dip2px(5f);
            int itemWidth = (int) (itemHeight / 1.76);
            FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) mDocItemRoot.getLayoutParams();
            layoutParams.setMargins(0,DisplayUtils.dip2px(2.5f),0,DisplayUtils.dip2px(2.5f));
            layoutParams.width = itemWidth;
            layoutParams.height = itemHeight;
            mDocItemRoot.setLayoutParams(layoutParams);

        }

itemHeight 減去5dp是為了給上下留點縫隙,寬高比給她1.76

if(videoStreamView.getIsPresenter()){
              params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                        ViewGroup.LayoutParams.WRAP_CONTENT);
            }else {
                params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                        ViewGroup.LayoutParams.MATCH_PARENT);
            }
            params.addRule(RelativeLayout.CENTER_IN_PARENT);
            renderer.setLayoutParams(params);
            holder.mDocItemRoot.addView(renderer,0 );

添加的時候?qū)κ欠駷橹饕曨l進行區(qū)分,addview的時候后面參數(shù)為0,處理添加的view蓋住主講圖標以及名字問題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,333評論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • 文/陳洗穢 真可惜不是什么歷史大人物,我沒什么大事件一覽表。想起高中整理的7頁A4紙橫鋪相連的大事件表,能讓我看得...
    陳洗穢閱讀 748評論 4 9
  • 煙暮雨綿綿, 穿簾透薄寒。 秋催霜入鬢, 愁緒落眉端。 于2017.10.8
    真水無香_閱讀 381評論 0 9