IOS App 的图标和启动图的烦恼

前言:

      好多iOS App的开发者都会面临的一个问题,那就是 App 的图标(icon) 和启动图(launch images) 。 一些没有经验(指的是没做过App审计的)的UI设计师,不知道该怎么做。他就会问开发者。这个时候就是你展示的时候,其实网上一搜索一大堆都是的,也没什么装的。

第一:App的图标。

1、图标的大小。(圆角和直角)

   

直角的,苹果系统会在显示的时候会裁成圆角。各iPhone的图标大小列表:


有的设计是用px的大小,其实正确的设置是pt。px设计不是不可以,也可以用。

2、pt 和px 的区别。

pt 是point 的缩写,但它不是点。它是一个长度单位 。1pt = 1/72英寸。

px是pixel的缩写,是像素。它是屏幕上显示数据最基本的点。

所以,pt 和px 是不同的。

第二:启动图(Launch images)。

1、第一种添加

我们点击工程里面的Assets.xcassets目录,然后在第二列(就是Appiicon所在处)空白处,鼠标右键选择 New image Set 创建如图界面。


我们观察上图的最右面。系统默认为我们选择的是 all 类型是Universal(通用)。我们这里只要适配iPhone就可以。所以,把按钮切换到iOS iphone 上。如下图:


我们看上图, 1x、2x、3x 有三个图片。我们点击也没有尺寸提示。我做个分析。就三个框,并且我们要死配全部手机,我们要怎么做?我是这么做的,不知道是否正确,但是可以满足需求,效果非常的好:第一、我要UI 给我四张图。(为啥4张?不是有三个框吗?)第二:4张图的大小尺寸:(命名为Default-568.png)640 * 960 px、(1x)640 * 1136 px、(2x)750 * 1334 px  、(3x)1080 * 1920 px。这四张图。 其中,(命名为Default-568.png)640 * 960 px是适配iPhone4系列的手机。然后,我们将做好的图片拖进框里面如下图:


紧接着,我们在点击 LaunchScreen.storyboard 目录,并向故事版拖进去一个UIImageView 的对象,并把它设置好适配全部手机尺寸。然后我们将工程切换到如下图界面:


然后,我们看到上图,最右边下面的图片,我们将图片,拖进imageview里面就可以了。拖进去的结果如下图:


然后,我们也把另一个Default-568的图片导入到工程里面。我们看着图片已经变形了,不要紧张。变形是不然的,我们在设置一下就可以了。如下图:


不用担心,App启动的时候,会有白边。然后,我们还要设置一个地方。如下图:


我们启动,发现启动页面好快,有好多都不喜欢快。我们就让他变动缓慢一点。在Appdelegate中添加如下:[NSThread sleepForTimeInterval:2];


效果如下:

2、第二种添加。

我们点击工程里面的Assets.xcassets目录,然后在第二列(就是Appiicon所在处)空白处,鼠标右键选择 APPicons&Launchimages 下的New iOSlaunchimages  创建如图界面。



创建效果如下:

我们看到,所有设备的启动图都出来了。可是我们只要适配iPhone就可以。我们在最右边,在进行设置来满足我们的需求,如下图:

我们看到上面图片,一共需要7个图片。其实是5张图。这五张图的大小如下:320 * 480 px 、640 * 960 px、960 * 1136 px、750 * 1334 px 、1242 * 2208 px。将图片拖入框内
如下图:

我们还要设置一个地方,如下图:


如果我们测试发现iphone4 模拟器上的时候,图片左右,有两个很宽的白边,这个白边的效果解决的方法是:将其中的启动图 640 * 960 的启动图命名为 default-568.png就可以了。
最后我们的启动效果是:



问题补充:如何去除icon高光?是不是xcode的bug?

答:这不是xcode的Bug。Xcode 在默认的情况下,是为你的AppIcon设置高光效果,如果你不想有高光效果。你可以按下图设置,就可以去掉Icon 的高光效果。


测试工程的下载:


 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/19987.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

iOS替换应用图标

iOS 动态替换应用icon Xcode 集成多套测试 App 图标如何给App添加多套图标如何验证是否配置多套图标成功了如何通过代码动态替换应用图标如何无感替换应用图标 Xcode 集成多套测试 App 图标 实现多套 App 图标,依赖** Xcode13及以上版本** 。 在Xcode13之前&#…

IOS APP 图标

像我一样记不住iOS应用图标像素尺寸的开发者不在少数,我经常需要查询不同设备上的应用尺寸,为了方便自己、方便大家,我制作了下面的图表供大家参考。 iPhone、iPodTouch以及一般通用的应用图标像素尺寸是多少? iPhone和iPodTouch应用需要一…

Mac OS 状态栏图标管理

移动位置排列状态栏图标 按Command键,直接用鼠标拖动图标即可移动图标的位置。 、 隐藏或删除状态栏图标 如果状态栏图标太多你会发现整个屏幕的长度都是不够用,这个时候要果断的删除那些长时间不用的图标。按住Command键并点按该图标,将…

GPT-4会让多少美国人失业?OpenAI:高收入工作会面临更大影响

GPT(生成式预训练转换器)就是 GPT(通用目的技术),大型语言模型(LLM)将会怎样影响劳动力市场? 上周二,OpenAI 官宣 GPT-4 引起轩然大波,比其广受欢迎的前身 GP…

地表最强AI,GPT-4专治各种不服

