构建时尚应用引入和教程的“即插即用”解决方案。现在支持从左到右和从右到左的语言。
此项目需要ARC和QuartzCore框架
MYIntroductionView.h
和MYIntroductionView.m
添加到您的项目中。MYIntroductionPanel.h
和MYIntroductionPanel.m
添加到您的项目中。#import "MYIntroductionView.h"
引入视图需要一些显示的内容,这些是通过面板完成的。每个面板都包含一个图像和一些描述性文本。要创建一个面板,只需调用initWithImage:description:
方法。下面可以看到两个示例:
可以初始化一个没有标题的面板
MYIntroductionPanel *panel = [[MYIntroductionPanel alloc] initWithimage:[UIImage imageNamed:@"SampleImage1"] description:@"Welcome to MYIntroductionView, your 100 percent customizable interface for introductions and tutorials! Simply add a few classes to your project, and you are ready to go!"];
或带有标题的额外信息
MYIntroductionPanel *panel2 = [[MYIntroductionPanel alloc] initWithimage:[UIImage imageNamed:@"SampleImage2"] title:@"Your Ticket!" description:@"MYIntroductionView is your ticket to a great tutorial or introduction!"];
一旦创建了面板,就可以创建引入视图。您可以将您刚刚创建的面板传递给此方法,它们将在引入视图中进行渲染(按顺序)。下面有一个示例。
MYIntroductionView *introductionView = [[MYIntroductionView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) headerImage:[UIImage imageNamed:@"SampleHeaderImage.png"] panels:@[panel, panel2]];
如果您使用了任何回调的代理,不要忘记将代理设置为您调用的类
introductionView.delegate = self;
注意:那些使用从右到左语言的人:还有一个包含语言方向变量的初始化方法。它是一个类型为MYLanguageDirection
的枚举。如果您想使用从右到左模式,这就是您指导视图执行的地方。
[introductionView showInView:self.view];
就是这样!
大多数UI组件都被设置为属性以帮助定制。自己试试吧!