用户界面概述

PUBLISHED 09 11月 2014

在开发应用程序时，Tizen 平台为您提供了最佳的灵活性。使用 Tizen 的 native 和 web 框架，您将能够在 HTML5 环境中建立能在所有设备中提供一致用户体验的应用程序。

在开始之前，请花点时间来熟悉 Tizen 用户界面的基本方面：

屏幕结构

应用程序屏幕通常包括以下几个部分：

标头：涵括描述屏幕以下内容的标题。它还包括支持在应用程序中导航的选项卡，在有些情况下，它可以提供图标或按钮。

正文：应以对用户可见的方式设计内容。

屏脚：包含与应用程序编辑功能相关的按钮，如删除和取消按钮。在某些情况下，包含无法在标头或正文中提供而放置到屏幕中的功能。

应用程序屏幕结构

要了解应用程序中可使用的所有 Tizen 屏幕元素的详细介绍，请参阅设计库。

除了应用程序屏幕的标头和屏脚区域，Tizen 用户界面 (UI) 的其他重要组件的组成部分是锁屏、主屏幕、指示器和通知面板。有关附加 UI 组件的详细信息，请参阅基本交互。

锁屏

当用户第一次“唤醒”设备时，锁屏显示基本信息，如日期或时间。

主屏幕

主屏幕是可自定义的空间，在设备上显示当前多用的应用程序。

指示器和通知面板

指示器显示在每个屏幕的顶部。它可以包括电池状态、接收效果或通知的图标。将指示器下拉则显示通知面板，其中可以显示当前的下载、新消息或未接来电的信息。

带标头和后退键的导航

在移动应用中，导航的最重要因素是标头和后退键。

标头包含一个标题，描述下面屏幕的内容。它还包括应用程序中支持导航的选项卡，有时还包括图标和按钮。

后退键位于设备的前方以进行总体导航。

标头导航

后退键导航

Tizen 平台支持设备将方向从纵向改为横向视图模式。用户可以手动设置屏幕方向，或选择自动更改。在任一情况下，您都应该确保优化 UI，以便应用程序在纵向和横向视图中都能正确显示。

Tizen 平台支持各种各样的手势，让用户直接操纵触屏设备上的内容。

例如，用户可以点击屏幕选择一个元素，滑动以滚动屏幕上的内容，或拖放元素来进行移动。

然而，确保您的应用程序中的手势与 Tizen 平台的手势一致很重要。这会给用户一致的交互，即使他们一次性打开多个应用程序。您还应确保为任何手势交互提供适当的触摸反馈。

下表列出了用于为用户提供直观触屏交互的 Tizen 手势。

表格：触屏手势

类型	符号	描述
点击		如果该区域没有其他的触屏交互，选择一个项目或执行功能。
双击		缩放返回到默认视图水平。
长按		打开一个特定于上下文的选项菜单。在主屏幕中，进入编辑模式。
滑动		滚动项目列表，或者，如果水平使用和应用于单个列表项中，则执行主功能。
轻弹		快速滑动或平移。
拖放		触屏并按住，将对象拖动到所需位置后释放手指。
放大手势		手势张开放大。
缩小手势		手势收缩缩小。