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

【最新】iPhone X 交互设计官方指南

iPhone X iPhone X 拥有一个宽大而且高分辨率屏幕外观看是圆角,并且扩展到屏幕边缘。这提供了前所未有的沉浸式体验,可以使我们体验更加丰富内容。 ?...避免将交互式控件放置在屏幕最底部和角落里。人们可以使用显示屏底部滑动手势来访问主屏幕和对应用程序进行切换,这些手势可能会覆盖掉你在此区域中设定自定义手势。另外屏幕两个角落令人很难进行有效操作。...手势 iPhone X 支持使用屏幕边缘手势来访问主屏幕应用程序切换器、通知中心与控制中心。避免使用干扰系统功能屏幕边缘手势。人们可以在每个应用程序中使用这些手势。...只有在极其少数情况下,例如游戏这样沉浸式应用才有可能需要对屏幕边缘手势进行自定义。手势具有优先级: 第一次滑动会调用你应用手势,在第二次滑动才会调用系统手势。...在键盘下方会自动显示Emoji/Globe 和 Dictation 按钮。你应用程序并不能影响这些按钮,所以不要在你自定义键盘中出现这些按钮,以免造成混乱。 请参阅 自定义键盘。

1.9K20

iPhone X 适配指南 (官方翻译版)

布局 在设计iPhone X,您必须确保布局填满屏幕,并且不会被设备圆角,传感器外壳或用于访问主屏幕指示灯遮蔽。...人们使用显示屏底部滑动手势访问主屏幕应用程序切换器,这些手势可能会取消您在此区域中实现自定义手势。屏幕两个角落可能是困难地方让人们舒适地到达。 不要掩盖或特别注意关键显示功能。...手势 iPhone X上显示屏使用屏幕边缘手势来访问主屏幕应用程序切换器,通知中心和控制中心。 避免干扰系统范围屏幕边缘手势。人们依靠这些手势在每个应用程序中工作。...在极少数情况下,像游戏这样沉浸式应用程序可能需要自定义屏幕边缘手势,优先于系统手势 - 第一个滑动会调用特定于应用手势,而第二次滑动则会调用系统手势。...您应用程序不能影响这些按钮,因此避免在键盘中重复这些按钮造成混乱。请参阅自定义键盘。 资源 下载Photoshop和Sketch 资源中 iPhone X UI设计模板。 原文链接

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

10-移动端开发教程-移动端事件

最基本touch事件包括4个事件: touchstart: 当在屏幕上按下手指触发 touchmove: 当在屏幕上移动手指触发 touchend: 当在屏幕上抬起手指触发...2.4 touchend事件 ​ 当用户手指抬起时候,会触发 touchend 事件。如何用户手指触屏设备边缘移出了触屏设备,也会触发 touchend 事件。...2. screenX 触摸点相对于屏幕边缘 x 坐标。 3. screenY 触摸点相对于屏幕边缘 y 坐标。 4. clientX 触摸点相对于浏览器 viewport左边缘 x 坐标。...swipe:手指在屏幕滑动时会触发 swipeLeft:手指在屏幕上向左滑动时会触发 swipeRight:手指在屏幕上向右滑动时会触发 swipeUp:手指在屏幕上向上滑动时会触发 swipeDown...:手指在屏幕上向下滑动时会触发 ?

6.4K70

10-移动端开发教程-移动端事件

最基本touch事件包括4个事件: touchstart: 当在屏幕上按下手指触发 touchmove: 当在屏幕上移动手指触发 touchend: 当在屏幕上抬起手指触发 touchcancel...如何用户手指触屏设备边缘移出了触屏设备,也会触发 touchend 事件。 touchend 事件 target 也是与 touchstart target 一致,即使已经移出了元素。...2. screenX 触摸点相对于屏幕边缘 x 坐标。 3. screenY 触摸点相对于屏幕边缘 y 坐标。 4. clientX 触摸点相对于浏览器 viewport左边缘 x 坐标。...swipe:手指在屏幕滑动时会触发 swipeLeft:手指在屏幕上向左滑动时会触发 swipeRight:手指在屏幕上向右滑动时会触发 swipeUp:手指在屏幕上向上滑动时会触发 swipeDown...移动端点击穿透问题 如果某个返回按钮位置,恰好在要返回这个页面的带有href属性a标签范围内,在点击返回按钮后,页面快速切换到有a标签页面,300ms后触发了click事件,从而触发了a标签意外跳转

