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

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

刷新控件: 看起来类似活动指示器 可以出现在标题中 默认状态下不可见,当用户在表格上缘往下拖拽以刷新内容才出现 使用刷新控件,给用户提供一个一致的方式来了解一个表格或其他视图的内容更新,而不需要等待下一个自动更新...就算你使用刷新控件,也不要因此就不支持内容自动刷新。尽管用户喜欢在执行刷新操作内容立刻刷新,他们也同样会喜欢内容自动刷新。...步进器: 是一个两段控件,其中一段默认显示减号,另一端默认显示加号 支持自定义图片 展示用户更改的值 当用户想要对数值进行小幅度调整,可以使用步进器。...你可以使用开关按钮来控制视图中的其它UI元素。根据用户的选择,新的列表项可能出现或者消失,或从激活状态变为激活状态。 4.3.17 系统按钮 系统按钮执行app中定义的行为。 ?...设计文案可以遵循以下指南: 跟其它所有按钮一样,使用标题式大写,而且不需要标点符号 尽可能的使用与警告文案直接相关的动词或动词词组,”取消(Cancel)”,”查看全部(View All)”,”回复

13.2K30

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

(Refresh) 刷新当前内容(请尽量自动刷新,在必要使用刷新按钮) 播放(Play) 播放当前媒体内容 快进(Fast Forward) 快进当前多媒体或幻灯片 暂停(Pause) 暂停多媒体或者幻灯片播放...当用户回到前一屏,之前选中的那一行同样会短暂地高亮,提醒用户他们先前选中了什么(但并不会一直保持高亮)。 除了以上表格中列举的元素外,iOS定义了刷新控件,让用户可以刷新当前的表格内容。...这种样式通常包含图片。 Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一 个单词。 ? 重要 以上四种单元格样式均支持添加表格视图元素,勾选或展开标志。...无论是平铺型还是分组性,用户点击某一行中的某一项都可以显示一个选项列表。当用户点选了一个不属于表格行的按钮或者其他UI元素的时候,可以使用平铺型表格视图来展示唤起的选项列表。 展示层级信息。...使用表格视图,可遵循以下这些指引: 用户选择列表,始终给与反馈。当用户点击可选的列表项时会认为被点击的项都应短暂地高亮一下。

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

官方文档:QUX主题使用指南

该文章简要说明qux主题使用设置说明,帮助你快速上手使用qux主题。...一、开始安装 使用qux主题建议环境为mysql版本为5.5以上,以及php版本为5.6以上,推荐使用(php7.0+sql5.6) 你可以使用以下两种方式安装主题 1、下载主题后将主题qux文件夹下的文件使用...A:首先保证服务器或主机以开启伪静态以及设置-固定链接非朴素型,前往主题设置–基本 找到刷新固定链接选项 点击刷新固定链接规则 ,也可前往设置-固定链接 重新保存固定链接 Q2:为什么我的文章列表智能以列表形式展示...默认商城链接为 http://你的域名/store Q4:如何在文章发布付费资源 A:在发布文章,到文章底部找到商品信息选项卡 打开文章付费资源开开关 即可发布付费资源,付费资源可以是积分也可以是现金商品...,也可单独为不同会员设置不同折扣 价格设置为0则表示免费资源,当会员折扣设置为0,则表示该等级会员免费。

1.4K20

微信小程序实践:2.3 可滚动的容器组件之 scroll-view

5.1,使用 scroll-view ,如何优化使用 setData 向其传递大数据、渲染长列表?...7,如何在scroll-view中自定义实现一个下拉刷新交互动画? 8,使用scroll-view实现瀑布流功能,如果页面比较卡顿,可以朝哪个方向优化?...5.1,使用 scroll-view ,如何优化使用 setData 向其传递大数据、渲染长列表?...updateList、updatePage是setData更新用的key,因为是变量,所以在使用时要用[]括起来。 作者为什么直接使用push方法呢?...右侧列表滚动,通过绑定scroll事件,拿到scrollTop,循环对比在哪个区域,就把哪个区域对应的菜单高亮。 6、如何在小程序中使用 WeUI 组件库?

14.5K30

《iOS Human Interface Guidelines》——Table View表视图

