App Icons on iPad and iPhone UI 尺寸

2024-01-22 02:10
文章标签 app ui 尺寸 icons iphone ipad

本文主要是介绍App Icons on iPad and iPhone UI 尺寸,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

iOS 图片字体大小为28px时,iOS的代码上的字体为14号,通过截屏验证的。16.9.21

ios view的frame和bounds之区别(位置和大小)

 

        frame: 该view在父view坐标系统中的位置和大小。(参照点是,父亲的坐标系统)
        bounds:该view在本地坐标系统中的位置和大小。(参照点是,本地坐标系统,就相当于ViewB自己的坐标系统,以0,0点为起点)
        center:该view的中心点在父view坐标系统中的位置和大小。(参照电是,父亲的坐标系统)

 

 

UIView设置背景图片的方法

 

https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

 

iPad 机型比较

ios2倍3倍图 设计师用的

iOS8已出,@3x图让我们何去何从?幸好我们有神器!

iOS之@2x和-@3x(二倍图和三倍图)

iphone6 plus 414pt x 736pt

iPhone/iPad/Android UI尺寸规范 good 全

 iphone6 plus UI,设计版、放大版、物理版分别是什么意思啊?

iphone6 plus UI:iPhone6 Plus的用户界面。
iphone6 plus UI物理版就是iphone6 plus实际的屏幕像素。
iphone6 plus UI设计版就是我们截屏iphone6 plus的界面在ps中去量,发现的尺寸。
iphone6 plus UI放大版其实就是iphone6 plus的尺寸等比放大1.5倍得出的分辨率。

iPhone6 plus设计版  1242×2208 px    
iPhone6 plus放大版  1125×2001 px    
iPhone6 plus物理版  1080×1920 px

iphone 6plus适配中,设计版,物理版,放大版区别?

首先iPhone6没有设计版,只有iPhone6 plus有。说简单点, plus屏幕有1080个像素点,但截屏后发现图像是1242像素,明白了吗?就是在一个物理有1080个像素点的屏幕里塞了个1242像素的内容,你按照1242做就好了。

App各种Icon及Launch image的尺寸和用途 移动端尺寸基础知识 good

[软件]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

 iOS 8 Xcode6 设置Launch Image 启动图片<转>

iphone ipad默认启动图像尺寸,Default (Launch)Image Sizes for

apple 官方文档 launch

ipad,iphone启动图片命名

ipad和iPhone尺寸和分辨率,点

App Icons on iPad and iPhone

 LaunchImage

320 x 480 iPhone iPod
640 x 960 iPhone iPod retina
640 x 1136  iPhone5
750 x 1334   iPhone6 (375 x 667 points)
1242 x 2208  iPhone6 plus(414 x 736 points)

768 x 1024  iPad/iPad Mini topbar的高度 20  还没有  9.7英寸  和 7.9 英寸  大小和分辨率没关系
Retina iPad 1536 x 2048  topbar的高度 40 还没有  9.7英寸  iPad air

 

iPad的设计尺寸

界面尺寸

设备尺寸分辨率状态栏高度导航栏高度标签栏高度

iPad第三代、第四代

2048x1536 px264PPI40px88px98px

iPad第一代、第二代

1024x768 px132PPI20px44px49px

iPad Mini

1024x768 px163PPI20px44px49px

图标尺寸

设备App Store(Retina)App Store主屏幕Spotlight搜索

iPad第三代、第四代

1024px - 180px512px - 90px144px - 24px100px - 20px

iPad第一代、第二代

1024px - 180px512px - 90px72px - 12px50px - 9px

iPad Mini

1024px - 180px512px - 90px72px - 12px50px - 9px

 

 

电脑产品
消费型
iMac ( 1998) eMac ( 2002) Mac mini ( 2005)  
 
专业型
Power Mac ( 1999) Xserve RAID ( 2004) Mac Pro ( 2006)  
 
笔记本
iBook ( 1999) MacBook ( 2006) MacBook Pro ( 2006) MacBook Air ( 2008)
 
数字产品
iPod ( 2001) iPod mini ( 2004) iPod nano ( 2005) iPod Shuffle ( 2005)
Apple TV ( 2006) iPod classic ( 2007) iPod touch ( 2007) iPad ( 2010)
iPad2 ( 2011) 全新 iPad ( 2012) iPad mini ( 2012) iPad 4 ( 2012)
 
通信产品
iPhone ( 2007) iPhone 3G ( 2008) iPhone 3GS ( 2009) iPhone 4 ( 2010)
iPhone 4s ( 2011) iPhone 5 ( 2012) iPhone 5S ( 2013)

iPhone 5C ( 2013)

 

 

超实用的IOS 8 快速设计参考指南

转载于:https://www.cnblogs.com/dqxu/p/4031126.html

这篇关于App Icons on iPad and iPhone UI 尺寸的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/631544

相关文章

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

禁止平板,iPad长按弹出默认菜单事件

通过监控按下抬起时间差来禁止弹出事件,把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new

Golang GUI入门——andlabs ui

官方不提供gui标准库,只好寻求第三方库。 https://github.com/google/gxui 这个gui库是谷歌内部人员提供的,并不是谷歌官方出品,现在停止维护,只好作罢。 第三方gui库 找了好多,也比较了好多,最终决定使用的是还是 https://github.com/andlabs/ui 相信golang gui还会发展的更好,期待更优秀的gui库 由于andlabs

MFC中App,Doc,MainFrame,View各指针的互相获取

纸上得来终觉浅,为了熟悉获取方法,我建了个SDI。 首先说明这四个类的执行顺序是App->Doc->Main->View 另外添加CDialog类获得各个指针的方法。 多文档的获取有点小区别,有时间也总结一下。 //  App void CSDIApp::OnApp() {      //  App      //  Doc     CDocument *pD

4-4.Andorid Camera 之简化编码模板(获取摄像头 ID、选择最优预览尺寸)

一、Camera 简化思路 在 Camera 的开发中,其实我们通常只关注打开相机、图像预览和关闭相机,其他的步骤我们不应该花费太多的精力 为此,应该提供一个工具类,它有处理相机的一些基本工具方法,包括获取摄像头 ID、选择最优预览尺寸以及打印相机参数信息 二、Camera 工具类 CameraIdResult.java public class CameraIdResult {

Windows11电脑上自带的画图软件修改照片大小(不裁剪尺寸的情况下)

针对一张图片,有时候上传的图片有大小限制,那么在这种情况下如何修改其大小呢,在不裁剪尺寸的情况下 步骤如下: 1.选定一张图片,右击->打开方式->画图,如下: 第二步:打开图片后,我们可以看到图片的大小为82.1kb,点击上面工具栏的“重设大小和倾斜”进行调整,如下: 第三步:修改水平和垂直的数字,此处我修改为分别都修改为50,然后保存,可以看到大小变成63.5kb,如下:

ConstraintLayout布局里的一个属性app:layout_constraintDimensionRatio

ConstraintLayout 这是一个约束布局,可以尽可能的减少布局的嵌套。有一个属性特别好用,可以用来动态限制宽或者高app:layout_constraintDimensionRatio 关于app:layout_constraintDimensionRatio参数 app:layout_constraintDimensionRatio=“h,1:1” 表示高度height是动态变化

App Store最低版本要求汇总

1,自此日期起: 2024 年 4 月 29 日 自 2024 年 4 月 29 日起,上传到 App Store Connect 的 App 必须是使用 Xcode 15 为 iOS 17、iPadOS 17、Apple tvOS 17 或 watchOS 10 构建的 App。将 iOS App 提交至 App Store - Apple Developer 2,最低XCode版本 Xcod