在火遍全球后,OpenAI发布了多模态预训练大模型GPT-4,相比上一代GPT-3.5在几个方面有了明显升级,GPT-4,就像是为“专治ChatGPT吐槽者的各种不服”而生。 GPT-3.5仅接受文本输入,而GPT-4可以接受图像和文本输入&#xff…

[230608] 阅读TPO58汇总|7:30-9:00+17:05

目录 ​​​​​​​ TPO58 1 The Development of Instrumental Music [3]修辞目的题 举例说明的作用 [9]句子插入题 [10]小结题 2 Pinyon Pines and Pinyon Jays [4]否定事实信息题 [5]修辞目的题 段落在全篇的作用 [10]小结题 3 The Rise of Classic Maya Civi…

7 Papers | 超越GPT 3.5的小模型;对ChatGPT摸底考试

关注并星标 从此不迷路 计算机视觉研究院 公众号ID|ComputerVisionGzq 学习群|扫码在主页获取加入方式 计算机视觉研究院专栏 作者:Edison_G 本周论文包括2D 图像脑补 3D 人体;亚马逊发布超越 GPT 3.5 的小模型等研究。 转自《机器…

阿里家属快当不下去了

往期热门文章: 1、C 首超 Java!地位不保? 2、IntelliJ IDEA终于支持对Redis 的可视化窗口操作了,真香! 3、ChatGPT能接入微信了! 4、Java 反射慢?它到底慢在哪? 5、GitHub 被超火的 …

2023.2.27-3.5 AI行业周刊(第139期):裁员?主动选择or被动选择?

上周五晚和一个好朋友见面,他在一家AI公司做首席科学家。 聊天的时候,讨论到一个话题:40岁之后的人生,如何才能过的更舒适,不焦虑? 我和他都是90年左右,已经是往不惑之年奔赴的年纪了&#xf…

ChatALL:发现最佳答案的神奇AI机器人!

“ 有了这个神器软件,AI 聊天机器人的牌子随便你翻。” 最近研究学习AI聊天机器人,注册了不少AI大模型账号,有时候有问题问完了ChatGPT,就想看看其他机器人的回答,体验和比较一下。 正好看到一个符合我这类重度AI患者的…

我的周刊(第078期)

我的信息周刊,记录这周我看到的有价值的信息,主要针对计算机领域,内容主题极大程度被我个人喜好主导。这个项目核心目的在于记录让自己有印象的信息做一个留存以及共享。 🎯 项目 awesome-chatgpt-prompts-zh[1] ChatGPT 中文调教…

程序员必备的免费AI生产力(摸鱼)工具,最后一个,人手必备

最近ChatGPT等AI技术风靡全球,对于普通大众来说,越来越多的人开始关注智能时代对我们生活的影响。它颠覆了写作、办公、绘画、音视频、图像处理、UI 设计等领域,并涌现出了一批具有颠覆性的应用。 在程序员领域,许多 AI 工具已经涌…

chatgpt赋能Python-python_dingtalk

Python DingTalk:高效企业通讯利器 当今互联网时代,企业内部沟通必不可少。在成千上万的企业应用中,DingTalk作为高效沟通工具被越来越多的企业所使用。Python DingTalk库的出现,为企业带来了更加方便快捷的通讯方式。 什么是Py…

和chatGPT的一些对话记录

指定pom文件jar引的位置方法,chatGPT是这样说的 Unknown system variable ‘query_cache_size’,错误原因 一秒执行指定方法5次 1秒内并行指定指定方法 解释代码含义

泰安柒柒:ChatGPT的用途有哪些?

大家好,当今的ChatGPT是一个强大的语言模型,它利用大规模的自然语言处理和机器学习算法,可以进行自然而流畅的对话,理解自然语言问题并回答。ChatGPT拥有极强的自然语言处理能力,可以用于各种任务,如文本生…

竞彩公司每日足球比赛比分预测!

软件不是单纯的乱预测,是爬取了某赔率公司的数据,根据每日比赛的赔率来进行最有可能出现的比分来预测比赛结果,可以作为很好的帮助你分析比赛

世界杯:用Python分析热门夺冠球队

火热的世界杯即将拉开序幕。在比赛开始之前,我们不妨用 Python 来对参赛队伍的实力情况进行分析,并大胆的预测下本届世界杯的夺冠热门球队。 通过数据分析,可以发现很多有趣的结果,比如: 找出哪些队伍是首次进入世界…

OpenAI正在杀死创业公司?

图片来源:由无界AI生成 作者|李晗 朱悦 谁也无法想到,在这一轮AIGC浪潮中,一些AI公司还没来得及颠覆行业,自己却快被颠覆了。 7月12日,美国AIGC独角兽Jasper联合创始人Dave Rogenmoser在职场社交网站Linked…

重磅!谷歌面试官亲自分享:Google面试技巧

关注上方“深度学习技术前沿”,选择“星标公众号”, 资源干货,第一时间送达! 本文转载自:图灵TOPIA | 编译:安然 作者:Pablo Samuel Castro Pablo Samuel Castro是谷歌Brain的一名高级研究员&…

开奶茶店,哪里学奶茶的制作配方?

奶茶目前在国内的饮品市场上可谓是独占鳌头,由于其口味香浓,外表时尚,所以深受广大青年人、小孩们的喜爱。 随着社会的不断快速发展,越来越多的人开起了奶茶店创业,然而每天开奶茶店的人都在不断增加,那么&…