一个分组的表视图总是最少包含一个条目清单分组——每一行一个列表项——并且每个分组总是最少包含一个条目。分组表视图包含索引。 在两种风格中,表行会在用户点击选中简短地高亮。...如果一行的选择导致导航到一个新的界面,选中的行会高亮并且伴随着新的界面滑动进来。当用户导航回前一个界面,之前选中的行会再次简短地高亮来提醒用户之前的选择(它不会持续高亮)。...除了上面列出的表特有的元素,iOS还定义了刷新控件,让用户可以刷新表的内容。查看Refresh Control来学习更多关于在你的app中使用表的刷新控件的内容。...查看UITableViewHeaderFooterView Class Reference来学习如何在你的代码中使用页眉页脚视图。...当你使用表视图遵循下面的指南: 当用户选择列表条目永远要提供反馈。用户期待当他们点击列表条目表中的行能简短地高亮一下。

2.4K20

深入了解 AngularJS 路由的原理和使用技巧

我们将从基础知识开始,逐步介绍如何配置和定义路由,如何在应用程序中进行导航,以及如何处理各种路由事件。...通过使用ngRoute模块,我们可以轻松地配置和定义路由,以及处理各种导航事件。1.3 路由的好处使用路由机制的好处有很多。首先,它能够实现无刷新页面加载,提供良好的用户体验。...可以通过在 HTML 文件中添加 标签引入 AngularJS 库和 ngRoute 模块,或者使用构建工具Webpack等进行模块化管理。...通过设置链接的 href 属性或者与 ngRoute 模块一起使用,我们可以实现在刷新页面的情况下切换路由。3.2 控制器和模板每个路由可以关联一个控制器和一个模板。...本文详细介绍了 AngularJS 路由的概念、特性和用法,包括配置和定义路由、导航和路由事件,以及一些进阶技巧路由参数、嵌套路由和路由保护。

17110

何在Ubuntu中安装NVIDIA 430.09

以下是如何在Ubuntu 16.04,Ubuntu 18.04及更高版本中安装它。 NVIDIA 430.09作为第一个测试版发布,具有以下新功能: 新的GPU支持。...X.Org xserver版本提升到1.7 添加了对GL_NV_vdpau_interop2 OpenGL扩展的支持 错误修复,以及其他各种VDPAU补充 如何在...打开,运行命令: sudo add-apt-repository ppa:graphics-drivers/ppa 在提示键入用户密码(由于安全原因没有星号反馈),然后按Enter...2.对于Linux Mint 19,您可能需要运行命令来刷新系统包缓存: sudo apt update 3.启动Software&Updates实用程序,然后导航到Additional...然后从列表中选择“使用nvidia-driver-430的NVIDIA驱动程序元数据包”,然后单击“应用更改”。

70400

微信小程序开发环境安装以及相关设置配置

其中相关设置点击设置或者右上角详情可以点出相关设置 其中本地测试需要在右上角详情→本地设置→校验合法域名进行勾选 三.目录结构 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 文件...,「音乐播放」 plugins Object 否 使用到的插件 1.9.6 preloadRule Object 否 分包预下载规则 2.3.0 resizable boolean 否 iPad 小程序是否支持屏幕旋转..., #000000 navigationBarTextStyle string white 导航栏标题颜色,仅支持 black / white navigationBarTitleText string...导航栏标题文字内容 navigationStyle string default 导航栏样式,仅支持以下值: default 默认样式 custom 自定义导航栏,只保留右上角胶囊按钮。...backgroundColorBottom string #ffffff 底部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16 enablePullDownRefresh boolean false 是否开启全局的下拉刷新

2.4K10

微信小程序-零基础入门手册

5.4.1 手动指定索引名字和循环项名字 5.4.2 wx:key:列表渲染使用唯一key 注意:这里的wx:key="",里面是没{{}} 6、常用的事件绑定 6.1...() 把带过来的 参数 存储到 data 中 10、页面事件 10.1 下拉刷新事件 10.1.1 关闭下拉刷新 实际真机不会自动关闭下拉刷新,需要我们去调用一个函数关闭下拉刷新效果...在 getshoplist 中设置参数 cb 函数,而这个 cb 函数只有 下拉刷新事件传递,所以下拉触底中是不会触发 关闭下拉刷新动作的函数 一旦触发下拉刷新事件,先重置关键数据,重新发起请求,..., .order view,因为是组件下order class下的view标签。...分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建打包成不同的分包,用户在使用时按需进行加载 16.1.1.2 分包的好处 可以优化小程序首次启动的下载时间 在多团队共同开发可以更好的解耦协作

13710

PowerBI中的书签和导航页,如何选择呢?

