文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Human Interface Guidelines —— 导航栏（Navigation Bars）

split view（分割视图） ·Navigation Bars是半透明的，可以具有背景色，并且可以配置为当键盘出现在屏幕上 / 使用手势 / 视图大小调整时隐藏。...如果在navigation bar中使用segmented control，则该栏不应包含标题或segmented control以外的任何控件。 ·使用标准的后退按钮。...如果您使用自定义图像替换系统提供的后退按钮V形图像，则也需要提供自定义遮罩图像。 iOS使用此遮罩在转场时为按钮标题设置动画效果。 ·不要包含多段面包屑路径。...后退按钮总是执行一个动作——返回到前一个屏幕。如果您认为没有到达当前屏幕的完整路径，人们可能会迷路，那么请考虑展开app的层次结构（如使用segmented control）。...如果您在navigation bar中使用segmented control，请仅在层次结构的顶层执行此操作，并确保在低层级界面使用精确的后退按钮标题。

2.4K110
您找到你想要的搜索结果了吗？
是的
没有找到

Espresso浅析和使用

将从配置、写用例、运行一步步介绍Espresso的使用。...应该统一使用Espresso提供的方法 测试用例，特别是UI自动化测试用例，应该尽量保持逻辑简单，覆盖关键路径就足矣。因为UI变动是很频繁的，越复杂，维护成本就越高，投入产出比就会自然降低了。...我们都知道ListView的View是复用的，不可见状态的item并没有把内容绘制到View上。Espresso针对AdapterView（ListView的父类），提供了onData来支持。...应用开发中很常见的一个场景是，点击某个按钮，发起网络请求，等请求回来后解析数据，更新界面。...原因是，Espresso的用例运行过程是只有当UI线程IDLE和UI队列没有需要执行的事件时，Espresso的测试代码才会被执行。使用方无需写Sleep逻辑等待UI绘制完成。

2.3K00

win10 UWP 标题栏后退

本文告诉大家如何在 UWP 标题栏添加后退按钮 设置里，标题栏有后退按钮，请看下图 ?...在win平板，可以有后退键，手机也有，但是手机的是物理的，平板的和 PC 的后退是在标题栏做的 如果需要在标题栏显示后退按钮，需要使用下面代码 Windows.UI.Core.SystemNavigationManager.GetForCurrentView...在用户点击标题栏的后退按钮的时候，可以通过下面代码拿到事件 Windows.UI.Core.SystemNavigationManager.GetForCurrentView().BackRequested...BackRequested 后退方法，如何获得参见：c# 设计模式 责任链.md 注意不要在每个页面的构造都使用添加事件，如果这样子，那么就会出现按一下后退出现你想不到的异常。...如果是手机可以通过引用手机的 sdk 使用下面的代码拿到硬件按钮的返回 Windows.Phone.UI.Input.HardwareButtons.BackPressed 具体代码请看 Windows-universal-samples

79720

分层测试

引言 ---- 自动化测试一直是测试领域桂冠上的明珠，几乎所有的测试团队都有建立团队的自动化。测试团队的自动化建设也被认为是团队提效的必经之路，但搭建和使用自动化路但路却并非一帆风顺。...由于行业内测试方案非常多，iOS和Android双平台的方案加起来大约是近20种。应该如何选择适合我们团队的测试方案呢？...BDD框架 Espresso Android Java 有 主线正在使用espresso进行UI测试和模块间的接口自动化测试 Instrumentation Robotium android Instrumentation...操作方式为使用Cucumber和JSON组合命令，将命令发送到在本地应用程序内部运行的服务器上，并利用UISpec运行命令。 优点： 测试场景是在Cucumber的帮助下，用可理解的英语句子写的。...XCTest的优点是与Xcode深度集成，有专门的Test导航栏，但因为受限于官方测试API，因此功能不是很丰富。

5.7K63

为安卓Chrome加入自定义手势控制

也有其独特的手势特性(比如左/右划地址栏切换标签，下划菜单键弹出并选择菜单项等)，但是深得"我国用户"喜爱的左/右划控制页面后退/前进的手势功能在却迟迟没有在Chrome上得到体现。...下面小苏就来说说如何为安卓Chrome添加手势吧~ 解决方案: 　　以下内容适用于喜欢折腾的Chrome重度用户(步骤重复性高并且比较复杂)，手势功能基于应用:GMD手势控制(文末提供下载)，并且要求手机获得...移除完成后，点击右下角的"+"按钮进入手势添加界面，比如我们要添加一个从屏幕左边缘右划返回上一页面的手势，可以如下设置: 　　手势选择:右划 　　触点个数:1 　　起始区域:左侧边缘 　　操作:无 　　...系浏览器(比如羽•浏览器/JSwarts浏览器)，甚至部分Android系统原生浏览器也支持，对于其他浏览器，请自行测试。 　　...同样，GMD手势预置16种"浏览"动作，包括:"后退/前进/刷新/新建标签/新建隐身标签/关闭标签/上一标签/下一标签/打开书签/添加为书签/页面内查找/打开历史记录/滚动至页面顶部/滚动至页面底部/滚动到上一页

