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

最新iOS设计规范二|7大应用架构

如果您必须询问设置信息,请在首次打开应用程序提示人们提供该信息,并告知用户可以稍后设置中进行修改。 避免显示应用内许可协议和免责声明。...提供新手引导帮助人们享受您的应用程序,而不仅仅是设置它。用户很高兴有机会了解更多有关您的应用程序的信息,但他们也希望它能够正常工作。所以避免新手引导中出现设置或权限许可信息。 快速进入。...(二) 全屏 全屏演示风格涵盖了整个屏幕。先前的视图已完全覆盖,从而最大程度地减少了视觉干扰。人们通过点击按钮来关闭全屏模式视图。...使用全屏模式视图获取沉浸式内容(例如视频,照片或相机视图),或者使用受益于全屏演示的复杂任务(例如标记文档或编辑照片)。...如果使用当前上下文模式视图样式拆分视图窗格,弹出窗口或其他非全屏视图中显示模式内容,则在紧凑环境中显示模式内容时,应切换为使用工作表。 模态设计规范如下: 模态要在合适的时机使用。

2.5K20

最详细AMD Ryzen CPU,VMware 15安装macOS 10.15.x Catalina 记录(第一篇)

(难度大,上手困难,可能收费买工具) 虚拟机安装。 不管是真机安装还是虚拟机安装,Intel的cpu安装黑苹果时相对简单,坑也少,网上教程有很多。...磁盘大小选择80GB(后面可以根据需要扩容),勾选立即分配所有磁盘空间(勾选的话,前面选择的80GB不会立即分配,虚拟机会根据使用情况自动增加),选择将虚拟磁盘存储为单个文件(方便备份,虚拟机苹果还是不稳定的...(还记得吗,一开始我们将虚拟机设置成Windows10 x64来引导系统,现在系统引导成功后需要将引导方式切回macOS,具体请看步骤9) 这一步很关键,编辑虚拟机设置,将启动模式还原为Apple...安装VMware Tools,使macOS全屏 安装完成后,界面很小,因为还没装一个工具,这里我们选择关机,因为CD/DVD驱动器里是我们的macOS 10.15.5.cdr镜像呢,要是没有的话,可以跳过这一步...问题:按照教程安装后卡logo的,可以试试如下途径:1)网友“腐竹小文”评论中说“如果卡logo先不要改Windows10 x64等进入了恢复模式再关机改为Mac OS 10.14”;2)安装VMware

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

最新iOS设计规范三|3大界面要素:栏(Bars)

多数情况,标题可以帮助人们了解他们在看什么。但是如果添加导航栏显得多余,则可以将标题留为空白。例如,Notes的导航栏就没有标题说明文字,因为第一行内容已经有了足够的提示。...iOS 13及更高版本中,默认情况,大标题导航栏包含背景材质或阴影。另外,随着页面滑动,大标题要转换为标准标题。 ? 隐藏大标题导航栏的边框。...使用边栏应用程序级别组织信息。补充工具栏是拉平信息层次结构并同时提供对多个对等信息类别或模式的访问的一种好方法。使用侧边栏可快速导航到应用程序的关键部分或文件夹和播放列表之类的顶级内容集合。...通常,使用标签栏应用程序级别组织信息。标签栏是拉平信息层次结构并同时提供对多个对等信息类别或模式的访问的一种好方法。 严格使用标签栏进行导航。不要使用标签栏按钮来启用操作。...可以标签上做标记 - 包含白色文本的红色椭圆(即小红点),或者一个数字或一个感叹号,用以提示用户有新信息,并且新信息与该视图或模式是相关联的。 确保标签栏标志符号视觉上保持一致和平衡。

9.8K10

七个用户体验设计小秘诀,打造最舒服的互动流程

