资讯专栏INFORMATION COLUMN

android教程:规划界面和他们之间的关系详细说明

Scott / 354人阅读

摘要:但我们实际发现的界面集合应该根据目标设备变化。一旦我们定义了界面集和他们之间的关系,我们可以将他们一起全部表示在一张界面图中了新闻应用例子的界面完备如果之后我们想允许用户提交新闻事件或者上传图片,我们可以在图中加额外的界面。

多数 App 都有一种内在的信息模型,它能被表示成一个用对象类型构成的树或图。更浅显的说,你可以画一个有不同类型信息的图,这些信息代表用户在你 App 里用户与之互动的各种东西。软件工程师和数据架构师经常使用实例-关系图(Entity-Relationship Diagram,ERD)描述一个应用的信息模型。

让我们考虑一个让用户浏览一群已分类好的新闻事件和图片的应用例子。这种 App 一个可能的模型如下 ERD 图。

app-navigation-screen-planning-erd

Figure 1. 新闻应用例子的实例关系图

创建一个界面列表

一旦你定义了信息模型,你就可以开始定义那些能使用户在你的 App 中有效地发掘,查看和操作数据的上下文环境了。实际上,其中一种方法就是确定供用户导航和交互数据所需的 界面完备集(归纳了所有界面的集合)。但我们实际发现的界面集合应该根据目标设备变化。在设计过程中早点考虑到这点很重要,这样可以保证程序可以适应运行环境。

在我们的例子中,我们想让用户查看,保存和分享分类好了的新闻和图片。下面是涵盖了这些用例的界面完备列表。

用来访问新闻和图片的 Home 或者 "Launchpad" 画面
类别列表
某个分类下的新闻列表
新闻详情 View (在这里我们可以保存和分享)
图片列表,不分类
图片详情 View (在这里我们可以保存和分享)
所有保存项列表
图片保存列表
新闻保存列表
图示界面关系

现在我们可以定义界面间的有向关系了。一个从界面 A 指向另一个界面 B 的箭头表示通过用户在画面 A 的某个交互动作可直达画面 B 。一旦我们定义了界面集和他们之间的关系,我们可以将他们一起全部表示在一张界面图中了:

app-navigation-screen-planning-exhaustive-map

Figure 2. 新闻应用例子的界面完备Map

如果之后我们想允许用户提交新闻事件或者上传图片,我们可以在图中加额外的界面。

脱离简陋设计

这时,我们可以据这张完备的界面图设计一个功能完备应用了。可以由列表和导向子界面的按钮构成一个简单的UI:

导向不同页面的按钮(例如,新闻,图片,保存的项目)
纵向列表表示集合(例如,新闻列表,图片列表,等等)
详细信息(例如,新闻 View ,图片 View ,等等)
但是,你可以利用屏幕组合技术和更高深导航元素以一种更直观,设备更理解的方式呈现内容。下节课,我们探索屏幕组合技术,比如为平板而生的多视窗(Multi-pane)布局。之后,我将深入讲解更多不同的 Android 常见导航模式。
原文地址:http://www.apkbus.com/blog-92...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/14063.html

相关文章

  • 实用贴:hadoop系统下载安装教程

    摘要:实用贴系统下载安装教程在前几篇的文章中分别就虚拟系统安装系统安装以及运行服务器的设置等内容写了详细的操作教程,本篇分享的是的下载安装步骤。我让他们去下载安装试一下,至于后来试没试就不得而知了。 实用贴:hadoop系统下载安装教程在前几篇的文章中分别就虚拟系统安装、LINUX系统安装以及hadoop运行服务器的设置等内容写了详细的操作教程,本篇分享的是hadoop的下载安装步骤。在此之...

    BenCHou 评论0 收藏0
  • 一款产品从0到1之旅

    摘要:从到打造一款产品是一种什么样的体验为了回答这种知乎范的问题,让我来介绍下我是如何打造交易日记这款的过程。社会对群体聚集进行生产产品的模式需求在降低。这在接下来的部分我会介绍我如何在三个月内完成一款产品从到的过程。 从0到1打造一款产品是一种什么样的体验?为了回答这种知乎范的问题,让我来介绍下我是如何打造交易日记这款App的过程。需要提前说明的是整款iOS APP的全部工作都是我一个人完...

    _ivan 评论0 收藏0
  • 一款产品从0到1之旅

    摘要:从到打造一款产品是一种什么样的体验为了回答这种知乎范的问题,让我来介绍下我是如何打造交易日记这款的过程。社会对群体聚集进行生产产品的模式需求在降低。这在接下来的部分我会介绍我如何在三个月内完成一款产品从到的过程。 从0到1打造一款产品是一种什么样的体验?为了回答这种知乎范的问题,让我来介绍下我是如何打造交易日记这款App的过程。需要提前说明的是整款iOS APP的全部工作都是我一个人完...

    wangdai 评论0 收藏0
  • 一款产品从0到1之旅

    摘要:从到打造一款产品是一种什么样的体验为了回答这种知乎范的问题,让我来介绍下我是如何打造交易日记这款的过程。社会对群体聚集进行生产产品的模式需求在降低。这在接下来的部分我会介绍我如何在三个月内完成一款产品从到的过程。 从0到1打造一款产品是一种什么样的体验?为了回答这种知乎范的问题,让我来介绍下我是如何打造交易日记这款App的过程。需要提前说明的是整款iOS APP的全部工作都是我一个人完...

    Tikitoo 评论0 收藏0
  • 《Swift基础教程》作者Boisy Pitre:Objective-C很不错,但它已经是过去时

    摘要:问你写作基础教程的目的是什么当苹果引入时,我就知道这门语言会在几年之内成为计算机语言版图中的重要一块。但是话说回来,苹果开源语言的决定肯定会让各种变化朝更好的方向发展。我相信苹果很努力想让遵从自己的主张,成为自己的语言。 非商业转载请注明作译者、出处,并保留本文的原始链接:http://www.ituring.com.cn/article/203600 Boisy G. Pitre是一...

    zhkai 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<