3.6K30

win10 uwp Fluent Design System 实践

如何设计请看 Build Amazing Apps with Fluent Design 下面是我从系统收集的界面 设置 无边框的设计按钮在这里使用，可以看到无边框的按钮会在之后很多使用，如果大家在设计按钮的时候...无边框按钮请看 [UWP]使用Reveal - dino.c - 博客园，里面的代码直接拿就可以做出无边框的按钮，下面是 dino 大神做出的界面 需要知道 dino 大神的按钮使用的设计是 Reveal...如何在软件使用毛玻璃，请看 win10 uwp 毛玻璃 - 林德熙 创建空白界面 下面来告诉大家如何创建一个空白页面 首先创建一个页面，随意的命名，然后在主页面跳转到这个页面，因为这是用于测试的。...telTtxxskne.AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible; 上面的代码就是打开后退按钮...，后退按钮的大小大概是高度30，宽度50 CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true

40420

Android开发者的UI自动化测试上手指南

我们常常听到这样的问题：“为什么软件的开发者们不适合测试他们自己开发的软件？”。事实上，要回答这个问题需要明白开发者去进行测试的目的。...本篇文章不会深入到自动化测试的具体细节，是对如何减少重复测试进行简单实践，让业务开发人员能够简单快速上手才是最终目的。 ?...本篇文章不会对深入到自动化测试的细节进行描述，只是作为开发人员对如何减少重复工作量进行简单的实践，所以这里直接推荐腾讯U测社区的一篇文章：5个最佳的Android测试框架，有兴趣的童鞋可以了解一下目前主流的自动化测试框架...Comparing-Android-Testing-Frameworks.png 解放你的双手 作为一个业务开发人员，解放双手进行功能验证性测试才是最根本的需求，所以下面介绍一下使用Espresso进行...以上三个小步骤实际上也是我们作为用户在使用一个APP的时候所遵循的流程。而我们的测试也是基本遵循这样一个流程的。

81220

我们该如何制定测试范围呢？

前言 随着时代潮流的变化，APP的设计风格也会随着变化，本次接到一个测试任务就是手机浏览器的菜单改版，看似简简单单的UI改版，该如何制定测试范围呢？...二、同级菜单修改位置的测试点： 1、菜单布局是否正确； 2、按钮UI是否正确； 3、按钮点击效果是否正确； 4、点击按钮后入口能正常进入，功能能够正常生效； 三、将功能转移至工具箱内并且无功能改动的测试点...四、有功能更改的测试点： 1、整体功能根据需求重新测试； 2、低版本升级到菜单改版版本，由于功能改版，按钮状态是否继承，功能是否能正常使用； 五、旧功能新增菜单入口测试点： 1、新增入口是否能正确打开旧功能...； 2、新增入口后，与旧功能逻辑是否有冲突； 3、旧功能新增入口后，是否符合整个APP的正常功能逻辑： 例如：本次菜单改版新增小说入口，原有小说只有首页入口，所以在首页点击小说进入书架后，点击工具栏的后退按钮...，必然会返回到首页，本次小说新增入口后，增加了在网页中进入书架的入口，所以需要考虑在网页中通过菜单进入书架，点击工具栏后退按钮，是否能够正常返回到网页。

68230

Material Design — 提示框（ Dialogs）

关闭提示框 提示框可以通过点击提示框外部或点击系统后退按钮（在Android上）来关闭。 有时候，用户必须做出选择动作后才能关闭提示框。...要提供明确的“取消”与“确定”按钮 ---- 全屏提示框（Full-screen Dialogs） 仅限手机：由于空间有限，全屏幕对话框可能更适合使用在手机，而不是屏幕较大的设备上。...确认 屏幕右上角的确认按钮使用描述性动词，例如：保存，发送，分享，更新或创建。 不要使用模糊的动作来确认动作，如：完成，确定或关闭。...确认按钮将被禁用，直到满足对话框中的所有必填字段都完成时，确认操作才会被激活 丢弃（离开） 丢弃操作（屏幕左上角的“X”）和后退按钮均会关闭全屏对话框并放弃之前所做的更改。...如果全屏对话框使用长度可变的标题或预期到可能会有长标题（例如，因为某些单词在不同的语言中较长），请将标题文本置于对话框的内容区域而不是最上面的导航栏。 ? 不该在导航栏中使用长标题

