首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

设计师应该了解的iOS应用开发基础知识

对于按钮背景图片,要确保实际按钮的部分(不包括阴影或外发光等效果的区域)处于背景图片的正中,因为我们在Xcode的Interface Builder当中很难对背景图片及前景文字之间的位置关系进行精密的调整...图片另外一个最常用的操作莫过于Xcode左上角的“运行(Run)”按钮了。这个操作会将项目代码编译成为应用,并在iOS设备模拟器中运行,以便我们直接查看程序的工作情况,而不必每次都部署到实际设备中。...另外,我们还可以在“Stop”按钮右侧的下拉列表中选择iPad作为模拟设备。更多关于Xcode的使用方法,可以参考苹果官方的“Xcode 4 User Guide”。...“A Catchy Slogan Here”,在属性检查器中设置居中对齐,将字色设置白色,并禁用背景色,然后将Font类型更改为“Custom”,将其他属性设置“Snell Roundhand,Regular...接下来,在左上角添加一个类型“Custom”的圆角按钮控件,使用button-close.png作为其背景,并将字色设置白色,文案“Close”。

82230

SceneKit 场景编辑器-您的AR体验构建3D舞台

我经常将它设置前面,因为这是在屏幕上添加模型时的起始角度。如果场景附带动画,您可以通过单击“ 播放”按钮进行预览。 场景图视图 打开场景时,通常会隐藏场景图视图。...属性检查器:您可以更改几何设置。 材质检查器:您可以更改颜色并应用纹理。 物理检查器:您可以将物理学应用于3D模型。 场景检查器:您可以更改背景以及物理世界。...它可以是颜色或图像。它也是整个表面上光线的直接反射。我们也将漫反射贴图称为纹理。例如,飞船的漫反射图像设置texture.png。您可以在飞船场景下查看该图像。...节点分配默认颜色白色。你现在看到它是黑色的,因为背景也是白色的。让我们在屏幕上保存一些不动产并隐藏Project Navigator。按Command + 0。 背景 对于设计师来说,背景是平淡的。...因此将z欧拉角度更改为90度。 Rule Of Thumb 圆柱体位置 将表冠定位到x1.665,这是盒子宽度的一半,y0.7,z0,位于中间。 按键 我们也将按钮放在一边。

5.5K20
您找到你想要的搜索结果了吗?
是的
没有找到

XcodeXcode 9 的全新功能您会喜欢的工具。内建 Interface BuilderXcode IDE

模拟和测试 新的模拟器有了显著的升级,使其不但启动得更快,还有了新的外观 — 现在的模拟器看起来和它正在模拟的设备一模一样。模拟器中的设备按钮全都具备真实设备按钮的功能,您甚至可以模拟屏幕边缘手势。...Assistant 编辑器 Assistant 按钮Xcode 编辑器拆分为两部分,左侧为主工作文稿,右侧智能 Assistant 编辑器窗格。...例如,当显示不同语言时,可以让按钮优先保持特定大小或扩展以容纳更大的文本。 Interface Builder 可自动您创建所有限制条件,确保提供一套兼容的规则。...资产目录 Xcode 中的资产目录编辑器管理 app 的图像,可将相同资产的各种分辨率图像分组归类。构建时,Xcode 将资产目录编译成最高效的最终分发捆绑包。...OpenGL 帧捕捉 只要按下一个按钮,即可对 iOS 设备中的当前 OpenGL 帧捕捉其完整的表现。Xcode 显示着色器的信息,还可以直观地构建帧在 Xcode 调试器中组合的方式。

8.3K30

SpriteKit简介-创建您的第一个iPhone平台游戏

更少的代码,更多的图像! ? 为什么要使用SpriteKit? SpriteKit易于学习,因为它是一个设计良好的框架,如果您有使用Swift的经验,它会更容易。...点击在屏幕或按下左上角的播放按钮cmd+ R。 您将看到一个iPhone框架将在屏幕上显示问候消息:Hello,World!。现在我们确信我们的项目正常运行,让我们导入游戏资产。...为了在我们的Xcode中没有太多面板的情况下创建一个更干净的UI,项目让我们关闭导航器面板,点击Xcode UI右上角的第三个按钮,从右到左依次计算。...最后,让我们给我们的场景提供iPhone X的宽度和高度,宽度812,高度375,并将模拟器上的设备更改为iPhone X....节点组织 让我们构建我们的游戏场景,在画布上添加一些其他资源,如:背景,箭头,旋钮,月亮, 山1,山2资产和星星。您可以在闲暇时组织它们。

3.4K30

导入 3D 模型-将您自己的设计融入现实生活中

