美文网首页转载iOS第三方轮子记录iOS Developer
MBGuideHUD 快速定制自己想要的新手引导

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

作者: 一块豆腐 | 来源:发表于2016-12-27 15:10 被阅读102次

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传送门

最后祝你们早日脱离苦海

相关文章

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

    MBGuideHUD主要是为了解决新手引导 快速创建一个MBGuideHUD 自定义效果 自定义了一个分类 代码...

  • 关于新手引导的一点思考

    新手引导是为了让用户快速地了解app的主要功能位置和功能作用,降低用户的理解成本和操作门槛。 新手引导的类型多种多...

  • iOS新手引导--GuideImageView(二)

    iOS新手引导--GuideImageView(一)iOS新手引导--GuideImageView(二)iOS新手...

  • Android 首次蒙层指引-NewbieGuide使用

    一、前言: Android 快速实现新手引导层的库 这是一款可以通过简洁链式调用,一行代码实现引导层的显示,自动判...

  • 永恒裁决

    【悉心引导,极速升级】 独特智能AI助手进行新手引导,让你快速升级! 三大职业,相互制约平衡,相互协同作战,铁三角...

  • Android 快速实现新手引导层

    这是一款可以通过简洁链式调用,一行代码实现引导层的显示,自动判断首次显示,当然也可以通过参数配置来满足不同的显示逻...

  • 联想--次留影响因素

    1、新手引导 新手引导的分节点流失统计 不同新手引导方案的次留比较 2、机型适配 次日流失用户的机型分布 3、美术...

  • 手机炒股怎么开户【干货精华】

    手机炒股怎么开户 新手炒股快速入门:股票网上开户流程 网上开户所需资料 中金网对于炒股新手想要快速入门的前提是要先...

  • Android-推荐一个引导层的开源库(NewbieGuide)

    在日常 业务开发当中,我们肯定会有关于新手引导的需求。我们怎么快速实现呢?这里推荐一个快速实现的框架。 Newbi...

  • 妄想之后,还需靠数据说话

    笔者近期在做一个快递单打印产品的新手引导改版,有同学提问,“整个流程那么简单有必要新手引导吗?”,“即使有新手引导...

网友评论

    本文标题:MBGuideHUD 快速定制自己想要的新手引导

    本文链接:https://www.haomeiwen.com/subject/ifqevttx.html