iOS 启动页和引导页的分割适配法

通常我们项目的启动页和引导页是一整张的图片去显示的, 这样在全面屏和非全面屏上如果用同一张图适配的话肯定是会在部分机型中被拉伸变形的,那么一种方案就是切两套图,通过代码判断机型然后显示对应的图片,这样做比较麻烦。另外一种方案就是用分割适配法,例如下图的这个引导页的适配

通常启动页和引导页都是这种类似页面,背景图上有一些图片和logo图标等,上图可以分开切成两到三张图,上方一张,下方按钮可以切图或者代码自己写,然后在来一张白色背景图或者自己代码写背景也行

适配的时候背景约束随机型铺满屏,即使被拉伸也看不出来,可能有的背景有些图案也影响不大基本符合完美适配,中间这张图尺寸固定不随机型变化而变化,可以保证不被拉伸,这样分割法只需要一套图就可以适配所有机型了

原文地址:https://www.cnblogs.com/zk1947/p/11903511.html

时间: 2024-08-18 12:15:20

iOS 启动页和引导页的分割适配法的相关文章

用Flutter开发的跨平台项目,完美运行在Android和IOS上,Material简洁风格,包括启动页、引导页、注册、登录、首页、体系、公众号、导航、项目,还有漂亮的妹子图库,运行极度流畅,结构清晰,代码规范,值得拥有

Flutter学习资源汇总持续更新中...... Flutter官方网站 Flutter中文网 wendux的Flutter实战 Flutter官方exampleflutter_gallery 阿里巴巴咸鱼团队系列文章 阿里巴巴flutter-go,flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档 玩Android跨平台项目 非常有用的Json转Model插件 Flutter-Notebook,提供了很多优秀样例和Demo 前言 这是一款使

启动页和引导页

启动页是app启动时的一个页面 引导页是启动后出现的页面,一般引导页不会超过5页,目的是让用户对产品主功能有一个大致的了解. 引导页的写法普通页面的写法相同

[iOS]简单的APP引导页的实现 (Swift)

在第一次打开APP或者APP更新后通常用引导页来展示产品特性 我们用NSUserDefaults类来判断程序是不是第一次启动或是否更新,在AppDelegate.swift中加入以下代码: func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { // Override point for customiza

欢迎页,引导页和主页

配置 <application         android:name="com.shipping.application.ShippingApplication"         android:allowBackup="true"         android:icon="@drawable/ic_launcher"         android:label="@string/app_name"        

android studio 欢迎页和引导页

这是我第一次接触到android学习,现在模仿拉手网的welcomeactivity activity_welcome.xml <resources> <!-- Default screen margins, per the Android Design guidelines. --> <dimen name="activity_horizontal_margin">16dp</dimen> <dimen name="ac

mui页面全屏显示,页面覆盖手机顶部的信号栏电池栏,一般用于启动页和引导页

开启全屏 plus.navigator.setFullscreen(true); 关闭全屏 plus.navigator.setFullscreen(false); 没有找到可以单页面开启全屏的方法 这个开启全屏后整个项目都是全屏的了,有的时候只需要几个页面是全屏 我的想法是在需要开启全屏显示的页面的初始化里使用开启全屏,在换页面的跳转方法里关闭全屏,这样就可以实现需要的页面使用全屏 另外加一个可以控制顶部信息栏的方法 plus.navigator.setStatusBarStyle('dark

仿QQ等的酷炫的视频背景登录页或者引导页

看到QQ的登录页比较酷炫,于是自己在网上学习着,做了个类似的,实际上很简单.接下来附上代码吧,一遍以后自己要用到. 1.在res目录下建个目录raw,该目录下把视频放进去. 2.新建个Java 类: package com.pactera.madp.videobc.views; import android.content.Context;import android.media.MediaPlayer;import android.util.AttributeSet;import androi

iOS App初次启动时的用户引导页制作实例分享

iOS App初次启动时的用户引导页制作实例分享 作者:老初 字体:[增加 减小] 类型:转载 时间:2016-03-09我要评论 这篇文章主要介绍了iOS App初次启动时的用户引导页制作实例分享,其中判断程序是否是第一次或版本更新以后第一次启动是一个关键点,需要的朋友可以参考下 应用程序APP一般都有引导页,引导页可以作为操作指南指导用户熟悉使用:也可以展现给用户,让用户了解APP的功能作用.引导页制作简单,一般只需要一组图片,再把图片组展现出来就可以了.展示图片组常用UIScrollVie

ios 引导页

引导页 1 先在AppDelegate里做一个判断,如果程序是第一次运行也就是在本地没有运行过的记录 (可以通过NSUserDefaults来记录程序是否有运行过的痕迹) 2 判断如果程序是第一次运行就把AppDelegate的rootViewController等于引导页,引导页是一个viewController,里面设置一个UIScrollView把需要滚动的引导页贴在滚动视图上,在最后一张图片上贴上一个button,点击button可进入程序首页 ,在进入首页的时候需要push出一个UIN