6.7K80

C# WPF MVVM开发框架Caliburn.Micro入门介绍①

02 以下是一个关于Caliburn.Micro简短列表: Action消息: 操作机制允许您将UI触发器(如按钮“单击”事件)“绑定”到视图模型或演示器上方法。该机制还允许向方法传递参数。...所有参数都会自动转换为方法签名。此机制还允许“Action.Target”独立于DataContext而变化,并允许在UI中不同点触发器声明它。...Screens 和Conductors Screen、ScreenConductor和ScreenCollection模式支持基于模型活动或当前项目跟踪,强制执行屏幕生命周期,并在应用程序中优雅地关闭或取消关闭...不多只需Bootstrapper继承并将自定义Bootstrapper实例添加到应用程序ResourceDictionary中。完成。...您可以开始使用Caliburn.Micro进行开发,然后,如果您遇到边缘情况或有其他需要转移到Caliburn,您将能够在应用程序中进行少量更改或不进行任何更改。

1.7K20

LMT:高度定制单手虚拟按键

你可以设置触发区域,当手指触摸到设定好触发区域:   1.打开扇形面板   2.触发手势并进行设定好某种操作   说到"高度自定义"那么也就是说,这个应用是有一定学习成本,换句话说,这个应用上手不会特别简单...这点它名目繁多设置项就能看出来:   它主要功能有: 设定手势,包括单点触控,双手滑动和多点触控手势; 设定滑动区域手势,可自定义触发区域和触发动作; 设定扇形按钮并自定义扇形按钮每个按钮功能;...利用扇形按钮,你可以利用它代替虚拟或者实体按键,只需要把手指滑到扇形按钮上再松开即可触发相应按键动作,除此之外,你还可以定义将快捷方式,应用程序,系统开关,甚至是脚本,按键命令,网页,活动项定义在扇形按钮上...除了扇形按钮这个功能之外,小苏今天还要介绍"扇形指针"功能,当扇形按钮被手指触发之后,且0扇形指针功能处于开启状态,将手指向扇形直边方向滑动,即可触发扇形指针功能。...触发扇形指针功能后,屏幕上会出现一条圆弧和一条线段,圆弧和线相交之处有一个小圈,按住屏幕不放并移动手指,屏幕圆弧线段和小圈会随你手指而移动,单手操作,将小圈对准你想要点击而又够不着位置,松开手指

99330

Android 10 终于来了!增加了不少新特性

手势导航 引入手势导航后,应用程序不仅可以实现全屏幕内容显示,还能最大限度地减少系统导航键可见程度,这对于当下主流全面屏手机尤为重要。...用户可以左下角或右下角斜向滑动以启动 Google Assistant 助手,在触发角落会有相应 “小手柄” 指示器来作为视觉提示。...另外,团队还为包含导航抽屉(Navigation Drawer)应用增加了一个名为 peek 动作:用户轻压屏幕边缘然后再向内划动,便可拉出应用抽屉页面。...当你没有使用应用程序访问你位置,你也会收到提醒,以决定是否继续分享。...手势导航将变成Android 10默认导航模式,屏幕底部向上滑动可回到主界面,上滑并按住松开可切换后台App,左侧或右侧边缘向相反方向滑动可返回上一桌面。

1.3K40

WPF 底层 手指触摸屏幕到笔迹在屏幕显示中间步骤

本文非入门级博客,本文包含了大量链接博客,阅读本文你将会了解用户手指触摸屏幕到最终屏幕打印出笔迹应用程序执行步骤 本文实际内容不多,但是如果加上链接博客,那么总内容将会非常多,还请小伙伴仔细阅读本文链接博客...RealTime Stylus 机制实现,这个机制能达到比 WM_Touch 触摸消息快非常多倍接收速度,基本可以认为硬件设备发送到系统瞬间就到应用程序上,中间过程仅有发生几次锁和读取内存数据时间。...通过 RealTime Stylus 机制快速获取触摸点,但是 WPF 为了让业务逻辑更好实现,此时将会在在主线程触发 Touch 或 Stylus 事件。...RealTime Stylus 到 StylusPlugIn 收到消息或在 Touch 等事件收到消息,请看 WPF 触摸到事件 这就是需要涉及整个 WPF 命中测试以及触摸输入机制,这也就是手指触摸到屏幕到...这部分细节请看 WPF 渲染原理 而此时离屏幕渲染依然还有一段路线,在 WPF 通过 MIL 层,给出 Geometry 绘制原语之后,将会和 WPF 界面的其他元素,如按钮文字等等在渲染线程合成为

