提供用户界面的方法、系统及终端设备与流程

本发明涉及终端适配领域，具体涉及一种提供用户界面的方法、系统及终端设备。

背景技术：

目前市场上的移动终端设备众多，各种移动终端设备的屏幕分辨率和使用的操作系统也不尽相同。屏幕越来越大、分辨率越来越高和操作系统越来越复杂导致了移动应用开发门坎高、适配工作量越来越大的问题，尤其是大屏设备在不同屏幕状态时(例如，横竖屏切换时)这些问题更为严重。

安卓(Android)平台通过屏幕载体(Activity)和组成元素(Fragment)来解决屏幕状态问题。但Fragment依赖Activity的接口，和Activity耦合性较大,且Fragement的生命周期依赖Activity。因此，在当前界面的Activity销毁后，该界面的所有Fragment随即被销毁,导致界面在切换横竖屏时会对同一个Fragment重复销毁和创建。

因此，需要一种新的提供用户界面的方法。

在所述背景技术部分公开的上述信息仅用于加强对本发明的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

本发明公开一种提供用户界面的方法、系统及终端设备，能够节约界面反复创建/销毁带来的时间和资源消耗。

本发明的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本发明的一方面，公开一种提供用户界面的方法，用于终端设备的应用程序，包括：

创建多个用户界面组件；

将所述多个用户界面组件缓存到内存中；

提取缓存的所述多个用户界面组件；

根据屏幕状态利用所述多个用户界面组件提供用户界面界面。

根据本发明的一实施方式，所述屏幕状态包括横置状态或竖置状态。

根据本发明的一实施方式，所述创建多个用户界面组件包括：在应用程序启动时，预创建所述多个用户界面组件。

根据本发明的一实施方式，所述创建多个用户界面组件包括：在首次使用所述多个用户界面组件时，创建所述多个用户界面组件。

根据本发明的一实施方式，所述根据屏幕状态利用所述多个用户界面组件提供用户界面界面包括：根据屏幕状态，将不同用户界面组件布局到同一界面或者将不同用户界面组件布局到不同界面。

根据本发明的一实施方式，所述提供用户界面的方法还包括：在应用程序退出时，销毁所述多个用户界面组件。

根据本发明的一实施方式，该方法还包括在所述用户界面组件中布局需要显示的内容。

根据本发明的一实施方式，所述在所述用户界面组件中布局需要显示的内容包括：采用自适应布局方式在所述用户界面组件中布局需要显示的内容。例如，组件中元素宽高不写成固定值，以锚点布局作为布局方式。

根据本发明的第二方面，公开一种提供用户界面的系统，包括：

用户界面组件管理器，所述用户界面组件管理器包括

创建模块，创建多个用户界面组件；

缓存模块，将所述多个用户界面组件缓存到内存中；

提取模块，提取缓存的所述多个用户界面组件。

根据本发明的一实施方式，所述提供用户界面的系统还包括：界面提供模块，根据屏幕状态利用所述多个用户界面组件提供用户界面。

根据本发明的第三方面，公开一种终端设备，包括：

处理器；

存储器，存储用于所述处理器控制以下操作的指令：

创建多个用户界面组件；

将所述多个用户界面组件缓存到内存中；

提取缓存的所述多个用户界面组件；

根据屏幕状态利用所述多个用户界面组件提供用户界面界面。

根据本发明的一些实施方式，由于用户界面组件缓存机制的存在，能够一定程度节约用户界面组件反复创建和销毁带来的时间消耗，从而缩短用户界面的响应时间，进而提供更好的用户体验。

根据本发明的一些实施方式，能够根据终端设备的屏幕状态利用缓存的多个用户界面组件提供用户界面，提升了布局效率和灵活性，改善了用户体验。

根据本发明的一些实施方式，按照设备横竖屏的特性，将可视元素布局到用户界面组件中，横屏时将不同用户界面组件布局到同一界面，竖屏时将不同用户界面组件布局到不同界面,因此能够提高程序的可复用性以及灵活性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并非用于限制本发明。

附图说明

通过参照附图详细描述其示例实施例，本发明的上述和其它目标、特征及优点将变得更加显而易见。

图1示出根据本发明示例实施方式的一提供用户界面的流程图。

图2示出根据本发明一示例实施方式的一创建用户界面组件过程。

图3示出根据本发明另一示例实施方式的另一创建用户界面组件过程。

图4示出根据本发明示例实施方式的一提供用户界面的系统方框图。

图5A示出根据本发明一示例实施方式的新闻app界面布局示意图。

图5B示出根据本发明另一示例实施方式的新闻app界面布局示意图。

图6示出根据本发明一示例实施方式的终端设备。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本发明的描述将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。附图仅为本发明的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本发明的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本发明的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、步骤等。在其它情况下，不详细示出或描述公知结构、方法、实现或者操作以避免喧宾夺主而使得本发明的各方面变得模糊。

附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