然而,当前其实更多的报告制作者使用书签进行导航,而不是讲故事。在2020 年 3 月的更新中,按钮有了一个名为"页导航"的新功能: ? 那么我们该如何在“页导航”和“书签”之间做出选择呢?...(可滚动页面、选项卡式导航、弹出窗口等),页面导航将不起作用。...尽管此时使用书签非常繁琐,但它还是提供了无缝的用户体验。 比如在下图中,当我使用页面导航在不同的页面之间切换,每次切换都会显示页面的顶部,这显然并不是我们想要的: ?...所以我们来总结一下在这两者之间进行选择的困扰: 页面导航目前只支持按钮,那么如果你想用图片或者形状来导航,你会选择在图片上覆盖一个空白按钮来伪装,还是直接创建一个书签?...当你的报告中有一些刷新耗时很长的可视化报告,你是选择复制多个页面用页面导航,每次切换都要等待页面刷新,还是选择使用书签来实现局部刷新

6.7K31

接口测试平台代码实现27: 项目详情页的导航功能

我们自己的价值何在呢?应届生都能做的事为啥要花高价招我们这种老兵呢?全国百万个测试人员,你比别人到底强在哪呢? 真正的价值,等你已经拥有足够扎实的技术水平的时候才会体现出来。...当然本系列也会大规模使用bootstrap3来减轻负担。 言归正传,本节开始设计导航,教程都是属于半学习/半实验的性质。所以我们尽可能多的掌握一些,技多不压身。...我们之前已经成功建立 三个子页面,并且打通了从项目列表页进入后默认进入接口库的链路 接下来就是要 设计一个导航功能,让用户在 三个子页面中可以来回跳转。...~ 我们刷新页面测试,发现全部可以正常跳转,没有报错。...打开views.py中的child_json()函数: 别忘了还要修改下面的进入页面的函数: 复制稍作修改,成功后,让我们等待服务重启,刷新页面再次测试: 发现点击其他俩个子页面都没啥问题,可以成功显示导航栏了

1.1K40

Apriso开发葵花宝典之八Portal Session篇

项目、屏幕、布局、视图和操作(函数))创作用户界面和业务逻辑。...在屏幕之间导航,可以将屏幕推入堆栈或从堆栈中拉出并呈现给用户。当导航到普通屏幕,屏幕被放置在屏幕堆栈中,可以稍后返回。但是,您可以使用导航类型更改屏幕与屏幕堆栈交互的方式。...) 弹出关闭 返回Return:使用不同的屏幕代码返回到上一个屏幕 ,如果没有前一个屏幕,那么它将退出到更高级别的屏幕堆栈 屏幕关闭Screen Close 帮助Help 刷新刷新当前屏幕 替换屏幕Replace...lContainer_UI:定义一个用户输入User Input变量 Ø在Screen提交之后被推送到堆栈(带有来自用户的值) Ø返回恢复(恢复到用户最初输入的值) Ø 传递到子门户 Ø当向会话变量添加变量...页面实例变量定义后,只能在相应的Screen上使用这种变量,当Screen堆栈中没有Screen实例使用它们,这些变量将从Portal会话中删除。

12210

vue系列教程之微商城项目|商品详情

问题描述 页面注册 1.在secondary中,新建商品详情页shopDetail.vue 2.在路由配置页面router/index.js中,注册该页面的路由 3.监听商品列表页的商品点击事件,当点击后携带数据跳转到商品详情页...(上一文中已完成) 解决方案 页面编写 1.引入顶部导航栏,并使用 ?...在上一张图片中可以看到,如果你设置滚动,图片内容已经影响到了导航栏的显示。...2.动态显示底部导航栏 方案:在App.vue中通过watch监听当前路由对象$route的变化,当页面跳转到商品详情页'/shopDetail',给导航栏设置v-show,让其隐藏....=-1就表示在数组中,就需要隐藏导航栏. ? 美化页面 ? 结语 完整代码 App.vue ? ? ? ? views/secondary/shopDetail.vue ? ? ? ?

4.3K20

uni-app的scroll-view上拉加载数据请求防抖

记录下如何解决scroll-view上拉到底部触发多次数据请求的问题 # 问题 用 uni-app 开发h5有页面需要上拉加载下一页数据,使用scroll-view导致页面级没有滚动,onReachBottom...触底事件触发,所以使用scrolltolower触发滚动条滚动到底部的数据加载事件,但是产生了多次触发问题。...scroll-view 不适合放长列表,有性能问题。...长列表滚动和下拉刷新,应该使用原生导航栏搭配页面级的滚动和下拉刷新实现。包括在app-nvue页面,长列表应该使用list而不是scroll-view。...scroll-view是区域滚动,不会触发页面滚动,无法触发pages.json配置的下拉刷新、页面触底onReachBottomDistance、titleNView的transparent透明渐变。