文件夹模型实际上是材质,因为它有一个iPhoneX屏幕的图像文件。在我们导入之前,我想将文件夹重命名为iPhoneX。 导入模型 现在,让我们导入。返回Xcode,打开Project导航器。...更改model.scn到iPhoneX.scn,模型文件夹的材质和最终图像名称这只是一个下划线iPhoneX_screen.jpg 让我们回到我们的场景。由于重命名,纹理的链接被破坏了。...要解决此问题,请单击手机屏幕,转到“ 材质”检查器并将漫反射更改为iPhoneX_screen.jpg。在此期间,让我们将背景更改为Procedural Sky。 中心点 我要谈的下一件事是支点。...然后,选择除按钮图标之外的那些文件夹中的所有图像,并将Scales属性更改为Single Scale。这些图像不是图标,我们不需要多种尺寸。 我们仍然保留了应用图标。...当应用程序出现在我们的设备上时,让我们将图标与另一个名称相关联,而不是项目名称。转到项目文件DesignCodeARKit并将显示名称更改为Angle AR。

3K10

最新iOS设计规范七|10大视觉规范(Visual Design)

设备屏幕尺寸和方向 iOS设备具有各种屏幕尺寸,可以纵向或横向使用。在iPhone X和iPad Pro等边对边设备中,显示屏的圆角与设备的整体尺寸非常匹配。...你可以将APP设置动态适应各种特征,包括: 不同的设备屏幕尺寸,分辨率和色域(sRGB / P3) 不同的设备方向(纵向/横向) 拆分视图 iPad上的多任务处理模式 动态类型文本大小更改 基于区域设置启用的国际化功能...做好更改文本大小的准备。用户希望大多数APP在设置中选择不同的文本大小时都能做出响应。若要适应某些文本大小的更改,你可能需要调整布局 可交互元素提供充足的点击热区。...避免不必要的布局更改。当有人旋转设备时,整个布局无需更改。例如,如果您的应用在纵向模式下显示图像网格,则不必在横向模式下显示与列表相同的图像。相反,它可能只是调整网格的尺寸。...避免这些问题,您可以在Xcode项目的资产目录中提供不同的图像和颜色,以确保在宽色和sRGB设备上的视觉保真度。 在实际的sRGB和宽彩色显示器上预览应用的颜色。

7.9K30

IOS开发之免费证书+不越狱真机调试

因此,一些地方的图像与原文图像有所不同。 运行Xcode,打开Xcode后。点击“Xcode”菜单的左上角,点击“Preferences”。 在打开的窗口中,点击“帐户”。...此分类上一篇: XCode 7的正式版本与测试版不同 普通AppleID第一次登录显示如下界面。下图的红色框位置将有“创建”按钮,其他创建签名按钮是灰色的不可点击。...9、识别设备后,等待Xcode自动您打开下载模式,如果长时间卡在这里。请打开真实机,并在真实机爆炸的对话框中点击“信任”。当真机准备完了时,可以关闭这个窗口。...提供个人资料文件必须由苹果创建,然后我们使用Xcode我们创造一个。点击“File” - “New” - “Project”,创建一个新的Xcode项目。...进入Xcode7工程界面。确认目标系统版本和测试设备,如果不选择正确的选项。 17-18、默认测试设备是iPhone 6s模拟器,改为iPhone 5s实机。

1.2K20

ARKit 的配置-在您的AR项目的幕后

下载 要学习本教程,您需要Xcode 10或更高版本,以及导入3D模型的最终Xcode项目。您可以下载本节的最终Xcode项目,以帮助您与自己的进度进行比较。...UIKIT的 UIKit是开发iOS应用程序的基本框架,它可以集成标签,按钮,条形图和各种视图控制器等组件。 SCENEKIT 如前所述,SceneKit是我们选择的处理3D对象的渲染技术。...统计信息提供有关场景渲染性能的信息,如每秒帧数(fps),动画,物理等.Apple建议将fps设置60.在您的设备上,您可以单击+按钮展开统计栏更多细节。...我们不需要这些统计数据,因此我们可以通过将showsStatistics的布尔值更改为false 来隐藏统计数据栏。 ?...将automaticUpdatesLighting设置true。 我们来看看我们的Apple手表场景。如果没有泛光灯,此图像显示激活默认照明与否之间的区别。亲自看看吧! ?

2.5K20

IOS开发之免费证书+不越狱真机调试

因此,一些地方的图像与原文图像有所不同。 运行Xcode,打开Xcode后。点击“Xcode”菜单的左上角,点击“Preferences”。 在打开的窗口中,点击“帐户”。...此分类上一篇: XCode 7的正式版本与测试版不同 普通 AppleID第一次登录显示如下界面。下图的红色框位置将有“创建”按钮,其他创建签名按钮是灰色的不可点击。...9、识别设备后,等待Xcode自动您打开下载模式,如果长时间卡在这里。请打开真实机,并在真实机爆炸的对话框中点击“信任”。当真机准备完了时,可以关闭这个窗口。...提供个人资料文件必须由苹果创建,然后我们使用Xcode我们创造一个。点击“File” - “New” - “Project”,创建一个新的Xcode项目。...进入Xcode7工程界面。确认目标系统版本和测试设备,如果不选择正确的选项。 17-18、默认测试设备是iPhone 6s模拟器,改为iPhone 5s实机。

