文章詳情頁的實現(xiàn)——WebView和RecyclerView混合

近日接到一個需求狼犯,需要在一個頁面上方用webview顯示網(wǎng)頁的內(nèi)容女揭,下半部分用原生實現(xiàn)一個評論列表肋杖。


網(wǎng)頁承載部分
網(wǎng)頁和原生列表交界處

初步想法有兩個:

1屏鳍、Header模式:用RecyclerView顯示原生的評論列表勘纯,把WebView作為RecyclerView的第0項。

ViewGroup.LayoutParams lp =newViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);

WebView web =newWebView(parent.getContext());

web.setLayoutParams(lp);

需要把WebView撐開钓瞭,保證WebView的內(nèi)容完全展示驳遵。

2、ScrollView模式:最外層用NestedScrollView容器山涡,內(nèi)層放一個LinearLayout,從上到下依次是WebView和RecyclerView;


布局樹

布局上沒有什么大的問題堤结,就是滾動會覺得有點卡,沒有關(guān)系鸭丛,設(shè)置一下就好了竞穷。

LinearLayoutManager layoutManager =newLinearLayoutManager(this);

layoutManager.setSmoothScrollbarEnabled(true);

layoutManager.setAutoMeasureEnabled(true);


recyclerView.setLayoutManager(layoutManager);

recyclerView.setHasFixedSize(true);

recyclerView.setNestedScrollingEnabled(false);

recyclerView.setLayoutManager(layoutManager);


Pros and Cons:

總的來說,優(yōu)缺點非常明顯鳞溉,在評論列表條數(shù)特別多(實驗時用了500條)的時候:

頁面初始化結(jié)束時:Header模式申請的內(nèi)存為25.77m瘾带;ScrollView模式申請的內(nèi)存為37.87m

列表滾動到底時:Header模式申請的內(nèi)存為28.09m; ScrollView模式申請的內(nèi)存為40.63m

gc后:Header模式申請的內(nèi)存為25.05m; ScrollView模式申請的內(nèi)存為27.77m


Example: https://github.com/bobbySpace/WebviewAndList


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市熟菲,隨后出現(xiàn)的幾起案子看政,更是在濱河造成了極大的恐慌,老刑警劉巖抄罕,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件允蚣,死亡現(xiàn)場離奇詭異,居然都是意外死亡呆贿,警方通過查閱死者的電腦和手機(jī)嚷兔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谴垫,你說我怎么就攤上這事章母。” “怎么了翩剪?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵乳怎,是天一觀的道長。 經(jīng)常有香客問我前弯,道長蚪缀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任恕出,我火速辦了婚禮询枚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浙巫。我一直安慰自己金蜀,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布的畴。 她就那樣靜靜地躺著渊抄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪丧裁。 梳的紋絲不亂的頭發(fā)上护桦,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天,我揣著相機(jī)與錄音煎娇,去河邊找鬼二庵。 笑死,一個胖子當(dāng)著我的面吹牛缓呛,可吹牛的內(nèi)容都是我干的催享。 我是一名探鬼主播,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼哟绊,長吁一口氣:“原來是場噩夢啊……” “哼睡陪!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起匿情,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎信殊,沒想到半個月后炬称,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡涡拘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年玲躯,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡跷车,死狀恐怖棘利,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情朽缴,我是刑警寧澤善玫,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布,位于F島的核電站密强,受9級特大地震影響茅郎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜或渤,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一系冗、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧薪鹦,春花似錦掌敬、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至框仔,卻和暖如春舀武,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背离斩。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工银舱, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人跛梗。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓寻馏,卻偏偏與公主長得像,于是被迫代替她去往敵國和親核偿。 傳聞我的和親對象是個殘疾皇子诚欠,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,576評論 2 349

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,806評論 25 707
  • 簡介: 提供一個讓有限的窗口變成一個大數(shù)據(jù)集的靈活視圖。 術(shù)語表: Adapter:RecyclerView的子類...
    酷泡泡閱讀 5,148評論 0 16
  • 2017年 12.月5日 晴 相機(jī)再好也美化不了父母年邁,皺紋的臉龐尼荆,爸媽左腔,辛苦了 這幾天回來簡簡單單陪伴你們,足...
    黃曉來閱讀 225評論 0 0
  • 人所謂入世者捅儒,七竅玲瓏滑而不實液样。心思剔透不易與之振亮,視為正常的社會個體。而活的放蕩不羈鞭莽,不拘泥于人情世故坊秸。 什么叫適...
    布衣天心閱讀 202評論 0 0
  • 下午的舞蹈課被罰蹲著跳50個還好堅持住了。 下自修課回社團(tuán)看看澎怒,大家都還好吧褒搔。看著自己的照片有點開心丹拯。 晚上和大家...
    逆風(fēng)追夢人閱讀 109評論 0 0