喜馬拉雅App
第一章 喜馬拉雅首頁特效,
文章目錄
- 喜馬拉雅App
- 前言
- 一、喜馬拉雅首頁特效
- 1.banner圖切換絲滑改變主題和View的顏色,
- 2.串列的滑動更改主題和View的顏色,
- 3.Fragment切換在不同的頁面主題色都會根據當前所在碎片的banner圖進行設定主題色,
- 4.細節部分:搜索框內的字體以及搜索紅色圓弧的顏色都跟隨改變和切換,以及背景部分有圓角圖案很美,
- 二、我實作的效果如下:
- 1.banner圖切換之間改變主題和View的顏色部分,
- 2.隨著串列滑動切換主題和View的顏色部分,
- 3.隨著碎片切換主題色絲滑改變且當前在頂層的碎片決定主題色,以及背景圖案等的細節處理,
- 三、每個功能的實作思路和代碼,
- 1.主題顏色根據banner圖的顏色來顯示的,我們會想到Palette(調色板)顏色分析幫助類,不明白的可以看我的博客[Palette打造你炫酷統一色彩的界面](https://blog.csdn.net/m0_37667770/article/details/79575749),2年前寫的比較簡陋看看就行,
- 總結
前言
喜馬拉雅UI是目前我所看到的最優美簡潔體驗效果極佳的應用了,作業之余寫寫特效歡迎一起進步學習
一、喜馬拉雅首頁特效
1.banner圖切換絲滑改變主題和View的顏色,
2.串列的滑動更改主題和View的顏色,

3.Fragment切換在不同的頁面主題色都會根據當前所在碎片的banner圖進行設定主題色,

4.細節部分:搜索框內的字體以及搜索紅色圓弧的顏色都跟隨改變和切換,以及背景部分有圓角圖案很美,

二、我實作的效果如下:
1.banner圖切換之間改變主題和View的顏色部分,

2.隨著串列滑動切換主題和View的顏色部分,

3.隨著碎片切換主題色絲滑改變且當前在頂層的碎片決定主題色,以及背景圖案等的細節處理,

三、每個功能的實作思路和代碼,
1.主題顏色根據banner圖的顏色來顯示的,我們會想到Palette(調色板)顏色分析幫助類,不明白的可以看我的博客Palette打造你炫酷統一色彩的界面,2年前寫的比較簡陋看看就行,
首先我們看看Palette如何獲取顏色,
總結
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/184744.html
標籤:其他
下一篇:建立網站的選擇
