[翻译] EAIntroView
EAIntroView
https://github.com/ealeksandrov/EAIntroView
This is highly customizable drop-in solution for introduction views. Some features (remember, most features are optional and can be turned off):
这是一个高度可定制的导航页解决方案,这是一些特性(记住,大部分特性都是可选的,以及可以关闭的):
- beautiful demo project to look on some examples 一个漂亮的demo演示了好多例子
- customizability is unlimited, one can make complex introView with animations and interactive pages, so do not limit yourself with existing examples
- 定制是完全没有限制的.发挥你的想象力,不要局限于提供的几个例子
- for each basic page: 对于每一个基本的页面
- background (with cross-dissolve transition between pages) 背景
- custom iOS7 motion effects (parallax) on background iOS7的视差效果
- title view (+ Y position) 标题view
- title text (+ font, color and Y position) 标题文本
- description text (+ font, color, width and Y position) 描述文本
- subviews array (added to page after building default layout) 子类view构成的数组
- possibility to set your own custom view for page: 你也可以设计自定义view
- pageWithCustomView:
- pageWithCustomViewFromNibNamed:
- possibility to set block action on page events: 你也可以设定每页的事件触发
- pageDidLoad
- pageDidAppear
- pageDidDisappear
- many options to customize parent view: 你还可以设定父视图
- swipe from last page to close
- switching pages with one simple tap
- custom background image or color
- custom page control
- custom skip button
- pinned titleView (+ Y position, can be hidden on some pages)
- delegate protocol to listen: 监听代理
- introDidFinish:
- intro:pageAppeared:withIndex:
- actions on IntroView: IntroView上面的行为设定
- setPages:
- showInView:animateDuration:
- hideWithFadeOutDuration:
- setCurrentPageIndex:animated:
- storyboard/IB support
CocoaPods
CocoaPods is the recommended way to use EAIntroView in your project. 你可以用 CocoaPods 来安装
- Simply add this line to your
Podfile
:pod 'EAIntroView', '~> 2.7.0' 将pod 'EAIntroView', '~> 2.7.0'添加到你的Podfile中
- Run
pod install
. 运行 pod install - Include with
#import "EAIntroView.h"
to use it wherever you need. 导入头文件#import "EAIntroView.h" - Subscribe to the
EAIntroDelegate
to enable delegate/callback interaction. 实现代理方法即可
Manual installation
- Add
EAIntroPage
andEAIntroView
headers and implementations to your project (4 files total). 将 EAIntroPage.h/m 与 EAIntroView.h/m 添加到你的项目当中. - Add EARestrictedScrollView header and implementation to your project (2 files total). 将 EARestrictedScrollView 添加到你的项目当中.
- Include with
#import "EAIntroView.h"
to use it wherever you need. 导入头文件#import "EAIntroView.h" - Subscribe to the
EAIntroDelegate
to enable delegate/callback interaction. 实现代理方法即可
How To Use It
Sample project have many examples of customization. Here are only simple ones.
项目中已经包含了好多例子,这里简单的列举一例:
Step 1 - Build Pages
Each page created with [EAIntroPage page]
class method. Then you can customize any property, all of them are optional. Another approach is to pass your own (can be nib), custom view in EAIntroPage
, this way most other options are ignored.
每一页都是由方法 [EAIntroPage page] 生成.然后,你可以自定义这些属性.当然,你也可以用你自己的方式创建出自定义的EAIntroPage,不过,这种方式的话,好多设置都被忽略了.
// basic
EAIntroPage *page1 = [EAIntroPage page];
page1.title = @"Hello world";
page1.desc = sampleDescription1;
// custom
EAIntroPage *page2 = [EAIntroPage page];
page2.title = @"This is page 2";
page2.titleFont = [UIFont fontWithName:@"Georgia-BoldItalic" size:20];
page2.titlePositionY = 220;
page2.desc = sampleDescription2;
page2.descFont = [UIFont fontWithName:@"Georgia-Italic" size:18];
page2.descPositionY = 200;
page2.titleIconView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"title2"]];
page2.titleIconPositionY = 100;
// custom view from nib
EAIntroPage *page3 = [EAIntroPage pageWithCustomViewFromNibNamed:@"IntroPage"];
page3.bgImage = [UIImage imageNamed:@"bg2"];
Step 2 - Create Introduction View
Once all pages have been created, you are ready to create the introduction view. Just pass them in right order in the introduction view. You can also pass array of pages after IntroView's initialization, it will rebuild its contents.
一旦所有页码都创建出来了,你就可以创建出介绍页了.你只要按照顺序传入参数即可.
EAIntroView *intro = [[EAIntroView alloc] initWithFrame:self.view.bounds andPages:@[page1,page2,page3,page4]];
Don't forget to set the delegate if you want to use any callbacks.
不要忘记设置代理.
[intro setDelegate:self];
Step 3 - Show Introduction View
[intro showInView:self.view animateDuration:0.0];
Storyboard/IB
Since 1.3.0 EAIntroView
supports init from IB. Since 2.0.0 EAIntroPage
supports it too.
1.3.0版本的EAIntroView支持从IB创建.2.0.0版本的EAIntroPage也支持从IB创建.
- Drop
UIView
to your IB document. 设置一个IB的UIView - Set its class to
EAIntroView
. 将其类别设置成EAIntroView - Create
IBOutlet
property in your view controller:@property(nonatomic,weak) IBOutlet EAIntroView *introView;
. 从你的控制器创建出属性@property(nonatomic,weak) IBOutlet EAIntroView *introView; - Connect
IBOutlet
withEAIntroView
in IB. 通过IB连接EAIntroView - Build array of pages (you can use
pageWithCustomViewFromNibNamed:
here with separate nibs for each page). 然后,你就可以创建每一页了 - Pass pages array to
EAIntroView
property insetPages:
. 将page数组的值赋给EAIntroView的setPages属性
Author
Created and maintained by Evgeny Aleksandrov (@EAleksandrov).
License
EAIntroView
is available under the MIT license. See the LICENSE file for more info.
[翻译] EAIntroView的更多相关文章
- Xamarin.iOS - 利用Settings插件与EAIntroView制作App的欢迎界面
Xamarin.iOS - 利用Settings插件与EAIntroView制作App的欢迎界面 关于欢迎界面 很多App第一次启动都会有一个欢迎界面,欢迎界面往往决定这用户对App的第一映像,所以欢 ...
- 《Django By Example》第五章 中文 翻译 (个人学习,渣翻)
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者@ucag注:大家好,我是新来的翻译, ...
- 《Django By Example》第四章 中文 翻译 (个人学习,渣翻)
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:祝大家新年快乐,这次带来<D ...
- [翻译]开发文档:android Bitmap的高效使用
内容概述 本文内容来自开发文档"Traning > Displaying Bitmaps Efficiently",包括大尺寸Bitmap的高效加载,图片的异步加载和数据缓存 ...
- 【探索】机器指令翻译成 JavaScript
前言 前些时候研究脚本混淆时,打算先学一些「程序流程」相关的概念.为了不因太枯燥而放弃,决定想一个有趣的案例,可以边探索边学. 于是想了一个话题:尝试将机器指令 1:1 翻译 成 JavaScript ...
- 《Django By Example》第三章 中文 翻译 (个人学习,渣翻)
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:第三章滚烫出炉,大家请不要吐槽文中 ...
- 《Django By Example》第二章 中文 翻译 (个人学习,渣翻)
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:翻译完第一章后,发现翻译第二章的速 ...
- 《Django By Example》第一章 中文 翻译 (个人学习,渣翻)
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:本人目前在杭州某家互联网公司工作, ...
- 【翻译】Awesome R资源大全中文版来了,全球最火的R工具包一网打尽,超过300+工具,还在等什么?
0.前言 虽然很早就知道R被微软收购,也很早知道R在统计分析处理方面很强大,开始一直没有行动过...直到 直到12月初在微软技术大会,看到我软的工程师演示R的使用,我就震惊了,然后最近在网上到处了解和 ...
随机推荐
- java 实现 HTTP请求(GET、POST)的方法
使用Java进行服务调用时,避免不了要使用模拟HTTP请求来实现模拟,我在开发过程中恰巧遇到了这类的业务需求,所以就对这类的方法进行了一次总结,原理层次的东西暂时不考虑,毕竟HTTP的底层实现啥的,东 ...
- for循环的3个参数
1.最常用的方法是用来遍历集合 /** **第一个参数:表示循环的初始值,或初始条件,这里是i=0; **第二个参数:是循环的条件,这里是当i小于list的长度时; **第三个参数:每次循环要改变的操 ...
- ArrayList的subList方法
参考博文使用java.util.List.subList时最好小心点 List接口中定义: List<E> subList(int fromIndex, int toIndex); 英文注 ...
- Resources in Visual Tracking
这个应该是目前最全的Tracking相关的文章了 一.Surveyand benchmark: 1. PAMI2014:VisualTracking_ An Experimental Sur ...
- c#基础学习(0806)之抽象类实现多态
首先,要判断是否使用抽象类,可以从下面两个方面进行判断: 1.是不是需要被实例化 2.父类中有没有默认的实现 如果不需要被实例化,父类中没有默认的实现,则用抽象类(否则用虚方法来实现) 下面举个简单的 ...
- wcf读写cookie
一般来说,web应用的服务端(aspx或mvc的action)调用wcf时,是一个服务与服务的通讯,而不是客户端(浏览器)与服务器的通讯. 这种情况下,如果要在wcf端处理客户端的cookie,就需要 ...
- C# 枚举转字符串
有时候需要把枚举转字符串,那么如何把枚举转字符串? 枚举转字符串 假如需要把枚举转字符串,可以直接把他进行转换,请看代码 public enum Di { /// <summary> // ...
- Linux学习7-Linux常用命令(3)
文件处理命令 命令名称:touch 命令英文原意:touch 命令所在路径:/bin/touch 执行权限:所有用户 功能描述:创建空文件 语法:touch[文件名] 范例: $tou ...
- java工程师_基础_阶段一_HTML笔记篇
一.了解HTML语言 html:超文本标记语言. 二.HTML整体结构<html> <head> </head> <body> </body> ...
- Codeforces 981H:K Paths
传送门 考虑枚举一条路径 \(u,v\),求出所有边经过它的答案 只需要求出 \(u\) 的子树内选出 \(k\) 个可以重复的点,使得它们到 \(u\) 的路径不相交 不难发现,就是从 \(u\) ...