MBGuideHUD 快速定制自己想要的新手引导

MBGuideHUD主要是为了解决新手引导

  • 快速创建一个MBGuideHUD
//visibleView 为需要镂空的view
 MBGuideHUD *hud = [MBGuideHUD showHUDAddedTo:self.tabBarController.view visibleView:self.middle2 animated:NO];
//现在不能设置毛玻璃效果了
hud.style = MBGuideHUDBackgroundStyleSolidColor;
    
左边原图,右边效果图.png
  • 自定义效果 自定义了一个分类 代码见demo
[MBGuideHUD showText:@"只因和我的心和你一起碎" visible:_btn];
左边效果图,右边原图.png

下面是MBGuideHUD.h文件

#import <UIKit/UIKit.h>

typedef NS_ENUM(NSInteger, MBGuideHUDBackgroundStyle) {
    /// 纯色背景
    MBGuideHUDBackgroundStyleSolidColor,
    /// 毛玻璃背景
    MBGuideHUDBackgroundStyleBlur
};
typedef NS_ENUM(NSInteger, MBGuideHUDBlurStyle) {
    /// 白色
    MBGuideHUDBlurStyleLight,
    /// 黑色
    MBGuideHUDBlurStyleDark
};

typedef void (^MBGuideHUDClickBlock)();

@protocol MBGuideHUDDeledate <NSObject>

@optional
- (void)guideHUDTouchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event;

@end

@interface MBGuideHUD : UIView

///需要高亮的控件
@property (nonatomic, weak) UIView *visibleView;
///高亮区域的偏移量
@property (nonatomic, assign) UIEdgeInsets edgeInsets;
///高亮区域相对于原控件大多少(默认5)
@property (nonatomic, assign) CGFloat margin;
///高亮区域是否是椭圆 (默认为 圆角为10 的矩形)
@property (nonatomic, assign, getter=isOval) BOOL oval;
///背景样式
@property (nonatomic, assign) MBGuideHUDBackgroundStyle style;
///代理
@property (nonatomic, weak) id<MBGuideHUDDeledate> delegate;
///点击的操作
@property (nonatomic, copy) MBGuideHUDClickBlock clickBlock;
///圆角 (默认10)
@property (nonatomic, assign) CGFloat cornerRadius;
///线宽 (默认 5)
@property (nonatomic, assign) CGFloat lineWidth;
///线的颜色(白色)
@property (nonatomic, strong) UIColor *lineColor;
///毛玻璃样式
@property (nonatomic, assign) MBGuideHUDBlurStyle blurStyle;
///自定义毛玻璃颜色,使用blurColor,blurStyle失效(ios 8+)
@property (nonatomic, strong) UIColor *blurColor;
///透明度
@property (nonatomic, assign) CGFloat alpha;
///高亮区域的frame
@property (nonatomic, assign, readonly) CGRect lightFrame;
@property (nonatomic, assign, readonly) CGPoint lightCenter;
//自定义UI
- (void)prepare;
+ (instancetype)showHUDAddedTo:(UIView *)view visibleView:(UIView *)visibleView animated:(BOOL)animated;
- (instancetype)initWithView:(UIView *)view;
- (void)hide:(BOOL)animated;
- (void)hideAnimated:(BOOL)animated afterDelay:(NSTimeInterval)delay;

@end

GitHub传送门

最后祝你们早日脱离苦海

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,035评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,308评论 19 139
  • 这世界,若还有最后一片童话般的净土,那便是你心中对童年的丝丝追忆。——【致你】
    菠萝范大叔阅读 5,023评论 6 11
  • ​年少时,我们渴望激情,渴望认可,渴望全心全意,渴望“为了你,放弃整个世界”的勇气。 年长时,我们学会孤独,学会忍...
    林小破阅读 2,761评论 0 1