Android自訂UI的實現和應用

標籤：

在Android項目開發中，不可避免的要遇到自訂的UI，用較好的體驗去討好UED妹子和互動設計師手下留情~幾個迭代下來，遇到了不少這樣的要求，有簡單有複雜。最好的實現方案就是講業務和UI隔離，封裝成獨立的UI控制項供以後複用。以下列舉幾個項目中用到的例子，原始碼有的已經整理到Github，還有一些需要最佳化後再整理到GIthub上，暫時先把例子展示出來，待續。。。

目前的項目：嗨健康。各大應用市場免費哦，歡迎下載體驗。。。

O、柱狀圖動態繪製

這個是為了展示計步記錄的，分周和月兩個展示維度，均可滑動，當前頁繪製一個展示周期的資料橫條圖。切換時間時動畫動態展示計步資料。3月中旬嗨健康的版本新增計步功能，會很好的展示這個功能。

項目Demo 預覽展示：http://t.cn/RGYKviS

一、滑動日期組件：在Github的FancyCoverFlow項目基礎上，增加了以下功能。

1.水平時間滑動組件，顯示三種日期：曆史日期，未來日期，當前日期，其中當前日期背景特定。

2.實現滑動阻斷：只能滑動到當前日期，不可滑動到未來日期

3.支援點擊選中，未來日期除外。

4.解決了滑動阻斷和滑動過程每個項目均會經曆選中狀態的衝突。利用setCallbackDuringFling(false)則滑動阻斷實現不了，才用線程睡眠時間間隔判斷的方式.

原Github項目地址:https://github.com/davidschreiber/FancyCoverFlow

改造後的項目地址：https://github.com/RanCustomAndroidUI/FancyCoverFlow

改造後的效果：http://t.cn/RGYKAqM

二、多種樣式的節點進度條Demo

每個節點有未發生、當前、曆史三種狀態。

項目地址：https://github.com/RanCustomAndroidUI/DemoMutiProgress

Demo展示：http://t.cn/RGYK2gU

三、圖片重疊水平控制項Demo

圖片重疊水平控制項Demo，自訂控制項實現，左面的映像壓著右面的。注意如果用傳統的GridView去設定，是右面的壓著左邊的。

項目地址：https://github.com/RanCustomAndroidUI/DemoMutiProgress

Demo展示：http://t.cn/RGYKPpK

四、弧形動畫菜單Demo

點擊主Button後子Button旋轉彈出，每個子Button都可以註冊點擊事件，並且點擊後動畫複原。支援長按拖拽，一共有三個拖拽後可放置的位置，弧形會更根據位置自動變化。

項目地址：https://github.com/maoranbian/HiifitUIKit

Demo展示：http://t.cn/RGYouN8

 

Android自訂UI的實現和應用