1.2K20

【愚公系列】2023年09月 WPF控件专题 Window窗体属性和事件

ForeColor属性:指定窗体前景色,也就是文本颜色。 Size属性:指定窗体宽度和高度。 Location属性:指定窗体在屏幕位置,以屏幕左上角为原点。...在此事件中可以进行窗体初始化操作。 Click事件:当用户单击窗体触发。可以用来实现单击窗体操作。 DoubleClick事件:当用户双击窗体触发。可以用来实现双击窗体操作。...Resize事件:当窗体大小改变触发。可以用来实现窗体大小改变操作。 Close事件:当窗体即将关闭触发。可以用来实现窗体关闭前操作。...可以用来实现鼠标在窗体上移动操作。 KeyDown事件:当用户按下键盘上触发。可以用来实现键盘按键事件处理。 KeyUp事件:当用户松开键盘上触发。可以用来实现键盘按键事件处理。...GotFocus事件:当窗体获得焦点触发。可以用来实现窗体获得焦点操作。 LostFocus事件:当窗体失去焦点触发。可以用来实现窗体失去焦点操作。

44811

最新iOS设计规范六|10大交互规范(User Interaction)

避免与系统屏幕边缘手势冲突(边缘保护)。根据设备不同,屏幕边缘手势可提供对主屏幕应用程序切换器、通知中心、控制中心和Dock访问。...在极少数沉浸式应用程序中(如游戏)可能需要自定义屏幕边缘手势,这些手势优先于系统手势,即第一次滑动调用特定于应用程序手势,第二次滑动调用系统手势。...许多系统APP导航栏中,都包含一个清晰且可点击返回按钮。但是用户也可以通过从屏幕侧面滑动来返回上一页。在iPad上,用户还可以通过按Home键或使用四指捏手势退出主屏幕。...点击(Tap):激活按钮或者选择某个对象 拖动(Drag):把一个元素从一边移到另一边,或者在屏幕内拖动某个元素 滑动(Flick):快速滑动或平移 横扫(Swipe):当用一根手指横扫,可以用来返回到上一个屏幕...拖动内容,用户可以通过多任务处理,退出到主屏幕屏幕底部向上滑动以显示Dock来访问另一个应用程序。 支持拖放 使拖放可用于所有可选和可编辑内容。 如果适用,允许将内容拖放到控件上。

4K30

Simple Control:无需Root为设备添加导航栏

Root权限应用来说,按键自定义程度算是比较丰富了~   Simple Control支持呼出/隐藏导航栏,在呼出区域向屏幕中心滑动即可呼出导航栏。...相反,向屏幕边缘方向滑动即可隐藏导航栏。应用还支持自定义呼出区域,使用者可定义屏幕左/下/右三个边缘呼出区域,并且呼出区域长度/宽度/位置可调。...(呼出区域就是屏幕边缘粉色区域,仅在此应用设置界面才会显示,在其他状态下你是看不到屏幕边缘有粉色区域存在~)   Simple Control支持修改导航栏背景颜色/图标颜色/透明度,导航栏长度/...应用还支持自动隐藏导航栏特性,可设置点击导航栏按钮后延时自动隐藏和点击导航栏外部自动隐藏两种方式(自动隐藏和透明度可调这两个功能很贴心,因为导航栏会覆盖到屏幕边缘内容嘛)。   ...Simple Control还支持悬浮按钮触发方式(悬浮按钮屏幕边缘中间),当使用者点击停靠在屏幕边缘悬浮按钮时会以悬浮按钮为参考位置,展开横向或者纵向导航栏,方便使用者灵活控制导航栏出现位置。

1.1K20

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

