引导页面简介
当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。
guaidWindow 插件概述
本插件封装了App新特性页面、App第一次安装引导页面特效。使用本插件只需添加插件,修改GuaidProperty.plist文件(测试用例链接在下面),编译正式版的时候改变版本号就可以。
插件使用攻略
使用之前须认真阅读和下载测试文档。**
使用此插件之必须配置GuaidProperty.plist文件:
使用方法很简单,GuaidProperty为开发者自己创建的文件,必须放在widget的res目录下,文件名称必须为GuaidProperty。 点击下载测试用例(https://github.com/xiaoyang521style/guaidWindow.git) 使用此插件效果图: 图一 图二 GuaidProperty.plist文件介绍
图片数组的Key,值是一个NSArray 里面包含了要显示新特性的图片的地址 图片放到widget/image/Guaid(Guaid为开发者自己创建目录)目录
实现最后一张图片滑动去除的效果,如图二, 需要在上一个key里面的数组最后添加这个key作为最后一张图片。 注意:如果用这种方式退出,是不会显示"立即体验"类似的按钮。
"立即体验"按钮的图片名称,如果想在最后一张图片上添加一个体验按钮, 则需要指定这个图片的路径,按钮大小会跟随图片的大小设定。 如果在ImagePathArray最后添加了 LastNullImageName , 即使指定了HiddenBtnImagePath不过也不会起作用。 图片放到widget/image/Guaid(Guaid为开发者自己创建目录)目录
"立即体验"按钮的相对屏幕的位置,value是{x,y}CGPoint类型的字符串。 x,y的取值范围为[0,1],`例如 {0.5,0.5} 是屏幕中心。
<dict>
<key>ImagePathArray</key>
<array>
<string>widget/image/Guaid/guid01.png</string>
<string>widget/image/Guaid/guid02.png</string>
<string>widget/image/Guaid/guid03.png</string>
<string>widget/image/Guaid/guid04.png</string>
<string>LastNullImage</string>
</array>
<key>HiddenBtnImagePath</key>
<string>widget/image/Guaid/hidden.png</string>
<key>HiddenBtnCenter</key>
<string>{0.5,0.85}</string>
</dict>
图片尺寸问题:
图片尺寸为1242*2208最为合适,可以不需要区分@2x,@3x,可以参考测试用例里面的图片。 如果添加"立即体验"按钮后,有遮盖之类的问题,可以让UI稍微修改下图片,可以同时适配不同屏幕。
iOS系统
可提供的1.0.0及更高版本