iOS開發(fā)添加新手引導(dǎo)效果

更新時(shí)間：2020年05月29日 15:34:10 作者：MrGuo還在搬磚

這篇文章主要介紹了iOS開發(fā)添加新手引導(dǎo)效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

往往項(xiàng)目中經(jīng)常出現(xiàn)此類需求

用戶通過點(diǎn)擊引導(dǎo)按鈕可響應(yīng)頁面附帶按鈕的點(diǎn)擊事件。

//
// gzhGuideView.h
// GuideView
//
// Created by 郭志賀 on 2020/5/29.
// Copyright © 2020 郭志賀. All rights reserved.
//

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface gzhGuideView : UIView


-(void)showGuide:(UIView*)view;//顯示引導(dǎo)
-(void)dismissGuide;//移除

@end

NS_ASSUME_NONNULL_END

//
// gzhGuideView.m
// GuideView
//
// Created by 郭志賀 on 2020/5/29.
// Copyright © 2020 郭志賀. All rights reserved.
//

#import "gzhGuideView.h"

@implementation gzhGuideView
-(instancetype)initWithFrame:(CGRect)frame{

  if (self = [super initWithFrame:frame]) {

    self.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.6];
    //主要代碼 添加路徑
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:frame];
    // 這里添加第二個(gè)路徑 需要扣除的部分
    [path appendPath:[[UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 150, 40) cornerRadius:5] bezierPathByReversingPath]];

    //渲染
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.path = path.CGPath;
    [self.layer setMask:shapeLayer];

    //根據(jù)需求添加按鈕 實(shí)現(xiàn)點(diǎn)擊事件
    UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(100, 100, 150, 40);
    [button addTarget:self action:@selector(buttonClick) forControlEvents:UIControlEventTouchUpInside];
    button.layer.cornerRadius = 5.0f;
    button.layer.masksToBounds = YES;
    [self addSubview:button];
  }

  return self;
}

-(void)showGuide:(UIView *)view{//添加


  [view.window addSubview:self];
  [view.window bringSubviewToFront:self];
  self.alpha = 1;


}
-(void)dismissGuide{//移除

  [self removeFromSuperview];

}
-(void)buttonClick{
  [self dismissGuide];
  NSLog(@"引導(dǎo)狀態(tài)可點(diǎn)擊");

}
@end

相應(yīng)頁面直接添加

gzhGuideView * guide = [[gzhGuideView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight)];

dispatch_async(dispatch_get_main_queue(), ^{

[guide showGuide: self .view]; 

});

可根據(jù)不同需求進(jìn)行不同的布局，核心代碼就是添加路徑

總結(jié)

到此這篇關(guān)于iOS開發(fā)添加新手引導(dǎo)的實(shí)例代碼的文章就介紹到這了,更多相關(guān)ios新手引導(dǎo)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: