Android-UI控件

手摸手教你寫 Slack 的 Loading 動畫

四步實現：
畫布旋轉及線條變化動畫（Canvas Rotate Line Change）
畫布旋轉動畫（Canvas Rotate）
畫布旋轉圓圈變化動畫（Canvas Rotate Circle Change）
線條變化動畫（Line Change）

自定義 View—風車的繪製和動畫

仿華爲天氣中風車的實現，能夠設定風速用來調節風車的轉速快慢

自定義動畫效果的 Drawable

實現動畫效果的 Drawable，能夠和通常的 Drawable 同樣使用，對於相同的動畫效果比自定義 View 更輕量級

詳解 View 的基礎概念

在 Android 中, View 做爲最重要的顯示控件, 概念與參數較多. 全部的顯示控件都繼承於 View, 包含 ViewGroup 也是繼承於 View. 本文含有 Demo, 歡迎 Follow 個人 GitHub: https://github.com/SpikeKing

Android 自定義 View——圓形進度條式按鈕

Android 自定義 view 技能繼續 get, 快上車!

[仿照 [餓了麼] 下單按鈕的自定義 View](https://juejin.im/entry/581da...

就當學習自定義 View 和動畫

貝塞爾曲線之購物車動畫效果

question 貝塞爾曲線是什麼？ 貝塞爾曲線能夠作什麼? 怎麼作？ what is it？ 貝塞爾曲線在百度定義是貝塞爾曲線(Bézier curve)，又稱貝茲曲線或貝濟埃曲線，是應用於二維圖形應用程序的數學曲線。 do what? 貝塞爾曲線根據不一樣點實現不一樣動態效果：…

十分鐘完全弄明白 View 事件分發機制

Android 開發，觸控無處不在。對於一些 不咋看源碼的同窗來講，多少對這塊都會有一些疑惑。View 事件的分發機制，不只在作業務需求中會碰到這些問題，在一些面試筆試題中也常有人問，可謂是老生常談了。我之前也看過不少人寫的這方面的文章，不是說的太囉嗦就是太模糊，還有一些在細節上寫的也有爭議，故再次從新整理一下這塊內容，十分鐘讓你搞明白 View 事件的分發機制。

這交互炸了：餓了麼是怎麼讓Image變成詳情頁的

晚上叫外賣，打開餓了麼，發現推了一個版本，更新之後，點開了個雞腿，哇，交互炫炸了。 本文同步自wing的地方酒館 不過仍是有槽點。我是無心中才發現能夠左右滑動的。這。。。你不告訴我，我怎麼知道左右能夠滑。 https://github.com/githubwing...…

Material Design 系列，自定義 Behavior 之上滑顯示返回頂部按鈕

有時候咱們的頁面內容過長的時候，滑動到頁面底部用戶再滑動到頂部很麻煩，Android 不像 iOS 能夠點擊 statusBar 回到頂部，通常都是雙擊 Toolbar/ActionBar 或者在底部放一個按鈕。今天咱們就利用自定義 Behavior 來實現這個回到頂部按鈕的漸顯的動畫效果。若是對個人 Behavior 博文感興趣的，那麼看官能夠在文章頂部找到我其它關於 Behavior 的博文。

Android屬性動畫詳解(一)，屬性動畫基本用法

Hello，你們好，今天又來裝逼了，裝逼也上癮啊，最近公司不是特別忙，我想這也就是我出來裝逼的最好時機吧!額，，哈哈，進入正題。若有疑問歡迎留言，若有謬誤歡迎批評指正。 在Tween動畫的討論中，咱們提到在Android中動畫能夠分爲三類：①幀動畫②Tween(補間動畫)③Pr…

自定義 ViewGroup - 自動換行 Layout

自定義控件——自動換行 Layout

讓你的 App 提高一個檔次－酷炫自定義控件

做者還在維護的 android UI 相關開源庫集合，大部分是 custom view，部分 UI 設計相關

WaveLoadingView - 波浪式加載控件

WaveLoadingView - 幫你輕鬆實現波浪式加載，提供高度定製（各類姿式），總有一種玩法適合你。

貝塞爾曲線開發的藝術

貝塞爾曲線開發的藝術

六邊形戰士—雷達圖實現

一個自定義雷達圖的實現思想

Android Material 之CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar 等的說明和使用

android design 包下的控件使用和說明，CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar、NestedScrollView、RecyclerView、FloatingActionButton 等，附 demo 源碼。

Android 高仿微信語音聊天頁面高斯模糊效果

Android 高仿微信語音聊天頁面高斯模糊效果

Android 位移動畫之——TranslateAnimation 實現大師哥運送快遞動畫

Android 位移動畫之——TranslateAnimation 實現大師哥運送快遞動畫

三種方式實現 RecyclerView 的 Item 點擊事件

1. 經過 RecyclerView 已有的方法 addOnItemTouchListener() 實現；2. 在建立 ItemView 時添加點擊監聽；3. 當 ItemView attach RecyclerView 時實現。

手摸手教你寫炫酷控件（仿即刻首頁垂直滾動圖）

簡單易懂！手摸手一步步教你

Android 自定義卡劵效果 View

輕鬆簡單的實現卡劵效果

Google I/O 2016 筆記之 Layout 新世界 - ConstraintLayout

Google I/O 2016 上發佈了新的佈局：ConstraintLayout，本文介紹了此佈局的基礎使用。

還在羨慕微信／微博的圖片處理?－Android 酷炫圖片處理 (下)

Android 酷炫優雅的圖片處理，讓你的 app 逼格逐漸高起來！

仿淘寶、京東多重商品屬性組合 Sku 標籤

首先聲明, 在這個 Demo 中我用到了 zhy 大神的自定義控件 Android TagFlowLayout 徹底解析 一款針對 Tag 的佈局, 我只是在他的基礎上對源碼進行了一些修改, 能夠運用到個人項目中。

Material Design Library 使用匯總

本文對 Material Design Library 裏面的庫類的使用作一個簡單的彙總，方便之後能快速查詢、快速上手使用。本文包括如下內容：
Color Palette、 Toolbar、AppBarLayout、CollapsingToolbarLayout、CoordinatorLayout、DrawerLayout、NavigationView、Floating Action Button (FAB)、Snackbar、TabLayout、TextInputLayout ......

從無到有打造一個炫酷的進度條效果

從無到有打造一個炫酷的進度條效果，實現一個特別的進度提示效果~

簡單易用支持下拉放大, 上拉跳轉的 Recyclerview

使用步驟也十分簡單

教你一分鐘實現動態模糊效果

仿雅虎天氣，實現動態模糊

30 行代碼，打造一個垂直的 ViewPager

30 行代碼，如何打造一個垂直的 ViewPager？

BRVAH 小白筆記之分組篇

最近在公司作小項目，須要用到分組功能，通常來說，可使用 listview 嵌套 gridview 來實現，也能夠用 recyclerview 來實現。博主試過使用 listview 嵌套 gridview，實現是實現了，就是優化不到位，會掉幀。而後使用 recyclerview，想了大半天作了出來，但是效果也很差。因而問了下能不能用第三方庫，畢竟前段時間發現了 BaseRecyclerViewAdapterHelper（下文簡稱 BRVAH）這個優秀的 RecyclerViewAdapter 高度定製開源庫。結果獲得了確定，而且公司鼓勵使用優秀的第三方開源庫！而後！跟着我一塊兒用吧！

ViewPager 從入門到帶你擼個啓動頁之實戰 PageTransformer 切換動畫特效（四）

Android 從 3.0 開始，google 官方新增了屬性動畫，而 ViewPager 也新增了 ViewPager.PageTransformer 接口，咱們能夠經過這個接口來實現很是不錯動畫切換效果，Google 官網也給咱們提供了兩個動畫例子：DepthPageTransformer 和 ZoomOutPageTransformer。下面咱們先來看看這兩個動畫效果

福利：如何打造一款萬能的 RecyclerView 適配器

瀟瀟灑灑走一回，沒有最吊，只有更吊~~~ 教你如何從零開始打造一款萬能適配器，之後還會慢慢更新的

安卓着色器 (tint) 使用實踐

一張質量圖適配全部顏色

FlyRefresh—不同的下拉刷新

第一眼看到這個設計就以爲眼前一亮，在 Dribble 上得到了 1.7k 多的 like，微博上也有大量轉發。可見確實一個很成功的設計。我準備在 Android 上來實現它。

栗子——Android 新特性之篩選菜單

Android 新特性之篩選菜單

自定義 ShareView 之 NavigationBar 適配

分享功能在實際項目開發中常常用到的，有多是在屏幕中間彈出的 Dialog 對話框，也有多是從屏幕下方滑上來的視圖。本文是自定義從屏幕下方滑上來的分享控件，將 ShareView add 到 DecorView 上，可是在帶 NavigationBar 導航條的手機上出現適配問題，下面是我碰到的問題及解決方法。

Material Design 系列，自定義 Behavior 實現 Android 知乎首頁

Android 自定義 Behavior 實現 Android 知乎首頁上下滑動時動畫隱藏和顯示 FAB、TAB 等，留出更大的空間給用戶瀏覽內容。

Android 用戶引導庫 MaterialIntroView 使用及源碼分析

輕巧而精緻的 Android 用戶引導庫。一種可以快速實現，方便維護，並儘量減小與設計師之間的冗餘溝通的解決方案。

一個庫搞定 recyclerview

商業項目持續打磨，功能強大、使用簡單、擴展性強。

咱們是如何實現漂亮動畫的－列車飛馳的加載動畫

上週，咱們把 Captain Train app 改名爲了 Trainline。這意味着咱們必須改變顏色，圖標，空白狀態以及動畫等以匹配咱們的新商標。

在建立新的加載動畫的時候咱們遇到了一些問題。所以我以爲這篇博客可能對開發者夥伴們有點用。實際上，我將嘗試解釋一下咱們是如何設計與實現這個動畫的。

LeafChart(4)- 繪製動畫曲線圖

自定義圖表庫——繪製動態曲線圖

會了這些，你也能成爲自定義 View 大咖

收集了自定義 View 最優質的學習資料。

Android 自定義控件之 CircleRotaProgressBar

自定義了一個圓形 ProgressBar 能夠設置動畫狀態，表示進度在進行仍是暫停

把 RecyclerView 擼成 馬 蜂 窩

教你一步步實現一個 RecyclerView 的蜂窩佈局管理器。

Android 自定義控件之自定義 ViewGroup 實現標籤雲

前面幾篇講了自定義控件繪製原理 Android 自定義控件之基本原理（一），自定義屬性 Android 自定義控件之自定義屬性（二），自定義組合控件 Android 自定義控件之自定義組合控件（三），常言道：「好記性不如爛筆頭，光說不練假把式！！！」，做爲一名學渣就是由於沒有遵循這句名言才淪落於此，因此要謹遵教誨，注重理論與實踐相結合，今天經過自定義 ViewGroup 來實現一下項目中用到的標籤雲。

Android 繞球心旋轉的引導頁效果

Android 繞球心旋轉的引導頁效果

真實項目運用 - RecyclerView 封裝

今天這篇文章來談一談 RecyclerView 的封裝，對 RecyclerView 的一些使用點進行總結，以及如何將 RecyclerView 的 adapter 進一步簡化。

自定義 View 之高仿 nubia 計時器

一個高仿 nubia 計時器的自定義 view，有興趣的能夠看一下。。。以爲還能夠請給個start >_<

實現炫酷的 Material 登陸效果

UI 美觀，動畫效果豐富！

TextInput 詳解 · Material Design Part 1

從 0 開始，按一個 App 打開流程的路線，介紹全部 Material Design 組件的使用和部分關鍵效果的實現原理，歡迎閱讀~

SuperRecycleView 讓你神速的完成你的列表 - Android

一個集成了下拉刷新上拉加載，側滑菜單的 RecycleView。可以讓你一句話實現複雜的列表

乾貨：五分鐘帶你看懂NestedScrolling嵌套滑動機制

Android NestedScrolling嵌套滑動機制 Android在發佈5.0以後加入了嵌套滑動機制NestedScrolling,爲嵌套滑動提供了更方便的處理方案。在此對嵌套滑動機制進行詳細的分析。 嵌套滑動的常見用法好比在滑動列表的時候隱藏相關的TopBar和Bot…

ViewPageerTransform 深刻理解

ViewPageerTransform 深刻理解, 給 viewpager 切換加動畫

Android 實現本身的 RecyclerView 加載更多

Android 實現本身的 RecyclerView 加載更多其實很簡單