本发明的提供用户界面的方案将各个可视组件模块化，并通过用户界面组件管理器统一管理，开发者在针对不同的开发设备(手机或者平板时)开发时，通过用户界面组件管理器提取用户界面组件并将用户界面组件组合在同一界面或者不同界面即可。在大屏幕设备上往往有横屏和竖屏使用的场景，在此背景下，依据设备的朝向将不同地动态重组用户界面组件，从而提升了用户界面布局效率和灵活性，达到更好的用户体验。另外，本发明由于组件缓存机制的存在而节约了界面组件反复创建和销毁带来的时间和资源消耗，缩短了响应时间，同样改善了用户体验。

图1示出根据本发明示例实施方式的一提供用户界面的方法的流程图。该方法可用于终端设备的应用程序。终端设备可为手机、平板电脑等，但本发明不限于此。

如图1所示，在S102，创建多个用户界面组件。例如，可以提供模块化的用户界面组件。

根据一实施例，应用在启动的时候可创建一个用户界面组件管理器，该管理器提供用户界面组件预创建、创建、销毁功能，用以控制用户界面组件的生命周期。开发人员将各个可视组件模块化，并通过用户界面组件管理器统一管理。

根据一些实施例，用户界面组件管理器创建用户界面组件可根据具体情况在不同时机进行。例如，应用启动后用户界面组件管理器将使用到的用户界面组件预先创建。如果没有预先创建，则可在首次使用时创建。具体的不同创建时机和过程将在后面予以详述。

根据本发明的一实施方式，所述用户界面组件包括基础可视元素，如菜单、列表、内容区域等，需要显示的内容布局到该组件中。

根据本发明的一实施方式，采用自适应布局方式在用户界面组件中布局需要显示的内容。例如，不要将组件中元素宽高写成固定值，例如以锚点布局作为布局方式。

在S104，将创建的多个用户界面组件缓存到内存中。

根据一些实施例，用户界面组件管理器在创建用户界面组件后，可将创建的用户界面组件缓存到内存，以便当再次使用时直接从缓存中提取，从而能够一定程度节约用户界面组件反复创建和销毁带来的时间消耗，从而缩短用户界面的响应时间，进而提供更好的用户体验。

根据本发明的一实施方式，所述首次使用组件后被缓存为默认模式，用户也可选择不缓存。

在S106，从缓存中提取用户界面组件，可根据组件id或组件名获取。

在S108，根据终端设备的屏幕状态利用所述多个用户界面组件提供用户界面。

例如，利用设备在横竖屏时的显示特性，根据设备当前横屏或竖屏的方向，将已经提取的组件通过组合的方式重新布局到当前显示的用户界面界面中，如下面将示例性描述的。

根据本发明的一实施方式，横屏时将不同用户界面组件布局到同一界面。

根据本发明的另一实施方式，竖屏时将不同用户界面组件布局到不同界面。

在应用退出时组件管理器可将缓存的用户界面组件逐个销毁。

下面举例说明利用用户界面组件管理器根据具体情况在不同时机进行创建用户界面组件的过程。

图2示出根据本发明一示例实施方式的一创建用户界面组件的过程。

如图2所示，在S202，应用在启动的时候可创建一个用户界面组件管理器。该管理器可提供用户界面组件预创建、创建、销毁等功能，用以控制用户界面组件的生命周期。开发人员可将各个可视组件模块化，并通过用户界面组件管理器统一管理。

在S204，在应用启动后，用户界面组件管理器可将使用到的用户界面组件预先创建并缓存到内存中，即使有些用户界面组件暂时还未被使用。

在S206，从缓存中提取用户界面组件。

在S208，根据终端设备的屏幕状态利用所述多个用户界面组件提供用户界面，如前面所描述的。

图3示出根据本发明另一示例实施方式的创建用户界面组件的过程。

如图3所示，在S302，如前所述，应用在启动的时候可创建一个用户界面组件管理器。

在S304，在首次使用用户界面组件时，创建用户界面组件。根据一实施例，如果用户界面组件没有在应用启动后被用户界面组件管理器预先创建，则可在首次使用时创建并缓存到内存中。

在S306,当再次使用时，直接从缓存中提取用户界面组件。

在S308，根据终端设备的屏幕状态利用所述多个用户界面组件提供用户界面，如前面所描述的。

图4示出根据本发明示例实施方式的一提供用户界面的系统方框图。

所述提供用户界面的系统可以用于手机、平板电脑、计算机、数字广播终端、消息收发设备、个人数字助理等设备。

如图4所示，提供用户界面的系统400可包括用户界面组件管理器402。用户界面组件管理器402可用于管理用户界面组件404。

根据一实施例，用户界面组件管理器402可包括创建模块4022、缓存模块4024、提取模块4026。

创建模块4022可创建多个用户界面组件404。将各个可视组件模块化，并通过用户界面组件管理器统一管理。创建用户界面组件可根据具体情况在不同时机进行。例如，应用启动后用户界面组件管理器将使用到的用户界面组件预先创建。如果没有预先创建，则可在首次使用时创建。

