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

一份超详细的「iOS 10 UI Kit」使用手册(附源文件)

我一定要讲的是,那堆键盘我他妈刻超久的,所以 iPad 版本的键盘请再等等,我还在努力制作中 >< Anyway,你可以看到左边有三个 Page: ?...回到 Component Usage 页面,你可以看到一些常用的 Tool Bar、Tab Bar icon 供你使用: ?...了,虽然 Sketch 自己内建的 iOS UI Design Template 也有利用这项功能,但实际使用上可能仍稍嫌不足(有些外挂也能够达成一样的缩放功能,但用外挂做图就代表别人开了有可能坏掉,...本套件很彻底地利用了这个新功能,大部分的 UI 零件都能够自由缩放,例如 Navigation Bar 及 Tab Bar 使用在三种大小的 iPhone 上: ? 甚至是 iPad UI: ?...但一般来说,iPhone 用 Compact、iPad 用 Regular(还是有例外,请自行研究啰!)。

1.3K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    六个方向关于iOS100个面试题,你都会了吗?

    我也会不定时分享一些iOS面试资料和学习资料教程等干货给大家! 常见问题 你昨天/这周学习了什么? 你为什么热衷于软件开发? 你对哪一种控制系统比较熟悉? 是否参与过GitHub项目?...能否描述一下如何在应用中使用Apple Pay? 请解释一下iOS应用沙盒机制。 VoiceOver是什么?请举例解释一下iOS中的辅助功能(Accessibility)。开发者如何使用这些功能?...按钮和其他控制方式对哪些操作做出回应? AppDelegate扮演着什么样的角色? 请解释一下NSUserDefaults。就你而言,你会如何在磁盘中对数组对象进行序列化?...iOS中的~属于什么目录? AirPlay是如何运行的?换做是你,你会如何通过编程提高应用的实用性以及演示效果? 传感器,IO以及WiFi、拨号等连接方式如何在iOS平台上运作?它们有何利用价值?...请描述一下软件设计中的交互和Feedback有什么作用。 设计iPhone和iPad应用时,应分别考虑哪些因素? 请描述一下原型设计对于软件开发的意义。其作用是什么?

    3.6K50

    Vue.js高仿饿了么外卖App学习记录

    node_modulesnpm 加载的项目依赖模块 src包含了几个目录及文件: assets: 放置一些图片,如logo等。 components: 目录里面放了一个组件文件,可以不用。...,height控制视图窗口的高度,这个属性很少用,initial-scale为控制页面最初加载时在最理想的情况下缩放的等级,通常设置为1.0,可以是小数,maximum-scale为允许用户的最大缩放量...width=device-width和initial-scale=1都表示为最理想的viewport,但是在ipad,iphone等移动设备,ie上,横竖屏不分,默认都为竖屏的宽度,兼容的最好写法。 ​...viewport这个特性被用于移动设备,但是也可以用在支持类似“固定到边缘”等特性的桌面浏览器,如微软的edge。...在很早的时候,只有物理像素,没有独立像素,在不缩放的前提,css中的1px代表着一个物理像素。

    2.3K11

    iOS程序员面试,绝对会遇到这些问题!

    能否描述一下如何在应用中使用Apple Pay? 请解释一下iOS应用沙盒机制。 VoiceOver是什么?请举例解释一下iOS中的辅助功能(Accessibility)。开发者如何使用这些功能?...按钮和其他控制方式对哪些操作做出回应? AppDelegate扮演着什么样的角色? 请解释一下NSUserDefaults。就你而言,你会如何在磁盘中对数组对象进行序列化?...iOS中的~属于什么目录? AirPlay是如何运行的?换做是你,你会如何通过编程提高应用的实用性以及演示效果? 传感器,IO以及WiFi、拨号等连接方式如何在iOS平台上运作?它们有何利用价值?...iPad 2,iPad mini 1-3,iPad Retina,iPad Air 2,iPhone 5、5S、6以及6+在硬件性能方面有何差异?这对注重性能的应用有何限制?...请描述一下软件设计中的交互和Feedback有什么作用。 设计iPhone和iPad应用时,应分别考虑哪些因素? 请描述一下原型设计对于软件开发的意义。其作用是什么?

    1.4K20

    100个iOS开发面试题汇总

    能否描述一下如何在应用中使用Apple Pay? 17.请解释一下iOS应用沙盒机制。 18.VoiceOver是什么?请举例解释一下iOS中的辅助功能(Accessibility)。...27 按钮和其他控制方式对哪些操作做出回应? 28 AppDelegate扮演着什么样的角色? 29 请解释一下NSUserDefaults。就你而言,你会如何在磁盘中对数组对象进行序列化?...iOS中的~属于什么目录? 34 AirPlay是如何运行的?换做是你,你会如何通过编程提高应用的实用性以及演示效果? 35 传感器,IO以及WiFi、拨号等连接方式如何在iOS平台上运作?...36 iPad 2,iPad mini 1-3,iPad Retina,iPad Air 2,iPhone 5、5S、6以及6+在硬件性能方面有何差异?这对注重性能的应用有何限制?  ...80 请描述一下软件设计中的交互和Feedback有什么作用。 81 设计iPhone和iPad应用时,应分别考虑哪些因素? 82 请描述一下原型设计对于软件开发的意义。其作用是什么?

    1.3K30

    微信小程序 Notes|开发常用事例(三)

    前言 之前涉足小程序,简短的记录了下开发过程中遇到的点点滴滴。 而今再次负责小程序,时隔许久,真是一片懵逼,多亏了之前的简短记录,这里将会不断记录完善开发过程中遇到的一系列的小问题。...如何在 map 上添加对应浮层? 先来看下最终的效果: 这里 diss 下微信小程序官方神逻辑,明明我在模拟器一通操作猛如虎,为何运行真机不显示?逗我玩呢?为什么不直接在模拟器上禁止呢?好玩吗?...cover-view> 对应 js: // 地图基本配置 setting: { skew: 0, // 倾斜角度 rotate: 0, // 旋转叫丢 scale: 8, // 缩放级别...如何在地图上绘制覆盖物?...基本设置: data: { // 地图基本配置 setting: { skew: 0, // 倾斜角度 rotate: 0, // 旋转角度 scale: 11, // 缩放级别

    1.1K30

    深入详解iOS适配技术

    启用Autoresizing.gif 1.2.Autoresizing介绍 有一种说法:autoresizing是为了解决iPad开发中横竖屏适配问题应运而生的。...如把tableView设置为此属性,那么无论viewController的view是多大,都能自动铺满 ?...控制器的view的autoresizing 注意:如果我们在storyBoard中选中控制器的view,然后在尺寸检查器中查看会发现,autoresizing中控制子控件的宽度和高度的虚线自动变成了实线...W Regular H Regular.png 2>和上面那个例子一样,我们切换了sizeClass后,storyBoard上的控制器也变了形状--变成了和iPad一样方方正正的一个控制器。...综上,验证了sizeClass为W Regular H Regular状态时,在控制器上的布局只会显示在iPad横屏或者竖屏状态下,而不会显示在iPhone的横屏或者竖屏状态下。

    8.5K70

    Human Interface Guidelines —— Tab Bars

    如果由于水平空间有限而无法显示某些选项卡,则最后几个可见tab将变为“更多”tab,从而在单独的屏幕上显示列表中的其他tabs。...·通常,使用tab bar来组织app级别的信息 选项卡栏是一种平滑信息层次结构的方式,也能够同时对多个同等信息类别或模式进行访问。...iPad可以有更多。 ·当其功能不可用时,不要删除或禁用tab 如果tab在某些情况下可用,但在其他情况下不可用,则您的app界面会变得不稳定并且不可预知。...确保始终启用所有tabs,并解释tab内容不可用的原因。例如,如果iOS设备上没有歌曲,则音乐app中的我的音乐tab将介绍如何下载歌曲。...tab bar 可让用户在app的不同部分之间快速切换,例如时钟应用中的闹钟,秒表和计时器tab。Toolbar 包含用于执行与当前上下文相关的操作的按钮,如创建项目,删除项目,添加注释或拍摄照片。

    1.4K150

    一文看完 WWDC 2022 音视频相关的更新要点丨音视频工程示例

    此外,还探讨了视频对 Live Text 特性的支持,这个特性可以让我们从视频帧中直接识别和复制出文字,此外还介绍了如何在我们的应用中集成插片广告和播放速度控制能力。...1)新播放器界面 新界面如图: 播放器的新界面·横屏 播放器的新界面·竖屏 此外,新播放器还支持了更多便捷的手势操作,比如:手指缩放画面来适配屏幕、全屏左右滑动来 seek 和预览等交互。...包括介绍媒体元数据的概述,以及如何在锁定屏幕和控制中心等区域中呈现 NowPlaying 界面,并展示如何编写和发布有效的媒体元数据。...激光雷达和其他摄像头配合使用可以在拍摄景深图像和视频、增强现实等场景中实现更强大的功能。...ScreenCaptureKit 提供了丰富的功能,包括高度可定制的内容控制,可以轻松选择要捕获的窗口、应用程序和显示的任意组合;能够捕捉到屏幕内容的原始分辨率和帧率;动态设置流属性,如分辨率、帧速率、

    2.6K10

    iOS开发常用之网络

    文字及图片可扩展输入栏,汽泡效果等聊天核心特性,分页及自动布局完善。 DLSlideView - DLSlideView对常见的顶部Tab页点击,滑动分页做了封装。...做iPad多任务分屏适配的同学可以看一下。 HACursor - HACursor,是一个对横向ScrollView中的视图进行管理的UI控件。...JASidePanels - 侧滑菜单,有左右菜单,有流行功能,支持手势侧滑,本人使用中:简单。 animated-tab-bar - 让Tabbar项目能显示萌萌的动画。...JWAnimatedImage.swift - JWAnimatedImage.swift集中了目前主流的GIF显示库(如FLAnimatedImage,Gifu等)的优点,进行重构,代码短小精悍。...更赞的是额外附了详细开发教程如何在Swift中制作Tinder-Like Koloda动画网页链接 .Yalantis出品动画程序款款精品。

    23.7K10

    iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

    API注释 标签栏包含在标签栏控制器中,该控制器用于管理自定义视图的展示形式。想要了解如何在代码中定义标签栏,请参考Tab Bar Controllers和UITabBar....没有明确目的而贸然改变集合视图的布局会让用户对应用留下难用、不符合预期等负面的印象。更有甚者,如果用户此时关注的项在变化中消失了,用户会觉得这个应用超出了他们的控制能力。...下图是iOS模拟器中的翻页样式: ? API注释 想要了解如何在代码中定义图片视图,请参考Page View Controllers. 页面视图控制器: 带滚动条的页面视图控制器没有默认的外观。...可以应用在页模式(paging mode)中,在此模式下用户可以通过拖拽和轻击等手势来浏览一页的内容 使用滚动视图来允许用户在固定的空间内浏览大尺寸或大量的视图。 适当地支持缩放操作。...在iOS 7及之前的版本里,对分视图控制器仅适用于iPad. 默认情况下,对分视图控制器通过当前的尺寸来管理其子视图。

    10.1K51

    iPadOS生产力翻身,Mac Pro官方攒机 | 软、硬皆出彩的WWDC19

    等。...iPhones,iPad和iPod touch均可在iOS 13中具有可选的暗模式。Mac则拥有全系统的黑暗模式。 ?...iPadOS中,苹果改进了复制和粘贴功能,你可以使用三根手指进行捏合复制,然后使用三根手指进行粘贴,还可以用三指滑动进行撤销。...Apple Pencil 也得到相应提升,延迟从 20ms 降到了 9ms,截图可以使用 Apple Pencil 编辑,键盘可以缩放到 iPhone 级别,这些不仅是可以使用到文字编辑,其他的地方也可以使用...跟中国用户有关的新功能是Sidecar,可以让iPad变成Mac的第二块显示屏,以便实现更复杂的操作。苹果还提升了语音控制功能,现在macOS和iOS可以实现完全语音操作,这是残障人士的福音。

    1.3K40

    玩机小技巧:Windows如何和ipad文件夹共享?

    实际上小编在写文章时还想到了QQ传输,小一点的文件倒是可以,但一旦超过两三个G,QQ似乎就有限制了,所以这里小编教大家如何在一个局域网内共享文件夹。 何为局域网呢?...找到共享文件夹右键选择属性进入: 进入到属性后,找到共享->高级共享: 在高级共享里面,我们要勾选共享文件夹这个选项,并可以自己设置共享的人数,即允许查看此文件夹的人数,设置完后我们便点击权限: 在权限里面找到完全控制...,并将完全控制勾选,如上图。...随后将iPad打开,找到文件这个APP,找到左上角的三个点并选择连接服务器: 在服务器中输入我们刚刚找到的IP地址如192.168.210.76或者在IP前加上smb://,如smb://192.168.210.76...按照需要我们将文件拷贝到我的iPad中的文件夹中即可。 To:长按文件夹拷贝后,在我的iPad文件夹中长按空白便会有粘贴的选项,然后等待粘贴完即可。

    5.7K10

    PPT制作模板:Keynote for Mac

    Keynote for Mac是一款PPT制作模板,Keynote不仅支持几乎所有的图片字体,还可以使界面和设计也更图形化,借助OS X内置的 Quartz等图形技术,制作的幻灯片也更容易夺人眼球。...另外,Keynote还有真三维转换,幻灯片在切换的时候用户便可选择旋转立方体等多种方式。安装包:https://www.macw.com/mac/57.html?...影院品质的动画效果更新的影院品质的过渡效果让你轻松制作炫目的演示文稿Magic Move 效果现已扩展到动画以及渐变图形精美的全新幻灯片过渡效果,包括晾衣绳、对象立体翻转、对象翻转、对象弹出全新文本和对象动画效果,包括消失、碎屑、渐变和缩放全新强调构件让你只需轻点一下即可添加效果四...app 控制幻灯片 (需从 iPhone、iPad 和 iPod touch 上的 App Store 单独购买)五、iCloud启用 iCloud,你便可以在 Mac、iPad、iPhone、iPod...将你的文稿发送给附近的任何人通过邮件、信息或新浪微博,以链接方式快速、轻松地共享你的作品任何有共享文档链接的人都可以随时访问最新版演示文稿,并在 iCloud.com 上和你一同编辑充分利用图像和影片尺寸优化功能导入多种媒体格式,如

    2.2K20
    领券