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

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

添加联系人按钮: 展示联系人列表 帮助用户将一个联系人添加到当前联系人按钮所在视图中 使用添加联系人按钮让用户在不需要使用键盘情况下就可以方便地访问到联系人。...由于添加联系人按钮属于键盘输入联系人方法替代品,我们推荐在不支持键盘输入界面中使用添加联系人按钮。...页面控件: 包含一系列圆点,圆点个数代表了当前打开视图数量(从左到右,这些圆点代表了视图打开先后顺序) 默认情况下使用不透明点来标识当前打开视图,使用半透明点来表示所有其它视图 不支持用户访问连续视图...步进器: 是一个两段控件,其中一段默认显示减号,另一端默认显示加号 支持自定义图片 展示用户更改值 当用户想要对数值进行小幅度调整时,可以使用步进器。...你可以自定义一个文本框,帮助用户更好地理解如何使用它。举个例子,你可以在文本框左侧或者右侧加入自定义图形,或者加入系统按钮书签按钮等。

13.2K30

iOS 8人机界面指南(三):iOS技术(下)- 腾讯ISUX

在这种情况下,你就需要自己设计一个可以出现在应用主界面的打印按钮,因为动作按钮只能在工具栏和导航栏中使用。...在这一情境下,用户仍然希望能在他们设备上使用应用,但他们希望被无预期或突兀声音所打断,手机铃声或新消息音。...想了解如何使用这一技术,参阅Audio UI Sounds (SysSound)中范例项目。...或者你可以使用MPVolumeView类来显示用户可选择支持AirPlay音频或视频设备。用户习惯于这些标准控件外观和行为,因此他们可以理解如何在应用中使用它们。...在文本页面内,文字选择应该是默认设置。 不要使按钮标题可选择 如果按钮标题是可选择,用户很难在激活按钮情况下呼出编辑菜单。通常来说,像按钮这样操作元素不需要是可选择

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

《iOS Human Interface Guidelines》——Sound声音

无论静音开关位置在哪,用户都可以使用音量按钮来安静任何声音。使用音量按钮来调整一个app当前播放音量同样会调整所有系统音量,包括铃声音量。...IPHONE 当没有声音播放时使用音量按钮会调整铃声音量。 用户使用耳机来私下听声音并解放他们双手。无论这些设备是有线还是无线,用户都有着特殊用户体验期待。...给予这个询问回答,你可以选择氛围或者独奏氛围类别(两个类别都允许用户静音玩游戏): 如果用户在听其他音频,你应该假设他们倾向于继续听并且不想被强制听游戏配乐。在这种情况下,你应该选择氛围类别。...比如说,一个播放配乐游戏应该总是在中断结束后自动恢复播放配乐。 合适的话,处理媒体远程控制事件 app可以在用户使用iOS媒体控件或者配件控件时候接收远程控制事件,比如耳机控件。...或者你可以使用MPVolumeView类来显示用户可以选择支持AirPlay音频或视频设备。用户习惯这些标准控件表现和行为,所以他们知道如何在app中使用它们。

1.7K30

iOS 9人机界面指南(三):iOS 技术 (下) - 腾讯ISUX

在这一情境下,用户仍然希望能在他们设备上使用应用,但他们希望被无预期或突兀声音所打断,手机铃声或新消息音。...或者你可以使用MPVolumeView类来显示用户可选择支持AirPlay音频或视频设备。用户习惯于这些标准控件外观和行为,因此他们可以理解如何在应用中使用它们。...易用性对于路线规划应用来说特别重要,因为用户常常会在极具挑战性情况下使用它们——例如在明亮阳光下、在昏暗车厢内抑或是在颠簸旅程中,或在非常紧急情况下。...如果按钮标题是可选择,用户很难在激活按钮情况下呼出编辑菜单。通常来说,像按钮这样操作元素不需要是可选择。 将对撤销与重做支持与对复制与粘贴支持组合到一起。...太长按钮标题容易被断章取义并且很难被用户解读。由于这个文本用于按钮标题中,要使用标题样式大写形式并且不能添加标点。 避免过度使用摇晃手势。

1.3K30

处理视觉冲突 | 手势导航 (二)

如果您控件出现在了这些区域内,就可能被系统 UI 遮盖。自然,我们可以使用 insets 区域来尝试解决视觉冲突,把视图从屏幕边缘向内移动到一个合适位置。...增加边距后看到效果如下: 本文后面会为大家介绍具体做法。 简而言之,系统窗口区域 insets 最适合那些需要点击控件,可以确保系统栏遮盖住它们。...在有些显示模式下 (比如放松模式和沉浸模式),系统 UI 可能会根据情况在可见与不可见之间切换 (游戏、照片浏览、视频播放器等)。...处理边衬区冲突 希望您现在对不同类型 insets 区域有了更深了解,下面我们来看看您需要如何在应用中实际使用它们。...这是因为默认情况下,所有视图都会在填充区域内裁剪图形。该属性通常与 RecyclerView 一起使用,我们将在以后文章中对其进行详细介绍。