另外,随着页面滑动,大标题要转换为标准标题。 ? 隐藏大标题导航栏边框。在iOS 13及更高版本中,可以通过删除导航栏阴影来隐藏导航栏底部边框(当滑动内容区域,边框会自动重新出现)。...你可以同时提供自定义蒙版图像,以便系统在转场过渡使用此蒙版为按钮标题设置动画效果。 不要包括多段面包屑路径。后退按钮始终执行单个操作:返回上一屏幕。...允许用户隐藏侧边栏以为其内容创造更多空间,并使用内置边缘滑动手势再次显示侧边栏。避免在默认情况下隐藏边栏。 侧边栏中标题要保持简洁明了。省略不必要和多余词。...当数据层次结构深于两个级别,请在拆分视图界面的补充列中使用列表视图。 四、状态栏(Status Bars) 状态栏出现在屏幕边缘,并显示有关设备当前状态有用信息,例如时间,移动电话和电池电量。...当弹出键盘,工具栏也会被隐藏。 ? tips:了解选项卡栏和工具栏之间区别很重要,因为两种类型栏都出现在应用程序屏幕底部。

9.8K10

Mac 常用快捷键与操作

”快速回到桌面 参考文献 1.前言 Windows 切换到 Mac,我想你最不习惯便是键盘使用。...MAC 卸载程序 一般有如下两种方法: (1)进入启动台找到要卸载程序图标,长按左键或 option 键,当图标开始摇晃,有些程序上角出现×,此时点击×即可卸载应用了。...(2)在访达中进入“应用程序”,找到要卸载程序右键“移动到废纸篓”。 设置“触发角”快速回到桌面 在 Mac 中,我们可以通过默认快捷键 F11 快速回到桌面。...但也可以通过设置触发角(屏幕角)快速回到桌面。 上角苹果图标 > 系统偏好设置 > 调度中心 > 触发角。...选择其中任意一个屏幕角设置为“桌面”,那么将鼠标移动至对应屏幕角用,就会触发刚才设置,执行“回到桌面”操作。

3.6K20

大屏时代生态变迁,看平板手机拇指热键与界面布局

这是因为,在小屏规格范围内,无论屏幕尺寸如何变化,拇指热区基本都能保持相似的形状及位置,而一旦屏幕尺寸突破了某个临界值,人们通常需要将小指屏幕边缘移至机身背后,使其与另外三根手指一起托住手机才能保持稳定...可以通过屏幕底部悬浮按钮触发更多功能,同时避免与Android系统导航栏产生大范围冲突。 此外,也可以尝试将控件放置在顶部,但使其能够响应某种作用于屏幕下方辅助交互形式。...在尺寸方面,要尽可能使元素宽度达到屏幕宽度三分之一以上,最好可以接近屏幕宽度,从而最大程度降低拇指操作费力度。 不要随着屏幕增大而放大手势操作触发区域。...以横滑展开菜单为例,在平板手机上,不要放大横滑所需距离,别让用户必须在整个屏幕范围内使用手势才能达到触发效果。...与系统提供上下移动界面的方式不同,在App或网页内部,一种更具实践性做法是在界面边缘放置某种“抽屉把手”,形如按钮或Tab,点击之后即可展开整个面板。 ?

2.3K10

WPF 开启Pointer消息存在

本文记录在 WPF 开启 Pointer 消息屏幕键盘 启用了Pointer之后,调用Textbox.Focus(),起不来屏幕键盘,必须点在它之上才行,触摸在它之上才行 使用屏幕绝对坐标而不是窗口坐标...默认 Pointer 消息是使用屏幕绝对坐标而不是窗口坐标 可能存在获取 Stylus 事件触摸点不准,此时可以通过获取 Touch 代替,详细请看 WPF will have a touch offset...例如另一个进程文本框获取焦点,在滑动 ListView 列表,打开了窗口或者激活现有的窗口到前台获取焦点,在此窗口内进行触摸,可能会收不到触摸事件 原因是在进行 Manipulation 将会设置一些特殊内部字段参数...,原本不走 Pointer ,将会自然走到 MouseDevice.cs 逻辑,触发了 Activate 逻辑,让 WPF 框架层处理窗口激活交互逻辑。...但是在 Pointer 层,走是 PointerLogic.cs 逻辑,没有激活交互逻辑。

80430

WPF 触摸屏应用需要了解知识

