前言:
前段時(shí)間梧油,項(xiàng)目中要使用一個(gè)按鈕背景為黃色的彈框樣式,然后title字體和message字體的大小和顏色也需要調(diào)整催式。由于系統(tǒng)UIAlertController的樣式修改局限:調(diào)整title和message字體的大小和顏色倒是可以根據(jù)私有屬性進(jìn)行修改(不推薦箕速,因?yàn)檫@些屬性是不同的iOS版本添加的园欣,所以雖然能修改叼风,但是也比較費(fèi)勁取董,不安全。)然而比如彈框分割線的顏色无宿,確定茵汰,取消按鈕的字體顏色,背景色等等卻是修改不了孽鸡。蹂午。。所以彬碱,考慮自定義豆胸,類比系統(tǒng)樣式的大小布局,API格式堡妒,寫(xiě)了一個(gè)YXAlertController配乱。廢話不多說(shuō)先看下示例對(duì)比:
接下來(lái)說(shuō)說(shuō)YXAlertController組成部分及實(shí)現(xiàn):
注:由于考慮到可移植性和不依賴第三方自動(dòng)布局庫(kù),YXAlertController里面所有的布局采用設(shè)置frame實(shí)現(xiàn)皮迟,并創(chuàng)建了一個(gè)UIView的分類搬泥,便于取坐標(biāo),寬高等伏尼。
一忿檩、組成部分
YXAlertController由YXAlertController,YXAlertAction,YXAlertView,YXActionSheetView,YXTableViewCell,YXAlertLayout六個(gè)文件組成。YXAlertView和YXActionViewSheet可以合并為一個(gè)文件實(shí)現(xiàn)爆阶,這里分開(kāi)了燥透,YXAertLayout是設(shè)置顏色,字體的一個(gè)model.
二辨图、API格式參照系統(tǒng)API簡(jiǎn)單寫(xiě)了一下班套,下面是 YXAlertController.h文件代碼:
typedef NS_ENUM(NSInteger, YXAlertControllerStyle) {
YXAlertControllerStyleAlert = 0,
YXAlertControllerStyleActionSheet
};
@interface YXAlertController : UIViewController
//alertController的color&fontSet
@property (nonatomic, strong, nonnull) YXAlertLayout *layout;
@property (nonatomic, assign) YXAlertControllerStyle style;
+ (instancetype _Nullable )alertControllerWithTitle:(nullable NSString *)title message:(nullable NSString *)message style:(YXAlertControllerStyle)style;
//修改色值和字體之后 使用此方法
- (void)layoutSettings;
- (void)addAction:(YXAlertAction *_Nonnull)action;
- (void)presentFromViewController:(UIViewController *_Nullable)fromViewController animated:(BOOL)flag completion:(void (^_Nullable)(void))completion;
- (void)dismissWithAnimation:(BOOL)flag completion:(void (^_Nullable)(void))completion;
三、實(shí)現(xiàn)原理
很簡(jiǎn)單故河,其實(shí)就是自定制一個(gè)彈框吱韭,根據(jù)用戶設(shè)置的title和message和actions等,進(jìn)行創(chuàng)建alertView并布局鱼的,主要是布局的坐標(biāo)理盆,寬高及l(fā)abel間的間距,字體的大小樣式凑阶,分割線的顏色猿规,遮罩的色值等等參照系統(tǒng)的數(shù)據(jù)進(jìn)行設(shè)置。當(dāng)actions多余兩個(gè)時(shí)宙橱,采用列表布局姨俩,這點(diǎn)跟系統(tǒng)也是一樣的,然后添加到alertController的view上蘸拔,添加遮罩,需要注意的是哼勇,需要自己定義presentViewController和dismiss兩個(gè)方法都伪,對(duì)actionStyle為cancel的按鈕個(gè)數(shù)進(jìn)行控制,多余一個(gè)時(shí)积担,主動(dòng)拋出異常,并且cancelStyle的action需排列到最下面猬仁。
四帝璧、使用方法。
一湿刽、集成方式:
1.可以下載下來(lái)把YXCustomAlert文件夾拖進(jìn)項(xiàng)目中
2.可以用cocoaPods
pod 'LYXAlertController'
二的烁、使用
1.導(dǎo)入頭文件 #import "YXAlertController.h"
2.創(chuàng)建alertController跟UIAlertController的創(chuàng)建方式一樣,支持alert和actionSheet,下面拿alert舉例:
YXAlertController *alertController = [YXAlertController alertControllerWithTitle:@"愛(ài)爾蘭雪诈闺、土耳其藍(lán)渴庆、莫斯科眼淚。我都收藏在小小的太陽(yáng)里雅镊、還有晴天和微笑襟雷。波斯灣海、維也納廳仁烹、阿拉伯傳說(shuō)耸弄。我都紀(jì)念在厚厚的相集里。還有七粉和公主" message:@"薔薇開(kāi)出的花朵沒(méi)有芬芳卓缰、想念一個(gè)人计呈、懷念一段傷、不流淚征唬、不說(shuō)話" style:YXAlertControllerStyleAlert];
YXAlertAction *cancel = [YXAlertAction actionWithTitle:@"考慮一下" style:1 handler:^(YXAlertAction * _Nonnull action) {
NSLog(@"custom:點(diǎn)擊了取消");
}];
YXAlertAction *done = [YXAlertAction actionWithTitle:@"贊一個(gè)" style:2 handler:^(YXAlertAction * _Nonnull action) {
NSLog(@"custom:點(diǎn)擊了確定");
}];
3.YXAlertCotroller 有一個(gè)layout屬性捌显,修改可以進(jìn)行UI設(shè)置,已達(dá)到預(yù)期的樣式总寒。
@property (nonatomic, strong, nonnull) YXAlertLayout *layout;
//自定義顏色設(shè)置
alertController.layout.doneActionTitleColor = [UIColor redColor];
alertController.layout.cancelActionBackgroundColor = [UIColor whiteColor];
alertController.layout.doneActionBackgroundColor = [UIColor yellowColor];
alertController.layout.lineColor = [UIColor redColor];
alertController.layout.topViewBackgroundColor = [UIColor orangeColor];
alertController.layout.titleColor = [UIColor whiteColor];
//設(shè)置之后要調(diào)用下此方法扶歪。
[alertController layoutSettings];
4.添加action
[alertController addAction:cancel];
[alertController addAction:done];
5.present 這里使用自定義的方法
[alertController presentFromViewController:self animated:YES completion:nil];
最后說(shuō)下不足之處:
1.彈出和消失動(dòng)畫(huà),這里只是簡(jiǎn)單的實(shí)現(xiàn)了一下偿乖,跟系統(tǒng)的動(dòng)畫(huà)效果相比還是有點(diǎn)差距击罪。以后可以多實(shí)現(xiàn)幾種動(dòng)畫(huà)效果
2.actionSheet的樣式,沒(méi)有把cancel的action與上面隔開(kāi)贪薪,這里只是簡(jiǎn)單的放到了最下面媳禁。
3.alertView的樣式還可以擴(kuò)展,可以展示自定義的View画切,比如輸入框竣稽,選擇日期等等。