2.7K30

【愚公系列】2023年10月 WPF控件专题 StatusBar控件详解

WPF控件可以分为两类:原生控件和自定义控件。原生控件是由Microsoft提供内置控件Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见标准用户界面元素。...自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化用户界面元素。自定义控件可以根据需求提供更多功能和自定义化选项,以及更好用户体验。...在WPF中,我们可以使用XAML或者代码来创建和设置StatusBar控件。...默认情况下,子元素居中显示。...显示操作提示信息,例如鼠标悬停在按钮上时,显示按钮用途简短文本提示。显示应用程序错误信息。显示底部状态栏,例如在应用程序中添加一个状态栏,可以在底部显示状态信息。

42711

【愚公系列】2023年10月 WPF控件专题 ToolBar控件详解

WPF控件可以分为两类:原生控件和自定义控件。 原生控件是由Microsoft提供内置控件Button、TextBox、Label、ComboBox等。...这些控件都是WPF中常见标准用户界面元素。 自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化用户界面元素。自定义控件可以根据需求提供更多功能和自定义化选项,以及更好用户体验。...ToolBar控件通常用来放置一系列可以执行命令按钮或其他控件,常见应用场景是Microsoft Office等办公软件中工具栏。...以下是一个简单例子,展示如何在XAML中使用ToolBar控件: ...1.属性介绍 ToolBar控件是WPF中常用控件之一,以下是ToolBar控件常用属性介绍: IsOverflowOpen:用于控制ToolBar溢出按钮是否展开。

32331

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

如果在导航栏中使用了分段控件,请确保返回按钮标题命名准确。(更多使用指引请参阅本章第三节中分段控件。) ?...而当你在导航栏中使用了分段控件,就不要再放标题以及其它多余控件了。 确保文字按钮之间拥有足够空间。如果导航栏左边或右边文字按钮之间间距太小,那些文字看起来会像挤在一起一样,让用户难以区分。...可以在工具栏里放置分段控件以方便用户快速切换当前内容不同视图或模式。在工具栏中提供应用全局任务或者模式分段控件恰当,因为工具栏中所有操作都应当是针对当前屏幕和视图。...然而通常情况下,在对分视图和浮出层底部使用分段控件效果会更好,因为视觉上看起来更为协调。更多详情请参考文档本章第三节中分段控件。 避免让过多标签填满你标签栏。...占位符文本通常会写明控件功能(比如上图里 “Search”字样),或者提示用户输入文本将在哪里搜索(“Google”)。 书签按钮(The Bookmarks button)。

10.1K51

【愚公系列】2023年11月 Winform控件专题 LinkLabel控件详解

在 Winform 中,可以通过“工具箱”中 LinkLabel 控件添加到窗体中。在设计时,可以设置控件属性,文本内容、字体、颜色、链接颜色、字体样式等。...LinkLabel 控件时,需要注意以下几点:如果文本中存在空格,需要使用“ ”(非断行空格)代替,否则空格会被自动替换为“%20”;如果文本中存在特殊字符,需要使用“&”符号进行转义,“<”代替小于号...默认情况下,LinkLabel 控件会将文本中所有符合 URL、电子邮件地址或本地文件路径格式字符串都转换为超链接。...打开窗体设计器中属性窗格。在属性窗格中,找到Image属性,并单击其旁边按钮,以打开图像选择器对话框。在图像选择器对话框中,选择要在链接文本旁边显示图像,然后单击“确定”按钮。...可以根据需要设置其他属性,Tooltip、Font等等。接下来,处理LinkLabel控件Click事件。

32111

appium 入门参考

四、appium 原生控件查找 下文所提控件一般都特指iOS原生控件UIButton、UITextField等。...控件查找主要应用于原生SDK界面的自动化操作,输入账号密码、点击SDK登录按钮等。...表达式左边使用了label属性。label一般是用户能直接看到内容。如一个文字按钮文本写是立即登录,那按钮label属性值就是立即登录。...而游戏引擎生成游戏画面内容不能像原生控件一样去查找,因此就需要用到图片识别的技术。...在游戏自动化测试方案选型问题上,如果只是简单使用,现成整合方案 airtest 是较好选择。如果想长期稳定使用、且有能力进行脚手架开发情况下,可考虑采用 appium 这样跨平台方案。

1.8K40

退出屏保前玩一把游戏吧!webBrowser中网页如何调用.NET方法