标签栏 标签栏和导航栏非常适合具有相对较少导航选项的应用程序。该模式iOS和Android上都采用。...与标签栏一样,所有选项都可以立即显示,只需点击一即可访问。 ? 全屏导航 这可能听起来与我所说的节省屏幕空间相矛盾,但全屏导航或许是一个不错的选择。...虽然将无法显示任何内容,但全屏导航模式对于简单性和连贯性很有好处。一旦用户决定要去哪里,那么你可以将整个屏幕空间用于内容。...图片:Dennis Kardys 搜索框 如果搜索是你的应用程序的主要功能,则需要在人员面前。不要隐藏它或者将其显示屏幕的顶部,或者是具有激活搜索模式可见参考(放大镜图标)。 ?...这意味着事情正在发生,随着信息逐渐显示屏幕上,人们看到应用程序等待时正在进行中。 背景的运作 在后台做事情,使即将发生的动作显得很快。

2.4K60

php常用的工具开发整理

缺点是, 没有语法高亮,没有语法提示,不适合新手。 ? 第二种编辑工具是Sublime 建议大家使用中文破解版。因为这是一个英文软件,很多朋友可能不太会英语不太好的话,看不太明白。...三、支持 VIM 模式,可以使用Vim模式的多数命令。支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的 操作或者命令。...其中php的自动补全功能非常好用,语法提示,高亮以及界面都非常友好。强烈推荐用这款软件 进行开发。...其他优点: 一、跨平台,我 Windows, Linux, Mac 都可以使用它,完全一致的界面和功能。 二、UI 还算好看,我用的是 Darcula 这个主题 ? 第四个软件是notepad。...支持自定义语言;可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,还可显示缩进引导线,代码显示得很有层次感; 可打开双窗口,分窗口中又可打开多个子窗口,允许快捷切换全屏显示模式(F11),

78941

uni-app: 引导页功能如何实现?

swiper轮播试的方式 记得pages.json里面引导页去掉头部标题栏,同时设置样式使swiper全屏。...,不能动态变更 enable-danmu 是否展示弹幕,只初始化时有效,不能动态变更 page-gesture 全屏模式,是否开启亮度与音量调节手势 微信小程序、H5 direction 设置全屏时视频的方向...,指定则根据宽高比自动判断。...自定义组件,第二个参数传入组件实例this,以操作组件内 组件。 2、为什么要timeupdate监听视频播放?...这里涉及到一个兼容问题,android,可以ended事件后,直接到首页,但是iOS会出现一短暂的暂停样式(显示了播放按钮),所以这里用监听播放进度,来计算快要播放完毕,就跳走。

17.2K42

封装 Vue FullScreenToggler 组件

