iOS 自定義進度條
1. 建立MTProcessView, 並繼承自UIButton
MTProcessView.h
#import <UIKit/UIKit.h>
@interface MTProcessView : UIButton
// 進度
@property (nonatomic, assign)float process;
@end
MTProcessView.m實現
#import "MTProcessView.h"
@implementation MTProcessView
// 設定進度
- (void)setProcess:(float)process {
_process = process;
// 設定文字
[self setTitle:[NSString stringWithFormat:@"%0.2f%%", process * 100] forState:UIControlStateNormal];
// 重繪
[self setNeedsDisplay];
}
// 使用貝塞爾曲線畫圓
- (void)drawRect:(CGRect)rect {
// 建立一個貝塞爾曲線
UIBezierPath *path = [UIBezierPath bezierPath];
// 圓心
CGPoint center = CGPointMake(rect.size.width / 2, rect.size.height / 2);
// 圓半徑
CGFloat radius = MIN(center.x, center.y) - 5;
// 開始弧度
CGFloat startAngle = - M_PI_2;
// 結束弧度
CGFloat endAngle = 2 * M_PI * self.process + startAngle;
// 化弧
[path addArcWithCenter:center radius:radius startAngle:startAngle endAngle:endAngle clockwise:YES];
// 設定線寬
path.lineWidth = 5;
// 設定筆的風格--圓形
path.lineCapStyle = kCGLineCapRound;
// 設定線的顏色
[[UIColor orangeColor] setStroke];
// 繪畫
[path stroke];
}
@end
2. 使用
1). 在Main.Storyboard中拖入一個UIButton,然後設定Class為自己定義的MTProcessView
2). 設定Type為Custom, 並設定Text Color為自己想要的顏色
3). 通過連線到ViewController.m中,為其屬性_process賦值即可。
self.processView.process = process;
相關文章
- ios自定義圓環進度條iOS
- 自定義進度條
- 自定義view - 進度條View
- 自定義進度條列表
- 自定義圓形進度條
- laravel自定義命令列印進度條Laravel命令列
- carousel 輪播自定義進度條
- Artisan 進度條 自定義輸出格式
- Android自定義圓形進度條Android
- 【Android】自定義ProgressView-進度條動畫AndroidView動畫
- android 自定義酷炫進度條動畫Android動畫
- YCProgress自定義百分比進度條
- Android進階 自定義View(三)圓形刻度進度條AndroidView
- Android自定義圓形進度條原始碼解析Android原始碼
- Android自定義圓形進度條實現程式碼Android
- 短視訊商城系統,Android進度條,自定義進度條,顯示百分比Android
- vue 自定義指令實現,滾動條百分比進度條。Vue
- 打造可顯示上傳內容的自定義進度條
- 自定義SeekBar顯示進度
- iOS WKWebView新增進度條02iOSWebView
- iOS UIWebview仿微信進度條iOSUIWebView
- 短視訊平臺搭建,Android自定義旋轉進度條Android
- 【新特性速遞】進度條,進度條,進度條
- [-Flutter 自定義元件-] 圓形進度條Flutter元件
- Android Paint應用之自定義View實現進度條控制元件AndroidAIView控制元件
- 3個自定義view佈局:矩形TextView,圓形進度條,圓環viewTextView
- Android自定義View——從零開始實現圓形進度條AndroidView
- Android自定義控制元件系列之圓形進度條的實現Android控制元件
- iOS實現音訊進度條效果iOS音訊
- Android 自定義圓形旋轉進度條,仿微博頭像載入效果Android
- element-ui 上傳元件 自定義上傳沒有進度條解決方法UI元件
- 短視訊開發app,自定義帶進度條的視訊播放按鈕APP
- Android Studio通過style和layer-list實現自定義進度條Android
- iOS專案開發實戰——自定義圓形進度提示控制元件iOS控制元件
- iOS UIWebView載入時新增進度條01iOSUIWebView
- Android 自定義 View:包含多種狀態的下載用圓形進度條AndroidView
- Android原生繪圖進度條+簡單自定義屬性程式碼生成器Android繪圖
- ajax進度條 非同步下載進度條非同步