Swipe Views-patterns

2024-04-14 08:58
文章标签 patterns views swipe

本文主要是介绍Swipe Views-patterns,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Swipe Views


Efficient navigation is one of thecornerstones(n.奠基石, 基础最重要部份柱石) of a well-designed app. While apps are generally built in a hierarchical fashion, there areinstances(n.例子,实例) where horizontal navigation can flatten vertical hierarchies and make access to related data items faster and more enjoyable. Swipe views allow the user to efficiently move from item to item using a simple gesture and thereby make browsing and consuming data a more fluent experience.

Swiping Between Detail Views


An app's data is often organized in a master/detail relationship: The user can view a list of related data items, such as images, chats, or emails, and then pick one of the items to see the detail contents in a separate screen.

Master (left) and detail (right) views.

On a phone, since the master and detail are on separate screens, this typically requires the user to jump back and forth between the list and the detail view, aka "pogo-sticking".

In cases where users will want to view multiple detail items in succession, avoid pogo-sticking by using the swipe gesture to navigate to the next/previous detail view.

Navigating between consecutive email messages using the swipe gesture. If a view contains content that exceeds the width of the screen such as a wide email message, make sure the user's initial swipes will scroll horizontally within the view. Once the end of the content is reached, an additional swipe should navigate to the next view. In addition, support the use of edge swipes to immediately navigate between views when content scrolls horizontally.
Scrolling within a wide email message using the swipe gesture before navigating to the next message.

Swiping Between Tabs


People app with swipe gesture navigation between top-level screens.

If your app uses action bar tabs, use swipe to navigate between the different views.

Checklist


  • Use swipe to quickly navigate between detail views or tabs.

  • Transition between the views as the user performs the swipe gesture. Do not wait for the gesture to complete and then transition between views.

  • If you used buttons in the past for previous/next navigation, replace them with the swipe gesture.

  • Consider adding contextual information in your detail view that informs the user about the relative list position of the currently visible item.

  • For more details on how to build swipe views, read the developer documentation on Implementing Lateral Navigation.


这篇关于Swipe Views-patterns的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/902623

相关文章

vant swipe 组件在pc端不能手动滑动

1.引入包 npm i @vant/touch-emulator --save 2.页面引用 import "@vant/touch-emulator" 3.van-swipe-item 添加 @dragstart.prevent 禁止与图片的交互操作

若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题,本地没有问题(解决办法)

若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题,本地没有问题 文章目录 若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题,本地没有问题一、问题描述1️⃣:描述2️⃣:原因 二、解决办法1.permission.js2.router/index.js三、打包测试 一、问题描述

【Design Patterns】-----工厂三姐妹之简单工厂

工厂三姐妹之简单工厂     目录 简单工厂的实践...  简单工厂定义...  Java 版代码...       User:/*.       SQLserverUser:...       Test (Client )      结果:...  .Net 版代码...       实体:...        方法:.

3、TENSOR VIEWS

PyTorch 允许张量是现有张量的视图。视图张量与其基础张量共享相同的基础数据。 支持 View 避免了显式数据复制,从而使我们能够进行快速且内存高效的整形、切片和元素操作。 例如,要获取现有张量 t 的视图,可以调用 t.view(...)。 >>> t = torch.rand(4, 4)>>> b = t.view(2, 8)>>> t.storage().data_ptr() =

Creating custom and compound Views in Android - Tutorial(翻译)

Creating custom and compound Views in Android - Tutorial(翻译) 译前的: 之前做了三篇学习笔记,从知乎上面看到了这篇英文的推荐,总的来说可以是一篇导读,没有相关的学习,看这篇,可以作为一个学习脉络导向;有相关的学习底子,可以作为一个基础夯实、思维理清。没想到一翻译就是四个多小时…英语渣,很多词句都不太准确,幸好有之前的学习基础打底…

JAVA --- 23 kinds of design patterns

设计模式(Design Patterns)                                   ——可复用面向对象软件的基础 设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢的,设计模式使代码编制真正

backbone为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构

backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构

【patterns】代理模式

在我们实际生活中代理情况无处不在!你在淘宝上面买东西,你使用支付宝平台支付,卖家请物流公司发货、你请朋友帮你拿包裹,在这个过程汇总支付宝、物流公司、你朋友都扮演者“第三者”的角色在帮你完成物品的购买,这里的第三者我们可以将其称之为代理者。 所谓代理就通过引用一个新的对象来实现对真实对象的操作或者将新的对象当做真实对象的一个替身,这种实现的机制就是代理模式,通过引用代理对象来访问真实对象就

【设计模式】JAVA Design Patterns——State(状态模式)

🔍目的 允许对象在内部状态改变时改变它的行为。对象看起来好像修改了它的类。 🔍解释 真实世界例子 当在长毛象的自然栖息地观察长毛象时,似乎它会根据情况来改变自己的行为。它开始可能很平静但是随着时间推移当它检测到威胁时它会对周围的环境感到愤怒和危险 通俗描述 状态模式允许对象改变它的行为 维基百科 状态模式是一种允许对象在内部状态改变时改变它的行为的行

Django学习三:views业务层中通过models对实体对象进行的增、删、改、查操作。

文章目录 前言一、Django ORM介绍二、项目快速搭建三、操作1、view.pya、增加操作b、删除操作c、修改操作d、查询操作 2、urls.py 前言 上接博文:Django学习二:配置mysql,创建model实例,自动创建数据库表,对mysql数据库表已经创建好的进行直接操作和实验。。紧跟上一篇博文,本文主要学习view层的增、删、改、查业务流程有兴趣可以添加我,一