屏保 为了演示新功能使用,在 html 目录中,提供了一个演示用 exit.html 直接提供了网页退出屏保演示按钮。...2.拼图屏保:制作一个拼图游戏,用户需要在网页上完成拼图才能退出屏保。可以使用用户自己照片作为拼图素材,或者从网上随机抓取图片。拼图难度可以根据用户喜好进行调整。...背后哲学 当玩家在游戏中努力拼搏,最终赢得游戏时,他们可能会发现,游戏并没有因此结束,屏保依然继续运行。这时,他们可能会意识到,即使付出了努力,结果也不一定人意。...而当玩家选择投降并重新开始游戏10次后,他们将发现这个看似无用操作竟然让屏保退出,让电脑恢复正常使用。...当然,该拼搏时候,还是需要努力一把,万一就成功了呢? 6. 最后 本文向大家介绍了如何在 webBrowser 中网页调用 .NET 方法,以及如何在屏保程序中加入游戏元素。

17610

【愚公系列】2023年10月 WPF控件专题 Frame控件详解

WPF控件可以分为两类:原生控件和自定义控件。原生控件是由Microsoft提供内置控件Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见标准用户界面元素。...自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化用户界面元素。自定义控件可以根据需求提供更多功能和自定义化选项,以及更好用户体验。...它类似于HTML页面中iframe。可以使用Frame控件来实现基于页面的导航。可以将每个页面定义为一个单独XAML文件,并将其导航到Frame控件中。...常用场景包括:实现导航功能:在一个页面中可以通过点击链接或按钮切换到另一个页面,这个操作可以使用Frame控件实现。...框架开发:使用Frame控件作为框架容器,将所有页面都作为Frame控件控件,实现整个框架应用程序。资源管理器:使用Frame控件来实现Windows资源管理器中文件夹和文件内容切换。

42300

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

例如:若在初始方法失败时,将用户名和密码登录方式作为后备方案。 仅在响应用户操作时启动身份验证。显示操作(点按按钮)可确保用户进行身份验证。例如:在Face ID情况下,用户可能需要面向相机。...使用多指手势来增强某些APP体验。虽然同时涉及多个手指手势并不适合每个APP,但它们可以丰富某些APP体验,比如游戏和绘图APP。例如:游戏APP中可以同时操作控制杆和发射按钮。...用户可以使用多种类型控件来操纵其设备上声音,包括音量按钮,“铃声/静音”开关,耳机控件,“控制中心”音量滑块以及第三方附件中声音控件。...如果你APP不支持某些控件,那么不对他们做出响应即可。 九、触觉(Haptics) 触觉反馈(各种形式震动)可以增强用户与屏幕界面交互体验。...在支持iPhone型号上,你可以通过多种方式在APP内添加触觉反馈: 标准:默认情况下使用系统触觉反馈,开关、滑块和选择器。

3.9K30

html下拉框设置默认值_html下拉列表框默认值

创建一个密码框输入控件 Checkbox 创建一个复选框控件 Radio 创建一个单选按钮控件 Submit…… 7.要在表单中添加一个默认时为选中状态复选框,应使用语句 ⑨。...8.要在 HTML 标记符中直接嵌入样式,应使用标记符 ⑩ 属性。...HTML 基本语法与基本结构(重点) 标记…… 2 【案例16】趣味选择题 案例引入 学习表单核心是学习表单控件,HTML 语言提供了一系列表单控件,用于定义不同 表单功能,文本输入框、下拉列表...必须定义度量范围,既可以在 text 中,也可… 如何在 EXCEL 中建立下拉列表 1、 在本工作簿空白列输入下拉菜单内容,然后选中后右键: 创建列表如下: 复制“=AC1:AC10” 2、 选中要建下拉菜单...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

33.7K10

Qt 水平布局 QHBoxLayout

详见代码: 【代码实现】 注意:我们使用都是自己继承 QWidget 类来创建一个窗口,如果不清楚这个窗口是如何创建,请参考“使用 Qt 构建一个简单窗体程序”。...: 图片 当你拉伸窗口时,按钮也回跟随窗口变化,如下图: 如果你希望拉伸窗口时控件跟随着变长,那么你可以调用 addStretch() 函数,增加一个“弹簧”,如下代码所示: // 在布局中添加一个弹簧...其实我们每个添加控件都是可以设定在窗口中比例,如果你指定窗口比例,那么就以控件默认大小来显示,这个 addStretch() 函数相当于在水平布局中,增加了一个比例为 1 控件,只不过这个控件是什么都不显示..._layout->addStretch(1); // 占整个窗口 1/n 我们在 addwidget() 函数中增加了第二个参数,设定了控件比例,注释所写,按钮 1 占用了...比例,按钮 2 占用了 2/7 比例,依次类推,效果就是下图这样了: 【在其他控件中间插入控件】 以上是比例相关解释,下面我们来看一下如何在这些按钮中插入一个按钮

