广告
返回顶部
首页 > 资讯 > 移动开发 >iOS开发添加新手引导效果
  • 320
分享到

iOS开发添加新手引导效果

ios新手引导 2022-05-25 02:05:42 320人浏览 八月长安
摘要

往往项目中经常出现此类需求 用户通过点击引导按钮可响应页面附带按钮的点击事件。 // // gzhGuideView.h // GuideView // // Created

往往项目中经常出现此类需求

用户通过点击引导按钮可响应页面附带按钮的点击事件。


//
// 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;//显示引导
-(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];
    // 这里添加第二个路径 需要扣除的部分
    [path appendPath:[[UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 100, 150, 40) cornerRadius:5] bezierPathByReversingPath]];

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

    //根据需求添加按钮 实现点击事件
    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(@"引导状态可点击");

}
@end

相应页面直接添加


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

dispatch_async(dispatch_get_main_queue(), ^{

[guide showGuide: self .view]; 

});

可根据不同需求进行不同的布局,核心代码就是添加路径

总结

到此这篇关于iOS开发添加新手引导的实例代码的文章就介绍到这了,更多相关ios新手引导内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: iOS开发添加新手引导效果

本文链接: https://www.lsjlt.com/news/30440.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • iOS开发添加新手引导效果
    往往项目中经常出现此类需求 用户通过点击引导按钮可响应页面附带按钮的点击事件。 // // gzhGuideView.h // GuideView // // Created ...
    99+
    2022-05-25
    ios 新手引导
  • JS+CSS快速实现新手引导效果
    本篇文章给大家带来了关于JavaScript的相关知识,其中主要跟大家介绍怎么通过简单的CSS及JS实现一下新手引导效果,感兴趣的朋友下面一起来看一下吧,希望对大家有帮助。废话开篇:通过一些简单 CSS 及 JS 实现一下新手引导效果一、实...
    99+
    2023-05-14
    前端 JavaScript CSS
  • 基于JavaScript如何实现新手引导效果
    这篇文章主要介绍了基于JavaScript如何实现新手引导效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇基于JavaScript如何实现新手引导效果文章都会有所收获,下面我们一起来看看吧。一、实现效果二、实...
    99+
    2023-07-05
  • JS+CSS如何快速实现新手引导效果
    今天小编给大家分享一下JS+CSS如何快速实现新手引导效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、实现效果二、实现...
    99+
    2023-07-05
  • Android 新手引导蒙层效果实现代码示例
    先上效果图: 这个效果一开始我是想直接让UI给个切图,后来发现这样不行,适配很差,达不到效果。所以就自己动手写代码,其实思路也很简单:在这个布局的父布局上面再手动添加一个v...
    99+
    2022-06-06
    示例 Android
  • 基于JavaScript简单实现一下新手引导效果
    目录一、实现效果二、实现1、用法2、HTML3、JS三、总结与思考一、实现效果 二、实现 实现其实很简单,mask蒙版就是平铺一个整屏的 div,设置背景颜色为透明 transpa...
    99+
    2023-03-07
    JavaScript实现新手引导效果 JavaScript实现新手引导 JavaScript新手引导
  • Android UI设计与开发之ViewPager仿微信引导界面以及动画效果
    基于前两篇比较简单的实例做铺垫之后,这一篇我们来实现一个稍微复杂一点的引导界面的效果,当然也只是稍微复杂了一点,对于会的人来说当然还是so easy!正所谓会者不难,难者不会,大概说的就是这个意思了吧。好的,话不多说,回归正题。这篇要实现的...
    99+
    2023-05-30
    viewpager 引导界面
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作