2017 进入大屏触摸这个行业,主要是做桌面软件这一块。在大屏交互平板这个行业里面的还能看的上去应用,都是使用 WPF。本文就来和大家聊聊在触摸屏应用开发时候需要了解软硬件知识。...如果触摸框厂商提供比较渣,就需要应用软件加上这个逻辑 电容屏问题是触摸时候需要差不多完全贴合,而因为屏幕材料存在摩擦,因此手指滑动时候会出现瞬间抬起,因此可能存在瞬间触摸抬起然后继续触摸...使用电磁笔是写字上报是Pen协议消息,而使用手触摸走是红外,上报是触摸信息 在 WPF 中区别在于笔写字时候触发是触笔 Stylus 事件,而触摸时候则是触发 Touch 以及 Stylus...因此就需要应用程序知道当前运行过程中像素和物理尺寸换算比例是多少,这部分需要应用程序和硬件配合,应用程序询问硬件当前型号以及显示屏幕尺寸。...虽然不同厂商灵敏度不相同,但是在广州夏天晚上,会有很多蚊虫飞进来,在屏幕上飞过时候就会触发。蚊虫触发了红外触摸框触摸,因此就有跳点。

1.6K30

Human Interface Guidelines — Gestures

·不要阻碍系统范围屏幕边缘手势 除了标准手势之外,一些额外手势还会调用系统范围操作,例如通过从屏幕边缘滑动来显示主屏幕(在支持iPhone上),控制中心,通知中心和Dock(iPad上)。...在极少数情况下,身临其境app可能需要自定义屏幕边缘手势,这些手势优先于系统手势 - 第一次 swip 会调用特定于app手势,第二次 swip 会调用系统手势。...许多app都包含一个 navigation bar,它提供了一个清晰可点击按钮回到上一个屏幕。但用户也可以通过从屏幕侧面 swip 回到上一个页面。...在iPad上,用户可以通过按home按钮或使用四指 pinch 手势来退出主屏幕。...·使用多指手势来增强某些app体验 尽管一次涉及多个手指手势不适合每个app,但它们可以丰富游戏和绘图等app中体验。例如,一款游戏可能包含多个可同时操作屏幕控件,例如操纵杆和触发按钮

63840

Material Design —悬浮响应式按钮(Buttons: Floating Action Button)

屏幕宽度为460dp或更小时,按钮大小应该默认(56dp)变为最小尺寸(40dp)。 ?...左:默认尺寸    右:最小尺寸 悬浮响应式按钮应该放置在离手机边缘至少16dp位置,平板电脑/pc上至少需要离24dp。 ? 悬浮响应式按钮在聚焦改变颜色,在选择上浮。 ?...尝试最适合您app和按钮所在屏幕变换。 触发 悬浮响应式按钮可以简单地触发动作或在某处导航。 触摸波动动画向外扩展导致UI变化。 工具栏 浮动动作按钮可以在按下变换成工具栏。...该列表不应包含无关操作。 ? 变形 浮动操作按钮可以转换为属于应用程序结构一部分材料。 这种戏剧性变化突出了按钮所能实现动作。 悬浮响应式按钮变形,以有逻辑方式在开始和结束位置之间转换。...因此,它往往不具有撤消转换或可逆动画方法。 ? ---- 大屏幕屏幕 悬浮响应式按钮可以附加到扩展应用程序栏。 ?

5.7K90

C#学习笔记系列之HelloWorld入门001

C#主要有三种应用,分别是console,wpf,windows form,针对这三种应用,我逐个去攻克,然后能做一些简单应用,在这一系列文章里,我分别介绍这三种应用。...该语句会在屏幕上显示消息 "Hello, World!"。 最后一行 Console.ReadKey(); 是针对 VS.NET 用户。...这使得程序会等待一个按键动作,防止程序 Visual Studio .NET 启动屏幕会快速运行并关闭。...创建Windows窗体应用程序 [建立窗体应用程序] 点击确定后,建立成功,如下图 [660m7iaadv.png] 在工具箱种搜索TextBox [添加文本框] 添加按钮,并设置按钮名字 [添加按钮...创建WPF应用程序 [创建WPF应用] 点击确定后,生成如下项目 [WPF项目应用] 小结 在这篇文章,我简单介绍了创建三种应用helloworld程序,可以把十种应用程序都建立一个Helloworld

1.2K30
领券