5K101

最新iOS设计规范四｜3大界面要素：视图(Views)

一、动作表单（Action Sheets） 动作表单是一种特定的警示样式，它表示与当前上下文有关的两个或多个选择。在较小的屏幕上，动作表单会从屏幕底部向上滑动。...在较大的屏幕上，动作表会以弹出框的形式同时出现。 ? 在执行潜在的破坏性操作之前，请使用操作表请求确认。如果是非破坏性的操作可以使用下拉菜单（控件的一种，后面会讲到）。...如果2个按钮满足不了你的需求的话，你可以考虑使用动作表单（Action Sheets）。 警示框按钮的标题要简洁明了、合乎逻辑。最合适的按钮标题由一个或两个词语组成，用于描述选择按钮后的结果。...在这种类型的界面中，主要列显示侧边栏，可选补充列显示列表视图，辅助内容窗格显示有关所选内容的详细信息。 在iPad上，使用拆分视图而不是标签栏。...网页视图支持前进和后退导航，但默认情况下这种交互行为是被禁用了的。如果用户想通过网页视图访问多个页面，请启用前进和后退导航，并提供相应的控件来启动这些功能。 避免使用网页视图来构建一个网页浏览器。

8.4K31

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

当系统设置为使用按钮导航模式时 (即上图例子所示)，视觉冲突会更加明显，因为这时导航栏的高度更大。...再强调一次，您现在最好在所有的导航模式下测试您的应用。 那么我们如何处理这种视觉冲突呢？系统窗口区域在这就能派上用场。...注意，使用可点击区域里的数值进行布局时，依然可能导致自己的控件与系统 UI 在视觉上重叠，这一点与系统窗口区域 insets 不同，使用后者的值对自己的控件进行位移后能确保不会与系统/导航栏发生视觉重叠...Android 10 带来了新的手势导航模式，允许用户通过手势动作，而不是导航按钮来进行导航: 从屏幕左/右边缘向中间滑动，相当于后退按钮 (Back)。...在 Android 10 上，系统手势区域如下: △ 左/右侧的后退操作区域宽 40dp，下方的主屏操作区域高 60dp 如果您有需要滑动操作的控件出现在了系统手势区域内，就可以使用对应的数值来将这些控件挪开

2.8K30

iOS 11 更大的导航 （官方翻译版）

导航栏 导航栏出现在应用程序屏幕顶部的状态栏下方，并可以通过一系列分层屏幕进行导航。当显示新屏幕时，通常标有前一屏幕标题的后退按钮出现在栏的左侧。...导航栏是半透明的，可能具有背景色调，并且可以配置为在屏幕上键入屏幕时隐藏，发生手势或视图调整大小。 ? 考虑在显示全屏内容时暂时隐藏导航栏。当您想关注内容时，导航栏可能会分散注意力。...导航栏控件 避免拥挤导管栏的控制太多。通常，导航栏不应包含视图的当前标题，后退按钮和管理视图内容的一个控件。如果您在导航栏中使用分段控件，则该栏不应包含标题或除分段控件之外的任何控件。...使用标准后退按钮。人们知道标准的后退按钮可以让他们通过信息层次来回溯步骤。但是，如果您实现自定义后退按钮，请确保它仍然像后退按钮，行为直观，与您的界面的其余部分相匹配，并始终贯穿您的应用程序。...如果您在导航栏中使用分段控件，请仅在层次结构的顶层执行此操作，并确保在较低级别选择准确的后退按钮。有关其他指导，请参阅细分控件。 ? image.png

2.8K30

腾讯TMQ在线沙龙回顾|UI自动化中阶思考与实践

嘉宾简介 陈帅，腾讯专项技术测试工程师，目前主要负责腾讯WIFI管家业务及专项测试，多年测试经验，在UI自动化开发方面，在appium、uiautomator、espresso等工具上都有实战经验。...9、有些手机在自动安装时弹出安装的弹窗如何更好的解决？...在测试开始，将屏幕尺寸存下来，使用百分比的方式计算得到需要点击的位置。如下： ? 点击【50%宽度，80%高度】的位置。 13、QQDriver 这个有相关资料吗，关于如何搭建的？...答：不建议使用appium做性能相关的测试，框架本身的问题无法避免，只能换一种框架。性能测试的话，我建议用uiautomator和espresso来驱动会更好。...18、对于类似wifi开关的测试，验证点怎么把握 怎么确定是否真正打开或者关闭 还有对于想从状态栏获取验证信息 有没有好的建议？ 答:uiautomatorviewer似乎定位不到状态栏的图标。

1.4K90

用WPF做一个简易浏览器