1.8K30

使用CoreML和ARKit进行人脸检测和识别

代码医生团队 创建单视图应用程序 首先,需要使用单个视图应用创建一个iOS项目: 创建一个视图应用程序 现在已经拥有了自己的项目,并且因为不喜欢使用故事板,所以应用程序以编程方式完成,这意味着没有按钮或开关切换...在这个阶段,需要导入ARKit并实例化一个ARSCNView自动渲染来自设备相机的实时视频作为场景背景。...以下是Apple文档中的更详细说明: 面部跟踪配置会根据设备的前置摄像头检测用户的脸部。...并添加裁剪增强,这将为每个图像添加4个裁剪图像实例。...尽管如此,仍然可以在屏幕上投影3D文本,但它不会跟踪面部运动并相应地进行更改

2.4K20

IOS开发之免费证书+不越狱真机调试

因此,一些地方的图像与原文图像有所不同。 运行Xcode,打开Xcode后。点击“Xcode”菜单的左上角,点击“Preferences”。 在打开的窗口中,点击“帐户”。...此分类上一篇: XCode 7的正式版本与测试版不同 普通 AppleID第一次登录显示如下界面。下图的红色框位置将有“创建”按钮,其他创建签名按钮是灰色的不可点击。...9、识别设备后,等待Xcode自动您打开下载模式,如果长时间卡在这里。请打开真实机,并在真实机爆炸的对话框中点击“信任”。当真机准备完了时,可以关闭这个窗口。...提供个人资料文件必须由苹果创建,然后我们使用Xcode我们创造一个。点击“File” - “New” - “Project”,创建一个新的Xcode项目。...进入Xcode7工程界面。确认目标系统版本和测试设备,如果不选择正确的选项。 17-18、默认测试设备是iPhone 6s模拟器,改为iPhone 5s实机。

1.9K30

Flutter常见开发问题

但是 Flutter 中的按钮不是将标题作为字符串,而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象的东西,**而不会打破布局限制。...当您运行 Flutter 项目时,它会根据运行的模拟器或设备进行构建,使用其中的文件夹进行 Gradle 或 XCode 构建。...Pubspec.yaml 允许您定义您的应用程序依赖的包,声明您的资产,如图像、音频、视频等。它还允许您您的应用程序设置约束。...首次构建 Flutter 应用程序时,会构建特定于设备的 APK 或 IPA 文件。因此,使用 Gradle 和 XCode 构建文件需要时间。...确保您的应用在设备上进行所有更改,请考虑再次停止并运行该应用。 state是什么意思?什么是 setState()? **简单来说,“状态”是小部件变量值的集合。

6.7K20

Flutter常见开发问题

但是 Flutter 中的按钮不是将标题作为字符串,而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象的东西,**而不会打破布局限制。...当您运行 Flutter 项目时,它会根据运行的模拟器或设备进行构建,使用其中的文件夹进行 Gradle 或 XCode 构建。...Pubspec.yaml 允许您定义您的应用程序依赖的包,声明您的资产,如图像、音频、视频等。它还允许您您的应用程序设置约束。...首次构建 Flutter 应用程序时,会构建特定于设备的 APK 或 IPA 文件。因此,使用 Gradle 和 XCode 构建文件需要时间。...确保您的应用在设备上进行所有更改,请考虑再次停止并运行该应用。 state是什么意思?什么是 setState()? **简单来说,“状态”是小部件变量值的集合。

6.8K30

Xcode 11 初体验

当你的项目关联了版本控制工具时,比如 Git, Xcode 会检测出当前文件哪些地方相对于上次递交的版本有更改,并且会通过在左边显示一个蓝色线条标记出来: Change Bar 点击左键还可以选择 show...Resolving 三方框架 设计工具(Design Tools) 可以随时查看各设备上的效果以及作出更改。 在开发和调试时,随时在暗黑和明亮模式之间进行切换。...Asset目录可以使你轻松的控制图像和颜色在暗黑和明亮模式之间进行切换。...点击Stash 按钮自动跳转到Git管理Tab 下。...对网络和温度的模拟 Xcode 11 还加入了对网络环境和设备温度的模拟。这两个条件对开发者来说应该不陌生,它们也是最难通过常规手段复现的场景。

3.2K10

添加多个屏幕-创建格线布局

