先放幾張效果圖，不是太會錄，動態圖作的不太好將就看

底下有demo地址，整個繪製過程沒有用到任何第三方庫，純自定義View,包括各類觸摸動做也都是本身寫的計算方式（平移，放大縮小，指示器接管觸摸反饋 ，嵌套在滑動控件裏面的觸摸衝突），很少說，放上圖，本身錄得，不太會錄，將就看（一個錄屏分紅了不少個GIF圖）git

01github

02

03

04

05

06 橫屏不會錄，（手動捂臉）

07 橫屏不會錄，（手動捂臉）

08 橫屏不會錄，（手動捂臉）

09 橫屏不會錄，（手動捂臉）

10 橫屏不會錄，（手動捂臉）
web

Demo 地址

https://github.com/zcy2280497150/ZCYKlineapp

小小的K線圖，裏面涉及到的東西仍是不少的，看到橫屏的圖能夠看到，主圖和副圖都還有計劃指標沒有所有實現，若是有需求，對着前面實現的指標照葫蘆畫瓢應該沒問題吧？（代碼可能寫的有些粗糙，可是隻要你能用自定義視圖把它完整的寫出來了，相信也沒什麼效果是你完成不了的了）svg

後面我會把整個過程詳細的分紅幾篇整理出來，一共大概分如下幾步設計

拿到設計圖（找個不錯的app截圖，好比火幣）
分析圖層（視圖 分層 分塊）
設計總體的實現方式
按照第三步設計好的流程，一步一步的完成各個圖層圖塊
實現觸摸反饋和處理觸摸衝突

本文原創 轉載請註明出處3d