2.4K40

Vue + Element UI 实现权限管理系统 前端篇(十):动态加载菜单

mock/modules/menu.js 中 mock findTree接口,data 对应数据太多,这里贴了。...addDynamicMenuRoutes 方法详情: /** * 添加动态(菜单)路由 * @param {*} menuList 菜单列表 * @param {*...页面刷新出大坑 先前我们是将导航菜单和路由的加载放在菜单栏页面MenuBar.vue中,一切显示和路由也都正常,看起来没什么问题。然而当我们在非根据路径刷新页面,问题出现了。...测试效果 启动完成,进入主页,点击用户管理,点击刷新按钮。 ? 刷新后,菜单收起来了,然而页面还是正确的停留在用户管理页面。妈妈再也不用担心我会刷新了! ?...路径在 http://localhost:8090/#/sys/dept 的时候,点击用户管理。 代码对应 this.

2.4K30

flutter 起步

全局变量和静态成员变量,这些变量不会在热刷新更新。修改了main函数中创建的根控件节点,Flutter在热刷新后只会根据原来的根节点重新创建控件树,不会修改根节点。...某个类从普通类型转换成枚举类型,或者类型的泛型参数列表变化,都会使热刷新失败。...热刷新无法实现更新,执行一次热重启(Hot Restart)就可以全量更新所有代码,同样不需要重启App,区别是restart会将所有Dart代码打包同步到设备上,并且所有状态都会重置。...actions → List - 一个 Widget 列表,代表 Toolbar 中所显示的菜单,对于常用的菜单,通常使用 IconButton 来表示;对于不常用的菜单通常使用 PopupMenuButton...toolbarOpacity → double1.BottomNavigationBarType.fixed:(代表tab固定不变,也是默认格式)(1).底部tab数: 超过4个(2).导航栏背景色,

4.4K20

本站同款宁静致远(Quietlee)自媒体博客主题模板,夜间模式及强大的SEO效果-ZBlog主题

-- 优化轮播右侧轮播页数角标(更新完成记得强制刷新)。 -- 优化后台授权验证代码,远程API无法访问时调用本地验证文件,以确保官网失效不会影响用户使用。...-- 优化导航菜单选中底部图标及二级菜单角标样式。 -- 优化分类模板的文章列表三图模式下的间距。 -- 优化文章页部分代码样式统一的问题。 -- 修复模板接口标签错误导致无法正确调用的问题。...前台需要强制刷新或者更新CDN缓存。 -- 完善缩略图裁剪方案。文章和商品文章微博分享和海报生成直接调用原图无裁剪。 -- 新增分类列表面包屑导航代码。 -- 优化默认缩略图代码,减少重复请求问题。...CDN更新主题之后请刷新CDN缓存,或者强制刷新首页确保使用最新css样式表。...首页文章列表导航标签设置:此处设置文章列表导航标签,文章列表导航标签对应图1(为空则不显示),滚动字母对应图2。注意:右侧开关针对右侧滚动字幕。

3.1K20

AngularDart4.0 英雄之旅-教程-07路由 顶

当用户通过应用程序导航,路由器会在正下方显示每个组件。 刷新浏览器,然后访问localhost:8080 /#/ heroes。 你应该看到英雄列表。...RouterLink指令告诉路由在用户点击链接的位置。 您使用链接参数列表定义了一个路由指令, 这个列表在我们的小样本中只有一个元素,引用的路由名称。...了解路由章节中的链接参数列表刷新浏览器,浏览器显示应用标题和英雄链接,但不是英雄列表。点击英雄导航链接。地址栏更新为 /#/heroes(或同等/#heroes),英雄列表显示。...本页“路由链接”部分所述,AppComponent模板中的顶级导航将路由器链接设置为目标路由,/dashboard 和/ heroes的固定名称。 这次,您绑定到包含链接参数列表的表达式。...刷新浏览器并开始点击。 用户可以在应用程序周围进行导航,从仪表板到英雄详细信息,然后返回,从英雄列表到英雄详细信息,再次回到英雄。 你已经达到推动这个页面的所有导航要求。

17.5K30
领券