将其背景颜色更改为Clear,因为我们希望Collection View位于当前View Controller之上。...将按钮限制为(顶部:0点,左:0点,右:0点,高:220点)。取消选中边距。选择按钮并选择iPhoneX1作为图像。你会觉得它很有弹性,所以将内容模式改为Aspect Fit。...我们在图像下面插入一个标签。文本是iPhone X并将底部约束0并将容器中的水平中心约束。在“ 属性”检查器中,将“滚动方向”更改为“ 水平”并取消选中“ 显示”指示器。...然后,按钮声明一个动作。...在返回cell之上,将cell的索引更改为索引路径行。 cell.index = indexPath.row 返回UIImage 当我们点击按钮时,它将在函数中返回UIImage类型的图像

2.9K40

在React Native中构建启动屏

完成后的应用将如下图所示 为什么启动画面的图片大小很重要 移动应用创建启动画面可能会有些棘手,你肯定不希望由于启动画面分辨率的不一致在某些设备上出现显示问题。例如,安卓设备的需求与iOS完全不同。...大多数有经验的设计师可以从零开始两种设备创建所需的启动画面分辨率。 然而,有许多可用的第三方工具可以帮助你Android和iOS创建启动屏幕。...,点击图像属性图标并将图像更改为“splash”。...将内容模式设置“aspect fit”,如下所示: 更改iOS启动屏幕颜色 你可能会问的下一个问题是“我如何在 React Native 中更改启动屏幕的背景颜色?”...为了在 iOS 中启动屏幕强制使用一致的背景,滚动到背景设置位置并从下拉菜单中选择 Custom。在弹出窗口中,选择启动屏幕的期望颜色。

35710

【实践操作】在iPhone上创建你的第一个机器学习模型

为了更好地理解CoreML的作用,我们必须了解一些它的相关背景。 CoreML的背景 这并不是苹果第一次推出机器学习框架。...注意,上面的设计iOS应用程序提供了一个很好的模块结构。对于不同的任务对应不同的层,可以以多种方式使用它们(例如,在应用程序中使用带有图像分类的NLP)。...要安装它,需要再次打开终端: sudo pip install-U coremltools Xcode 9:这是苹果设备开发应用程序的默认软件。...Xcode窗口突出了三个主要区域: 左上方的播放按钮用于在模拟器上启动应用程序。 在播放按钮下面是与该项目相关的文件和文件夹。被称为项目导航器,它在项目的文件和文件夹之间进行导航。...在播放按钮上,iPhone 8 Plus被写入,这表示你希望的测试模拟器的目标设备。你可以点击它,下拉选择iPhone 7 先运行我们的应用程序,看看会发生什么。

1.7K60

iOS 图标图像 (官方翻译版)

因此,高分辨率显示器需要具有更多像素的图像。 ? 您的应用程序的所有设备提供高分辨率图像,适用于您的应用程序支持的所有设备。根据设备,您可以通过将每个图像中的像素数乘以特定比例因子来实现。...苹果产品受版权保护,无法在您的图标或图像中复制。一般来说,避免显示设备的副本,因为硬件设计往往会频繁更改,并且可以使您的图标看起来过时。 不要在应用程序图标的整个界面。...各种标准接口元素支持字形,包括导航栏,标签栏,工具栏和主屏幕快速操作。 准备比例因子@ 2x的字形,并保存为PDF格式。...第一屏 由于设备屏幕大小不同,启动屏幕大小也不尽相同。为了适应这个需要,您可以为您的应用程序支持的设备提供启动屏幕作为Xcode故事板或一组静态图像。...静态启动屏幕图像 最好在启动屏幕上使用Xcode故事板,但如果需要,您可以提供一组静态图像不同的设备创建不同大小的静态图像,并确保包含状态栏区域。 ?

3.6K40

iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

当切换到横屏以后同样要占据整个屏幕的宽度 Autoresizing 只能设置当前控件与父控件之间的相对关系 iOS 6 —— Auto Layout(自动布局) 随着 iPhone5 \ iPhone5s 等的发布苹果设备不同尺寸的屏幕变得越来越多...,这两个按钮的间距一个固定的值(宽度不指定) 当切换为横屏的时候要求这两个按钮还显示在屏幕底部 并且按钮间的间距不变, 按钮可以随之变宽 Auto Layout 技术主要解决的问题:控件位置的参照关系不再局限于父控件...iOS 8 —— Size Classes + Auto Layout 使用 Size Classes + Auto Layout 进行屏幕适配 当 iPhone6 发布以后,苹果设备的屏幕越来越多...(以后也可能出现更多不同大小的屏幕),为了能更容易的适配不同 的屏幕,苹果推出了 Size Classes 技术 通过 Auto Layout 设置的约束,约束一旦添加就会应用于各种屏幕(也就是说在 各种不同的屏幕下都使用相同的约束...更改约束后,在block动画中调用layoutIfNeeded //修改constraints不代表直接改了frame,谁调用此方法,就会让自己及内部所有子控件立即根据constraints 更新 frame

1.2K30
领券