XCGuideMaskView

KO | EN

gitlite — search

#react #ai #typescript #golang #android #machine-learning #rust #linux #docker #cli #awesome-list #vue #pytorch #openai

XCGuideMaskView

(★ 9)

自定义的新手引导视图，使用方便

XCGuideMaskView Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# XCGuideMaskView

[![CI Status](https://img.shields.io/travis/fanxiaocong/XCGuideMaskView.svg?style=flat)](https://travis-ci.org/fanxiaocong/XCGuideMaskView)
[![Version](https://img.shields.io/cocoapods/v/XCGuideMaskView.svg?style=flat)](https://cocoapods.org/pods/XCGuideMaskView)
[![License](https://img.shields.io/badge/license-MIT-green.svg?style=flat)](https://cocoapods.org/pods/XCGuideMaskView)
[![Platform](https://img.shields.io/badge/platform-iOS-green.svg?style=flat)](https://cocoapods.org/pods/XCGuideMaskView)
[![Support](https://img.shields.io/badge/support-iOS%208%2B%20-green.svg?style=flat)](https://www.apple.com/nl/ios/)&nbsp;

***
|Author|小小聪明屋|
|---|---|
|E-mail|1016697223@qq.com|
|GitHub|https://github.com/fanxiaocong|
|Blog|http://www.cnblogs.com/fanxiaocong|
***

## Example

自定义新功能引导视图

### 效果图
![Guide](https://raw.githubusercontent.com/fanxiaocong/XCGuideMaskView/master/Screenshots/guide.gif)

### 代码

创建视图，设置数据源和布局，并实现相关的方法。

```objc
XCGuideMaskView *maskView = [[XCGuideMaskView alloc] initWithDatasource:self];
maskView.layout = self;
/// 当视图消失之后的回调
maskView.dismissHandle = ^{
	NSLog(@"消失了");
};
[maskView show];
```

#### `XCGuideMaskViewDataSource`&nbsp;数据源方法

`- (NSInteger)numberOfItemsInGuideMaskView:(XCGuideMaskView *)guideMaskView`
需要进行引导的 item 的个数，每个 item 包括三个部份：源视图、描述文字、箭
头

`- (UIView *)guideMaskView:(XCGuideMaskView *)guideMaskView viewForItemAtIndex:(NSInteger)index`
每个 item 中的源视图

`- (NSString *)guideMaskView:(XCGuideMaskView *)guideMaskView descriptionForItemAtIndex:(NSInteger)index`
每个 item 中的描述文字

`- (UIColor *)guideMaskView:(XCGuideMaskView *)guideMaskView colorForDescriptionAtIndex:(NSInteger)index`
描述文字的颜色

`- (UIFont *)guideMaskView:(XCGuideMaskView *)guideMaskView fontForDescriptionAtIndex:(NSInteger)index`
描述文字的字体

#### `XCGuideMaskViewLayout`&nbsp;布局协议方法

`- (CGFloat)guideMaskView:(XCGuideMaskView *)guideMaskView cornerRadiusForViewAtIndex:(NSInteger)index`
item 中源视图对应的圆角大小

`- (UIEdgeInsets)guideMaskView:(XCGuideMaskView *)guideMaskView insetForViewAtIndex:(NSInteger)index`
item 中源视图与蒙板的边距

`- (CGFloat)guideMaskView:(XCGuideMaskView *)guideMaskView spaceForItemAtIndex:(NSInteger)index`
源视图、箭头、描述文字之间的间距

`- (CGFloat)guideMaskView:(XCGuideMaskView *)guideMaskView horizontalInsetForDescriptionAtIndex:(NSInteger)index`
描述文字与左右边框间的距离，如果文字的宽度小于当前可视区域的宽度（源视图的宽度+边距），则会相对于箭头图片居中对齐

## Installation

### CocoaPods
```objc
pod 'XCGuideMaskView'
```

XCGuideMaskView

XCGuideMaskView Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

XCGuideMaskView

XCGuideMaskView Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README