基于 vue-fullscreen 封装一个的 Vue 全屏/退出全屏切换组件。 简介 vue-fullscreen 是一个用于将任意页面元素进行全屏切换的 Vue 插件,基于 screenfull。...这个组件会显示为一个切换按钮,通过绑定 target 属性来指定全屏的目标元素,通过 bodyAgent 属性来指定是否使用 document.body 代理全屏元素,目标元素则改为网页全屏,避免弹窗等元素全屏模式下不可见的问题...信息 vue-fullscreen 插件处理弹窗等元素全屏模式下不可见问题的方案是通过 teleport 修饰符将目标元素移动到 document.body ,从而避免层级遮挡问题。...,目标元素则改为网页全屏 * 避免弹窗等元素全屏模式下不可见的问题(推荐) */ bodyAgent: { type: Boolean, default...document.body * vue-fullscreen 插件处理弹窗等元素全屏模式下不可见问题的方案(推荐) */ teleport: { type

29060

Java开发常用工具

可以Advanced菜单的Tool Configuration 菜单项配置好Java的编译器Javac和解释器Java,直接编译运行Java程序。...支持语法高亮;支持代码折叠;支持代码自动完成(但其功能比较弱),支持代码提示功能;配置功能强大,且比较容易,扩展也比较强。...像PHP、Java程序等的开发环境,只要看一资料,几分钟就可以搞定配置,很适合初学者学习使用。有不错的项目工程管理功能。内置浏览器功能,这一点对于网页开发者来说很是方便。...可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,还可显示缩进引导线,代码显示得很有层次感;   可打开双窗口,分窗口中又可打开多个子窗口,允许快捷切换全屏显示模式(F11),支持鼠标滚轮改变文档显示比例...;   提供了一些有用工具,如邻行互换位置、宏功能等;   可显示选中文本的字节数 (而不是一般编辑器所显示的字数,这在某些情况,比如软件本地化很方便)。

1.1K50

2020版PS快捷键_ps应用快捷键大全

说明:为避免篇幅过大,本文快捷键是基于Windows系统Photoshop 2020版本的。Mac系统的快捷键可按以下方式进行对应:Ctrl→Command,Alt→Option。...Mask:Q 全屏模式Full Screen:F 包括:标准屏幕模式、带有菜单栏的全屏模式全屏模式。...---- 复制与粘贴 拷贝Copy:Ctrl+C 粘贴Paste:Ctrl+V 剪切Cut:Ctrl+X 合并拷贝Copy Merged:Ctrl+Shift+C 提示:拷贝命令只复制当前图层的内容,而合并拷贝命令等价于合并可见图层后再复制对应选区的内容...说明:工具选项栏内的混合模式或图层的混合模式,按Shift++或Shift+-可切换不同的混合模式。...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

1.3K20

HTML网页KRPano项目一键打包EXE工具

如果勾选此项,则窗口不允许缩放。 3.禁用缓存 默认情况,软件会对载入的资源进行缓存,加速打开速度。勾选此项后,则不使用缓存。...提示:勾选此项会影响性能,若正常打包没有问题,请不要勾选此项 8.禁用调试 默认情况,在打包好的软件中,按 F12会打开调试工具,可以用于查看打包后的软件是否有一些错误。...勾选此项后,则会禁用该调试工具提示打包后exe的安全性。...1.基于Chrome内核打包时,压缩的情况会增加100M大小(chrome内核占用),压缩后可以缩减到40M。...全屏状态,按F11/ESC退出 3.打包后项目有些文件随机出现无法加载的问题 这个问题一般是由于打包的项目过大,exe启动后解压耗时过多,导致浏览器载入文件超时造成的。

3.8K20

H5直播避坑指南

= NO; 才能让这个属性生效从而让用户一进入页面就开始视频的自动播放 通过直接调用video.play()方法 一些情况我们想加入一些判断逻辑,如判断用户网络环境,wifi下自动播放,4g环境给出提示...video.play(),这就是各种微信的h5活动页面需要引导用户进行一点击操作才开始的原因。...,iOS10以后,需要加上playsinline,建议同时加上这两个属性,同时需要app支持这种模式,手Q和微信都支持这种模式 //html <video id="player" webkit-playsinline...在拉起键盘输入弹幕的时候,键盘不受控制还是竖屏显示了 如果页面涉及与原生组件的交互,那么这种方案是一种很可行且兼容性比较好的方案 2.用户点击全屏时,通过js api来控制webview旋转横屏...如果发现在x5内核下无法使用伪全屏而被浏览器接管,可以咨询x5同事为你的域名开启白名单,接管你域名下的视频播放 总结: 经历过各种优化和调整后,我们可以h5直播页做到看直播,看弹幕,发弹幕,发送礼物

10.8K151

学习中遇到的小技巧 一(暂停更新)

3、 浏览器实现全屏模式        一般都知道,IE里按F11键就可以快速切换到全屏模式,不过我们这里所说的全屏模式是指一个不包括工具栏、状态栏的纯全屏模式。...原理是:大多数病毒是先建立autorun.inf再键入内容,病毒进入C盘时就是通过这个文件夹里内部文件来为媒介的。 9、Word中无论如何也打上中文?...不知你是否遇到过word中编辑的时候无论如何也打上中文,即使你切换了n次输入法……不要慌,这时候去 文件---选项----高级菜单里,去掉“输入法控制处于激活状态”上的勾,“自动切换键盘以匹配周围文字的语言...首先说一禁止软件的开机自启动: 开始 -运行-输入msconfig(或者去控制面板-管理工具-系统配置) ,会出现如右图所示 “系统配置” 的对话框,点击红色框框里的 “启动” 选项,把您要禁止的选项前面的对勾去掉...air,即Adobe Integrated Runtime ,是一个跨操作系统的运行时库,因为AIR 是应用程序运行时环境,因此她很小且对用户来说不可见,运行时环境提供了一套一致的跨操作系统平台和框架来开发和部署应用程序

87320

工作中遇到的小技巧 一(暂停更新)

3、 浏览器实现全屏模式        一般都知道,IE里按F11键就可以快速切换到全屏模式,不过我们这里所说的全屏模式是指一个不包括工具栏、状态栏的纯全屏模式。...原理是:大多数病毒是先建立autorun.inf再键入内容,病毒进入C盘时就是通过这个文件夹里内部文件来为媒介的。         9、Word中无论如何也打上中文?       ...不知你是否遇到过word中编辑的时候无论如何也打上中文,即使你切换了n次输入法……不要慌,这时候去 文件---选项----高级菜单里,去掉“输入法控制处于激活状态”上的勾,“自动切换键盘以匹配周围文字的语言...首先说一禁止软件的开机自启动: 开始 -运行-输入msconfig(或者去控制面板-管理工具-系统配置) ,会出现如右图所示 “系统配置” 的对话框,点击红色框框里的 “启动” 选项,把您要禁止的选项前面的对勾去掉...air,即Adobe Integrated Runtime ,是一个跨操作系统的运行时库,因为AIR 是应用程序运行时环境,因此她很小且对用户来说不可见,运行时环境提供了一套一致的跨操作系统平台和框架来开发和部署应用程序

70820

Document对象

document.mozFullScreenEnabled: 返回一个布尔值,表明浏览器是否支持全屏模式全屏模式只在那些包含窗口化的插件的页面中可用,对于一个元素中的页面,则它必需拥有...document.onbeforeinstallprompt: 当用户即将被提示安装web应用程序时,该处理程序将在设备上调度,其相关联的事件可以保存以供稍后用于更适合的时间提示用户。...document.scrollingElement: 只读属性,返回滚动文档的Element对象的引用,标准模式,返回文档的根元素,当在怪异模式, 返回HTML body元素,若不存在返回null...document.visibilityState: 只读属性,返回document的可见性,即当前可见元素的上下文环境,由此可以知道当前文档(即为页面)是背后, 或是不可见的隐藏的标签页,或者正在预渲染...document.exitFullscreen(): 用于让当前文档退出全屏模式,调用这个方法会让文档回退到上一个调用Element.requestFullscreen()方法进入全屏模式之前的状态。

1.5K10

vmware14.0知识点手册

---- 更改虚拟机显示 1.0 使用全屏全屏模式,虚拟机显示器填满屏幕,您看不到 Workstation Pro 窗口的边界。...要进入全屏模式,请选择虚拟机,然后选择视图 > 全屏。 2.0 使用独占模式全屏模式相似,独占模式会使 Workstation Pro 虚拟机显示占满整个屏幕。...您可能希望使用独占模式,以全屏模式运行图形密集型应用程序,例如游戏。 前提条件 确认客户机操作系统中安装了最新版本的 VMware Tools。...仅主机模式网络连接使用对主机操作系统可见的虚拟网络适配器,虚拟机和主机系统之间提供网络连接。 ?... Unity 模式打开的应用程序主机系统中打开的应用程序以相同的方式显示在任务栏中。

5K90

01.视频播放器框架介绍

还支持设置n秒后操作则隐藏头部和顶部布局功能 A.1.6 可以设置竖屏模式全屏模式和横屏模式全屏模式,方便多种使用场景 A.1.7 top和bottom面版消失和显示:点击视频画面会显示、隐藏操作面板...C.1.1 可以设置试看模式,设置试看时长。试看结束后就提示登录或者充值…… C.1.2 对于设置视频的宽高,建议设置成4:3或者16:9或者常用比例,如果不是常用比例,则可能会有黑边。...其中黑边的背景可以设置 C.1.3 可以设置播放有权限的视频时的各种文字描述,而没有把它写在封装库中,使用者自己设定 C.1.4 锁定屏幕功能,这个参考大部分播放器,只有全屏模式才会有 03.视频播放器架构说明...* 普通模式,小窗口模式,正常模式三种其中一种 * MODE_NORMAL 普通模式 * MODE_FULL_SCREEN 全屏模式...= null) { //销毁页面,释放,内部的播放器被释放掉,同时如果在全屏、小窗口模式都会退出 mVideoPlayer.release(); } } @Override

2.6K51

H5直播避坑指南

= NO; 才能让这个属性生效从而让用户一进入页面就开始视频的自动播放 通过直接调用video.play()方法 一些情况我们想加入一些判断逻辑,如判断用户网络环境,wifi下自动播放,4g环境给出提示...video.play(),这就是各种微信的h5活动页面需要引导用户进行一点击操作才开始的原因。...,iOS10以后,需要加上playsinline,建议同时加上这两个属性,同时需要app支持这种模式,手Q和微信都支持这种模式 //html <video id="player" webkit-playsinline...,键盘不受控制还是竖屏显示了 如果页面涉及与原生组件的交互,那么这种方案是一种很可行且兼容性比较好的方案 2.用户点击全屏时,通过js api来控制webview旋转横屏 在手Q里,我们和终端的同学合作添加了控制...如果发现在x5内核下无法使用伪全屏而被浏览器接管,可以咨询x5同事为你的域名开启白名单,接管你域名下的视频播放 总结: 经历过各种优化和调整后,我们可以h5直播页做到看直播,看弹幕,发弹幕,发送礼物

5.3K130

H5 直播避坑指南

= NO; 才能让这个属性生效从而让用户一进入页面就开始视频的自动播放 通过直接调用video.play()方法 一些情况我们想加入一些判断逻辑,如判断用户网络环境,wifi下自动播放,4g环境给出提示...video.play(),这就是各种微信的h5活动页面需要引导用户进行一点击操作才开始的原因。...,iOS10以后,需要加上playsinline,建议同时加上这两个属性,同时需要app支持这种模式,手Q和微信都支持这种模式 //html <video id="player" webkit-playsinline...在拉起键盘输入弹幕的时候,键盘不受控制还是竖屏显示了 如果页面涉及与原生组件的交互,那么这种方案是一种很可行且兼容性比较好的方案 2.用户点击全屏时,通过js api来控制webview旋转横屏...如果发现在x5内核下无法使用伪全屏而被浏览器接管,可以咨询x5同事为你的域名开启白名单,接管你域名下的视频播放 总结: 经历过各种优化和调整后,我们可以h5直播页做到看直播,看弹幕,发弹幕,发送礼物

2.8K90

HTML5的这些api你知道吗?

Full Screen API全屏API 该API允许开发者以编程方式将Web应用程序全屏运行,使Web应用程序更像本地应用程序。十分简单有用的api....Full Screen 的介绍 FullScreen 的API使用非常简单,其有两种模式 Launching Fullscreen Mode 启动全屏模式 // 找到适合浏览器的全屏方法 function...else if(element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } } // 启动全屏模式...launchFullScreen(document.getElementById("videoElement")); // any individual element Exit FullScreen Mode 退出全屏模式...全屏api目前可能存在兼容性的问题,但相信不久的将来肯定会是一个使用频率超高的api getUserMedia API 该API允许Web应用程序访问摄像头和麦克风,而无需使用插件,该API客户端最先支持的

1.3K60

HTML5的这些api你知道吗?

Full Screen API全屏API 该API允许开发者以编程方式将Web应用程序全屏运行,使Web应用程序更像本地应用程序。十分简单有用的api....Full Screen 的介绍 FullScreen 的API使用非常简单,其有两种模式 Launching Fullscreen Mode 启动全屏模式 // 找到适合浏览器的全屏方法 function...else if(element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } } // 启动全屏模式...launchFullScreen(document.getElementById("videoElement")); // any individual element Exit FullScreen Mode 退出全屏模式...全屏api目前可能存在兼容性的问题,但相信不久的将来肯定会是一个使用频率超高的api getUserMedia API 该API允许Web应用程序访问摄像头和麦克风,而无需使用插件,该API客户端最先支持的

86070
领券