自定義儀表盤
1.前言
由於專案需要實現一個類似於儀表盤的功能顯示當前裝置的狀態,就像各個手機衛士主頁的評分控制元件。
2.實現
- 起初還是一如既往,有沒有現成的,有的話直接用或者改一改,簡單方便,但後來沒有找到一個適合我專案的開源儀表控制元件,參考了一些相關控制元件後決定自己寫一個,雖然自定義View可能是安卓裡最弱的一項,但這個還是很簡單的。
2.需要實現進度條平滑的遞增,一個簡單的動畫,其次可以實現任意角度的圓形進度,第三實現漸變色(這個search好久才查到可能很少人用的原因,也可能是我自定義View有點row).
3.碼區
attr程式碼
<attr name="is_dashed_circular" format="boolean"/> <!--是否是虛線-->
<attr name="max_visible_arc" format="integer"/> <!--最大角度-->
<attr name="progress_count" format="integer" /> <!--當前進度-->
<attr name="each_progress_width" format="integer"/> <!--每個進度的寬度-->
<attr name="each_progress_height" format="integer" /> <!--每個進度的高度-->
<attr name="central_width" format="integer"/> <!--第二個圓環的寬度-->
<attr name="finished_progress_color" format="color"/> <!--完成的進度顏色-->
<attr name="unfinished_progress_color" format="color"/> <!--未完成進度的顏色-->
<attr name="fill_center_color" format="color"/> <!--內圓顏色-->
<attr name="fill_central_color" format="color"/> <!--第二個圓環的顏色-->
其他的可以看程式碼就一個類
4.效果圖
5.github地址
相關文章
- C#自定義控制元件—儀表盤C#控制元件
- Android自定義view系列:手擼一個帶點兒科技感的儀表盤!AndroidView
- c#WinFrom自定義圖表儀表控制元件-頻譜C#控制元件
- Android自定義View之分貝儀AndroidView
- Python pyecharts繪製儀表盤PythonEcharts
- android自定義view(自定義數字鍵盤)AndroidView
- vue自定義鍵盤Vue
- 自定義Android鍵盤Android
- 自定義鍵盤(二)
- 自定義鍵盤(一)
- android 自定義鍵盤Android
- Hystrix-Dashboard儀表盤的使用
- 裝置儀器儀表盤讀數識別系統
- 自定義 Android 鐘表盤,這一篇就夠了Android
- 開源儀表盤-Dashboard-C#/WFC#
- 儀表盤場景的前端優化前端優化
- Flink 自定義維表
- 過分簡單,Tabluea儀表板與Smartbi自助儀表盤製作流程分享
- Android自定義數字鍵盤Android
- 小米手環錶盤自定義
- 用canvas寫出ui想要的儀表盤CanvasUI
- 從儀表盤探索 MongoDB 關鍵指標MongoDB指標
- elementUI 2.0.11自定義表頭UI
- elementUI table 自定義表頭UI
- Laravel 自定義表單驗證-自定義驗證規則Laravel
- iOS 自定義鍵盤字母按鈕iOS
- Swift自定義表情鍵盤+錄音Swift
- Android自定義view之emoji鍵盤AndroidView
- win10桌面cpu儀表盤怎麼顯示_win10系統cpu儀表盤如何開啟Win10
- Android-儀表盤控制元件仿芝麻信用Android控制元件
- Layui 自定義表單驗證UI
- dxGaugeControl雙圓環百分比儀表盤
- Grafana新手教程-實現儀表盤建立和告警推送Grafana
- Tabluea、Smartbi視覺化儀表盤建立流程圖分享視覺化流程圖
- react實戰系列 —— 我的儀表盤(bizcharts、antd、moment)React
- SharePoint Online 自定義Modern UI表單UI
- 小程式自定義表單校驗
- AngularJS自定義表單控制元件AngularJS控制元件
- java 自定義表單設計方案Java