高仿簡書個人主頁(CoordinatorLayout+吸頂懸浮+狀態(tài)欄&Toolbar背景漸變)

效果圖

仿簡書個人主頁.gif

整體布局

FrameLayout+CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+TabLayout+ViewPager

整體布局.png

關鍵代碼

監(jiān)聽AppBarLayout滑動事件，StatusBar和Toolbar顏色隨著其滑動而不斷改變。

app_bar.addOnOffsetChangedListener(AppBarLayout.OnOffsetChangedListener { appBarLayout, verticalOffset ->
    val ratio = Math.abs(verticalOffset) * 1.0f / appBarLayout.totalScrollRange
    view_status_height.setBackgroundColor(ColorUtils.blendARGB(Color.TRANSPARENT, Color.WHITE, ratio))      
    view_toolbar_bg.setBackgroundColor(ColorUtils.blendARGB(Color.TRANSPARENT, Color.WHITE, ratio))
    iv_toolbar_back.isSelected = ratio >= 0.5
    iv_toolbar_nav.isSelected=ratio >= 0.5
    iv_toolbar_search.isSelected = ratio >= 0.5
    toolbar_title.visibility = if (ratio >= 0.5) View.VISIBLE else View.INVISIBLE
    ImmersionBar.with(this@JSUserInfoActivity).statusBarDarkFont(ratio >= 0.5).init()
})

GitHub

https://github.com/kongpf8848/AndroidWorld

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容