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

背景:

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

存在問題:

1,當(dāng)手機(jī)分辨率低犁罩,中間剩下的位置較少的情況下穷蛹,小視頻列表會顯示不全,甚至和上下視頻文檔區(qū)域產(chǎn)生重疊昼汗。
2肴熏,主播的圖標(biāo)以及文字被蓋住(這個和小視頻會蓋住主視頻以及文檔區(qū)域一樣顷窒,因?yàn)樾∫曨lview是后面add進(jìn)去的)

解決方案:

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

代碼

獲取到剩余高度傳給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是為了給上下留點(diǎn)縫隙鞋吉,寬高比給她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進(jìn)行區(qū)分鸦做,addview的時候后面參數(shù)為0,處理添加的view蓋住主講圖標(biāo)以及名字問題谓着。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末泼诱,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子赊锚,更是在濱河造成了極大的恐慌治筒,老刑警劉巖屉栓,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異耸袜,居然都是意外死亡友多,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門堤框,熙熙樓的掌柜王于貴愁眉苦臉地迎上來域滥,“玉大人,你說我怎么就攤上這事蜈抓∑舸拢” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵沟使,是天一觀的道長委可。 經(jīng)常有香客問我,道長格带,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任刹枉,我火速辦了婚禮叽唱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘微宝。我一直安慰自己棺亭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布蟋软。 她就那樣靜靜地躺著镶摘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪岳守。 梳的紋絲不亂的頭發(fā)上凄敢,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機(jī)與錄音湿痢,去河邊找鬼涝缝。 笑死,一個胖子當(dāng)著我的面吹牛譬重,可吹牛的內(nèi)容都是我干的拒逮。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼臀规,長吁一口氣:“原來是場噩夢啊……” “哼滩援!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起塔嬉,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤玩徊,失蹤者是張志新(化名)和其女友劉穎租悄,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體佣赖,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡恰矩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了憎蛤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片外傅。...
    茶點(diǎn)故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖俩檬,靈堂內(nèi)的尸體忽然破棺而出萎胰,到底是詐尸還是另有隱情,我是刑警寧澤棚辽,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布技竟,位于F島的核電站,受9級特大地震影響屈藐,放射性物質(zhì)發(fā)生泄漏榔组。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一联逻、第九天 我趴在偏房一處隱蔽的房頂上張望搓扯。 院中可真熱鬧,春花似錦包归、人聲如沸锨推。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽换可。三九已至,卻和暖如春厦幅,著一層夾襖步出監(jiān)牢的瞬間沾鳄,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工确憨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留洞渔,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓缚态,卻偏偏與公主長得像磁椒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子玫芦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評論 2 345

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

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