26730

PyQt十讲 | Qt Designer工具使用方法

PyQt中Qt Designer工具使用方法,文章进行了非常详细示例介绍。...主界面的不同区域介绍: 控件工具箱:提供Gui界面开发各种基本控件单选框、文本框等。可以拖动到新创建主程序界面。 ? 主界面区域: 用户放置各种从工具箱拖过来各种控件。...模板选项中最常用就是Widget(通用窗口)和MainWindow(主窗口)。二者区别主要是Widget窗口包含菜单栏、工具栏等。可以分别创建对比看看二者区别。...这里作为实现入门级界面实现,主要介绍最常使用控件控件对象相关函数。 ? (1)显示控件 Lable:文本标签,显示文本,可以用来标记控件。 Text Browser:显示文本控件。...以上就是今天谈到Qt Designer工具使用方法, 你学会了吗? END

6.4K20

【愚公系列】2023年12月 Winform控件专题 FontDialog控件详解

开发人员可以使用Winform控件来构建用户界面并响应用户操作行为,从而创建功能强大桌面应用程序。...在代码中实现打开和使用FontDialog控件。...下面是这些属性详细说明: AllowScriptChange 该属性控制字体选择对话框中是否允许用户更改所选字体脚本。默认情况下,此选项处于启用状态。...桌面出版工具:在桌面出版工具中,用户可以使用FontDialog控件选择字体、字号和样式来创建和编辑文档。 游戏开发:在游戏开发中,FontDialog控件可以用于选择游戏字体。...软件开发:在软件开发中,FontDialog控件可以用于选择应用程序中字体,例如在窗体、标签、按钮控件使用

27612

【愚公系列】2023年10月 WPF控件专题 Canvas控件详解

WPF控件可以分为两类:原生控件和自定义控件。原生控件是由Microsoft提供内置控件Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见标准用户界面元素。...一、Canvas控件详解Canvas控件是WPF中最基本布局控件之一,它允许您在其中添加其他控件或UI元素,并使用坐标(x,y)指定它们位置。...2.常用场景WPF中Canvas控件常用于以下场景:图形绘制:Canvas提供了一个坐标系,可以使用线、矩形、圆形、多边形等基本形状绘制各种图形;动画效果:Canvas可以与WPF动画功能(Storyboard...和DoubleAnimation)结合使用,实现各种复杂动画效果;游戏开发:游戏通常需要绘制许多复杂图形,并需要实现各种复杂交互和动画效果,Canvas可以满足这些需求;用户界面设计:Canvas...可以用于实现自定义用户界面控件自定义按钮、图标等;数据可视化:Canvas可以用于绘制各种图表,折线图、柱状图等,用于展示数据。

43700

【愚公系列】2023年11月 Winform控件专题 Form控件详解

注意:如果窗体AutoScaleMode属性设置为Font或Dpi,那么所有控件Font属性都应该设置为相对大小(例如使用相对大小字体,“MS Sans Serif, 8.25pt”),以便在自适应过程中正确调整字体大小...调整控件大小:确保容器控件 Form 或 Panel) AutoScroll 属性已经设置为 True。...请注意,像 Label 或 Button 这样简单控件默认情况下不支持滚动,如果你想滚动这些控件,你需要将其放置在一个可滚动容器中,比如 Panel。...AcceptButton属性用于指定在用户按下回车键时,窗体要执行哪个按钮Click事件。通常情况下,我们会将AcceptButton属性设置为表单中最主要操作按钮,例如“确认”或“提交”按钮。...默认情况下,窗体处理键盘消息,而是将其传递给包含控件

1.1K21

iOS 9人机界面指南(一)上篇:UI设计基础 - 腾讯ISUX

无论你是使用系统字体还是自定义字体,一定要采用动态类型,这样一来当用户选择不同字体尺寸时,你应用才可以及时做出响应。 ? 使用无边框按钮。默认情况下,所有的栏(bar)上按钮都是无边框。...视图所有类型有:控件(比如按钮和滑块)、内容视图(比如集合视图和表格视图),以及临时视图(警告提示和动作菜单)。 要在应用中管理一组或者一系列视图,通常需要使用视图控制器。...当你靠尺寸类别来驱动布局变化时,你应用在任何显示环境时都能显示得很好。关于如何在Interface Builder中更好使用尺寸类别,你可以查阅Size Classes Design Help....大型控件吸引眼球,比小控件更容易在出现时被注意到。而且大型控件也更容易被用户点击,这让它们在应用中尤其有用——就像电话和时钟(上面的按钮)那样——能让用户经常在容易分心环境下仍然保持正常使用。...你肯定希望用户使用模态视图时像使用应用中一个mini应用一样。如果子任务过于复杂,用户会在进入模态情境时忽略了主要任务。

1.8K41
领券