所以在这里我使用了DockPanel，第一行我指定为Top；第二行不指定，也就是充满整个剩余空间。 然后来看看第一行的布局，这里我希望前三个按钮按顺序排列，最后的地址栏充满整个剩余空间。...不管是哪种图形界面，反正控件总是按钮、文本域、标签那些东西。这里我用到的就是按钮和文本框，当然最重要的是WPF提供的浏览器控件WebBrowser，它封装了浏览器的操作以便我们直接使用。...这里只设置了按钮和文本框的宽度和外边距，外边距的4个值分别代表上、左、右、下外边距。如果不在这里统一设置，那么就要针对每个按钮设置一次外边距，这是件很麻烦的事情。...我在这里直接使用正则表达式做一下测试，如果如果输入的不是有效的URL，那么我就手动在网址前面添加一个 http://。实现方法很简单，直接看代码就行了。...现在我们希望不论是前进、后退，还是从浏览器中点击其他链接，地址栏的地址都会跟着更新。

3.4K50

Android神兵利器之Image Asset Studio的实现

选择之后, 点击OK按钮即可。 然后如何来生成图标呢? 很简单, 只需要点击之前的窗口的Next(下一步)按钮, 就会出现以下窗口: ?...DPI原来是印刷上的记量单位，意思是每英寸上，所能印刷的网点数（Dot Per Inch）。...如果你选择Image这种素材类型, 那么你可以选择电脑上的任意一张图片来作为素材, 通过点击下图中Path(路径)那一栏的最右边的”三个小点”的按钮, 例如我选了一张自己很喜欢的头像 (Android机器人...2.2版中很多新功能日趋完善, 比如 Instant Run, Layout Editor, Espresso Test Recorder (用于录制Android UI测试, 以便自动生成测试代码。...之前2.1或2.2 Beta版本的Espresso Test Recorder在真机上启动不起来, 只能在模拟器上启动)。 除此之外还有许多新功能的加入。

1.3K30

win10 UWP 标题栏后退

设置里，标题栏有后退按钮 ? 在win平板，可以有后退键，手机也有 pc可以在标题栏，打开设置可以看到的那个 ?...().AppViewBackButtonVisibility = Windows.UI.Core.AppViewBackButtonVisibility.Visible; BackRequested 后退方法...，如何获得参见：c# 设计模式 责任链.md 注意不要在每个页面的构造都使用添加事件，如果这样子，那么就会出现按一下后退出现你想不到的异常。...好的做法是在 Load 添加，Unload 去掉。如果这句代码添加在 ViewModel 需要自己在 ViewModel 关闭去掉添加事件。...AppViewBackButtonVisibility 可以设置是否显示后退按钮 上面的显示后退 其实可以写在任何需要显示后退的地方，注意：如果是异步线程，需要把他放在同步线程 ----

64810

Material Design — 底部导航（Bottom Navigation）

用法 设置3-5个一级页面目的地 这些一级页面是需要直接访问的 颜色 激活的页面icon：1、底部导航栏为黑色/百色——用软件的主色调；2、如果底部导航栏已经有了颜色——使用黑色/白色。...应按下列要求制作每一个动作（目前并不适用，因为图标无法100%传递标签的内容）： ·当页面处于焦点时，显示页面的icon和标签； ·当只有三个动作时，始终显示icon和文本标签； ·如果有四个或五个动作...颜色 激活的页面icon：1、底部导航栏为黑色/百色——用软件的主色调；2、如果底部导航栏已经有了颜色——使用黑色/白色。 文本标签 文本标签为底部导航icon提供了简短、有意义的定义。...底部导航栏不应用于： ·专注于单一任务的观点，如电子邮件“撰写”页面。 ·包含用户首选项或设置的页面 在Android上，后退按钮不在底部导航栏视图之间导航。...滚动 底部导航栏滚动时可以动态地出现和消失： ·向下滚动隐藏底部导航栏 ·向上滚动显示 手势 在内容区域上使用左右滑动手势不会在一级页面之间切换。

4K90

Android - 页面返回上一页面的三种方式

今年刚刚跳槽到了新公司，也开始转型做Android，由此开始Android的学习历程。 　　最近在解很多UI的bug，在解bug过程中，总结了在UI的实现过程中，页面返回上一页面的几种实现方式。...自己布置一个back的按钮或图片 　  当然就要自己写回退实现的逻辑，例如back的id为R.id.back，在onClick方法中，switch case中调用finish方法，case R.id.back...使用系统提供的Action Bar        Action Bar是一种新増的导航栏功能，在Android 3.0之后加入到系统的API当中，它标识了用户当前操作界面的位置，并提供了额外的用户动作、...简单来说，就是系统提供的标准组件，让我们方便的实现后退功能。        ...机器上的back按键       处理此按键的后退功能，只需要在onBackPressed方法中就可以。

4.5K80
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券