缓存模块4024用于将所述多个用户界面组件缓存到内存中。在应用启动时，预先预创建用户界面组件,并缓存到内存中；如果没有预先创建则在首次使用时创建，并缓存到内存中。

提取模块4026用于提取缓存的所述多个用户界面组件，例如可根据组件id或组件名提取。例如，当再次使用界面组件时，提取模块4026可直接从缓存中提取用户界面组件而不必重新创建。

用户界面组件404可包括基础可视元素。如前所述，需要显示的内容可布局到该组件中。布局可采用自适应布局方式。例如，组件中元素宽高不写成固定值，以例如锚点布局作为布局方式。组件的创建和销毁通过组件管理器来控制,在应用启动时，组件管理器预先预创建用户界面组件，如果没有预先创建则在首次使用时创建并缓存到内存中，当再次使用时直接从缓存中提取，在应用退出时组件管理器将缓存的用户界面组件逐个销毁；

系统400还可包括界面提供模块406，用于根据终端设备的屏幕状态利用多个用户界面组件404提供用户界面。界面提供模块406用于提供用户交互界面。根据一实施例，参照前面所描述的，设备横屏时可将不同用户界面组件布局到同一界面，设备竖屏时可将不同用户界面组件布局到不同界面。

图5A和5B示出根据本发明示例实施方式的提供新闻app界面的示意图，采用了根据本发明的方法。

参照图5A和5B，可在新闻app启动时创建多个用户界面组件，例如新闻列表用户界面组件及新闻详情用户界面组件。如果没有在app启动时创建这些用户界面组件，也可以在首次使用时创建。可采用自适应布局方式在用户界面组件中布局需要显示的内容。

根据本发明的示例实施例，新闻app在启动的时候可创建一个用户界面组件管理器，该管理器可提供用户界面组件预创建、创建、销毁功能，用以控制用户界面组件的生命周期。

在创建诸如新闻列表用户界面组件及新闻详情用户界面组件的界面组件之后，用户界面组件管理器可将创建的用户界面组件缓存到内存，以便在需要时直接提取，并可根据终端设备的屏幕状态利用提取的用户界面组件提供用户界面。

如图5A所示，在设备横屏时，新闻app界面提供模块可将新闻列表用户界面组件与新闻详情用户界面组件布局到同一界面中。

参照图5A，横屏时将新闻列表用户界面组件与新闻详情用户界面组件1至N通过组合方式布局到同一用户界面中，其中新闻列表用户界面组件条目1至N与新闻详情用户界面组件1至N一一对应。

如图5B所示，在设备竖屏时，新闻app界面提供模块可将新闻列表用户界面组件布局到单个界面,将新闻详情用户界面组件显示到另一界面。当用户点击新闻列表用户界面组件条目时，则跳转到详情界面。

参照图5B，竖屏时将新闻列表用户界面组件布局到单个界面,将详情页组件1(...N)显示到另一界面1(...N),当用户点击新闻列表用户界面组件条目1(...N)时，则跳转到详情界面1(...N)。

当终端设备从横屏变为竖屏或者从竖屏变为横屏时，不必销毁已经创建的相关组件以及重新创建新的相关组件。如前所述，根据本发明的方案，在屏幕状态发生改变时，新闻app界面提供模块可利用已经创建的新闻列表用户界面组件与新闻详情用户界面组件重新提供一个或多个用户界面，从而缩短用户界面的响应时间，提供更好的用户体验。

图6示出根据本发明一示例实施方式的终端设备。

如图6所示，终端设备600可包括处理器610、存储器620。另外，根据一实施例，终端设备还可包括发射器及接收器。

处理器610可调用存储器620中存储的指令控制相关操作，如控制发射器和接收器进行信号收发等。

根据一实施例，存储器620存储用于处理器610控制以下操作的指令：创建多个用户界面组件；将所述多个用户界面组件缓存到内存中；提取缓存的所述多个用户界面组件；根据屏幕状态利用所述多个用户界面组件提供用户界面界面。处理器610可调用存储器620中存储的指令控制相关操作。易于理解，存储器620还可存储用于处理器610控制根据本发明实施例的其他操作的指令，这里不再赘述。

通过以上的详细描述，本领域的技术人员易于理解，根据本发明实施例的系统和方法具有以下优点中的一个或多个。

根据本发明的一些实施方式，按照终端设备的屏幕状态，利用缓存的用户界面组件提供用户界面。例如，将可视元素布局到用户界面组件中，横屏时将不同用户界面组件布局到同一界面，竖屏时将不同用户界面组件布局到不同界面,因此能够提高程序的可复用性以及灵活性。

根据本发明的另一些实施方式，由于用户界面组件缓存机制的存在，能够一定程度节约用户界面组件反复创建和销毁带来的时间消耗，从而缩短用户界面的响应时间，进而提供更好的用户体验。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。