分段选择视图呈现方法、装置及用户终端与流程

本发明涉及界面显示技术领域，具体而言，涉及一种分段选择视图呈现方法、装置及用户终端。

背景技术：

基于ios系统的移动终端app上，在很多场景中，由于内容的多样性，往往通过分段选择视图来将不同的信息呈现在一个视图当中，用户只需在分段选择控件上点击不同的元素就可以随意切换浏览不同信息，从而达到减少跳转，提高用户体验的目的。

目前，大多数ios系统的app上都会在或多或少的场景中会出现分段选择视图，而分段选择控件是分段选择视图的核心。在不同场景中，为了满足不同的视觉需要，分段选择控件的表现形式也是多种多样，但是随着元素个数的增加，复杂度随之上升。然而，目前ios系统提供的分段选择控件uisegmentedcontrol可以满足简单的需求，但对于复杂样式却难以满足，可定制性差。而其他实现方案也多偏向于分段元素的定制，比如选中元素的背景、动画等，使得分段选择视图设计的灵活性相对不高。

技术实现要素：

有鉴于此，本发明实施例的目的在于提供一种分段选择视图呈现方法、装置及用户终端，以改善上述问题。

第一方面，本发明实施例提供了一种分段选择视图呈现方法，所述方法包括：响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图；基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

第二方面，本发明实施例提供了一种分段选择视图呈现装置，所述装置包括：获取分段元素模块，用于响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图；位置调整模块，用于基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

第三方面，本发明实施例提供了一种用户终端，所述用户终端包括处理器以及存储器，所述存储器耦接到所述处理器，所述存储器存储指令，当所述指令由所述处理器执行时所述用户终端执行以下操作：响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图；基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

本发明实施例的有益效果是：

本发明实施例提供一种分段选择视图呈现方法、装置及用户终端，通过响应于用户在分段选择视图中触发的分段元素触发指令，来获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图，然后基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个元素，以使所述目标分段元素移动到预设位置，从而可以实现对于分段元素的位置的动态调整，提高了分段选择视图设计的灵活性。

本发明的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明实施例了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了一种可应用于本发明实施例中的用户终端的结构框图；

图2为本发明实施例提供一种分段选择视图呈现方法的用户终端交互界面的示意图；

图3为本发明第一实施例提供的一种分段选择视图呈现方法的流程图；

图4为本发明第二实施例提供的一种分段选择视图呈现方法的流程图；

图5为本发明第三实施例提供一种分段选择视图呈现装置的结构框图；

图6为本发明第四实施例提供一种分段选择视图呈现装置的结构框图。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

图1示出了一种可应用于本发明实施例中的用户终端100的结构框图。如图1所示，用户终端100包括存储器101、存储控制器102，一个或多个(图中仅示出一个)处理器103、外设接口104、射频模块105、音频模块106、触控屏幕107等。这些组件通过一条或多条通讯总线/信号线108相互通讯。

存储器101可用于存储软件程序以及模块，如本发明实施例中的分段选择视图呈现方法以及装置对应的程序指令/模块，处理器103通过运行存储在存储器101内的软件程序以及模块，从而执行各种功能应用以及数据处理，如本发明实施例提供的分段选择视图呈现方法。

存储器101可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。处理器103以及其他可能的组件对存储器101的访问可在存储控制器102的控制下进行。

外设接口104将各种输入/输出装置耦合至处理器103以及存储器101。在一些实施例中，外设接口104，处理器103以及存储控制器102可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。

射频模块105用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。

音频模块106向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。

触控屏幕107在用户终端100与用户之间同时提供一个输出及输入界面。具体地，触控屏幕107向用户显示视频输出，这些视频输出的内容可包括文字、图形、视频及其任意组合。

可以理解，图1所示的结构仅为示意，用户终端100还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

于本发明实施例中，用户终端100中安装有客户端，该客户端可以是浏览器也可以是第三方应用软件，与服务器(server)端相对应，为用户提供服务，例如电子书阅读服务，用于播放本地文档或者电子书。

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参照图2，图2为本发明实施例提供一种分段选择视图呈现方法的用户终端交互界面的示意图，下述的实现过程可参照该附图进行理解。

如图2所示，分段选择视图是用来将不同的分段元素呈现出来，以使用户点击该分段元素即可在内容显示视图中呈现与该分段元素对应的内容。其中，分段选择视图是通过分段选择控件去实现的。

第一实施例

请参照图3，图3为本发明第一实施例提供的一种分段选择视图呈现方法的流程图，所述方法具体包括如下步骤：

步骤s110：响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图。

其中，将分段选择视图配置为滚动视图的方法为：首先通过新建继承自uiview的分段选择视图子类(segmentcontroll)，并为其添加一个继承自uiscrollview滚动视图(scrollview)，负责承载多个分段元素，从而该多个分段元素可在分段选择视图中实现滚动，实现了该分段选择视图为滚动视图。其中，为了提高用户体验，其滚动方式一般为沿分段选择视图横向滚动。

大多情况下，用户是通过手势在用户终端来触发分段元素的，所以需要对分段选择视图(segmentcontroll)添加点击手势，并添加手势响应方法(segmentclicked:)，手势可以为多种，例如，手指点击分段元素的手势、上拉或者下拉手势、横向滑动手势等。然后再获取用户在分段选择视图中触发分段元素时的对应手势，通过上述方法可对所述手势作出响应，以触发分段元素触发指令。

在获取触发分段元素触发指令后，还可以获取用户在分段选择视图中通过手势触发的分段元素的索引，其中，已经预先为每个分段元素添加selectindex属性，该属性则用于指定被用户当前选择的分段元素的索引，为了可以改变分段元素的样式，可以新建继承自uiview的分段元素基类(segmentitem)，并添加bool类型属性：selected，表示分段元素是否被用户触发，如分段元素的selected属性置为no，表示未被触发，分段元素的selected属性置为yes，表示被触发；cgfloat类型的属性：contentalpha，表示出现的程度(0～1)，可以方便制作分段元素在分段选择视图中呈现的过度效果。子类可以重写属性的get和set方法来定制被触发的分段元素的样式和出现动画，并且基类没有具体的实现，样式完全由子类自身指定，十分灵活。

然后通过上述配置后可以基于所述索引将该索引处的所述分段元素的属性设置为是，以表示所述分段元素被所述用户所触发，当然还需将该分段元素被触发之前的被触发的分段元素的属性值置为否，表示之前的被触发的分段元素当前未被用户所触发，也就是从上一个被触发的分段元素换成了当前被触发的分段元素了，从而用户终端获取所述用户在分段选择视图中触发所述分段元素生成的分段元素触发指令。

然后，用户终端响应于所述分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，该目标分段元素为上述被用户触发的分段元素。

需要说明的是，上述分段元素索引的获取方法可以通过遍历存储有多个分段元素的数组来获取，其数组的创建为在对分段选择视图进行配置中进行的，分段选择视图的具体配置过程为：

首先定义两个协议类：数据源协议(segmentcontrolldatasource)和代理协议(segmentcontrolldelegate)。其中，数据源协议定义了一系列的数据源协议方法，用来指定分段元素的个数(numberofitems)、每个分段元素的宽度(widthforitematindex:)、分段元素(itemforindex:)、分段选择视图样式(selecttype)以及分段指示器的宽度(widthforindicatoratindex:)等。代理协议定义了一系列的代理协议方法，包括点击分段元素的回调(didselectitematindex:)等。

然后，为分段选择视图添加数据源(datasource)和代理(delegate)，分别遵守数据源协议(segmentcontrolldatasource)和代理协议(segmentcontrolldelegate)。不同的数据源(datasource)和代理(delegate)，可以根据需要对协议进行实现，从而可以更加灵活地定制不同的视图选择控制器。

根据上述的数据源(datasource)可以对分段选择视图(segmentcontroll)进行配置：首先读取分段元素个数(count)，同时创建count容量的数组(items)，用来存储多个分段元素，再循环读取index(0<＝index<count)位置处的分段元素(item)，并根据数据源对widthforitematindex:方法的实现，设置该分段元素的位置和大小，同时添加到分段选择视图(segmentcontroll)的滚动视图(scrollview)中，并保存到数组(items)中。

在目标分段元素被触发后，可以通过触发代理(delegate)调用回调方法didselectitematindex:来在内容显示视图中显示与所述目标分段元素对应的内容，每个分段元素预先设置有对应的显示内容，例如，分段元素“热门游戏”对应的则是相关的游戏内容，如，各个大热的游戏视频直播；分段元素“娱乐”对应的是娱乐相关的内容，如搞笑视频等。

步骤s120：基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

根据数据源(datasource)设置的分段选择视图样式(selecttype)，包括但不限于居中、居左和居右三种样式，可根据这些分段选择视图样式来滚动所述多个分段元素，以使所述目标分段元素移动到预设位置，可以这样理解，在触发目标分段元素时可将该目标元素的位置自动滚动多个分段元素，将目标分段元素调整到上述三种样式中的一种，或者也可以通过滚动所述多个分段元素，将目标分段元素移动到预设位置。其中，这个预设位置用户可以根据自己的习惯或者用户体验情况来自行设定，例如，如图2，可以将目标分段元素移动到分段选择视图两边或中间，或者分段选择视图中的任意可视位置，从而实现了目标分段元素的位置的动态调整。

本发明第一实施例提供的一种分段选择视图呈现方法，通过响应于用户在分段选择视图中触发的分段元素触发指令，来获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图，然后基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个元素，以使所述目标分段元素移动到预设位置，从而可以实现对于分段元素的位置的动态调整，提高了分段选择视图设计的灵活性。

第二实施例

请参照图4，图4为本发明第二实施例提供的一种分段选择视图呈现方法的流程图，所述方法具体包括如下步骤：

步骤s210：响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图。

该步骤的具体实现方式可以参照第一实施例中的步骤s110中的具体描述，为了描述的简洁，在此不再过多赘述。

步骤s220：基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

该步骤的具体实现方式可以参照第一实施例中的步骤s120中的具体描述，为了描述的简洁，在此不再过多赘述。

步骤s230：将预先创建的分段指示器移动到所述预设位置处，所述分段指示器用于标识用户所选择的分段元素。

在上述步骤实现将目标分段元素移动到位置后，在对分段元素进行配置时还添加了分段指示器视图，并开放其属性，则可以对该分段指示器设计不同的样式，例如，可以对该分段指示器的颜色、高度、宽度及是否隐藏等样式进行设计，该分段指示器用于标识用户所选择的分段元素，例如，上述目标分段元素被用户所触发，即被用户所选择，则该分段指示器处于该目标分段元素的位置处，若将目标分段元素移动到预设位置，则该分段指示器也跟着目标分段元素一起移动到预设位置，以标识该目标分段元素为当前用户所选择的分段元素。

本发明第二实施例提供的一种分段选择视图呈现方法，通过响应于用户在分段选择视图中触发的分段元素触发指令，来获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图，然后基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个元素，以使所述目标分段元素移动到预设位置，并将预先创建的用于标识用户所选择的分段元素的分段指示器移动到到所述预设位置处，从而可以实现对于分段元素的位置的动态调整，提高了分段选择视图设计的灵活性。

第三实施例

请参照图5，图5为本发明第三实施例提供一种分段选择视图呈现装置200的结构框图，所述装置包括：

获取分段元素模块210，用于响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图。

位置调整模块220，用于基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

作为一种实施方式，所述装置还包括：

显示模块，用于在内容显示视图中显示与所述目标分段元素对应的内容。

获取手势模块，用于获取用户在分段选择视图中触发分段元素时的对应手势。

响应手势模块，用于对所述手势作出响应，以触发分段元素触发指令。

索引获取模块，用于获取用户在分段选择视图中触发的分段元素的索引。

触发表示模块，用于基于所述索引将该索引处的所述分段元素的属性设置为是，以表示所述分段元素被用户所触发，获取用户在分段选择视图中触发所述分段元素生成的分段元素触发指令。

第四实施例

请参照图6，图6为本发明第四实施例提供一种分段选择视图呈现装置300的结构框图，所述装置包括：

获取分段元素模块310，用于响应于用户在分段选择视图中触发的分段元素触发指令，获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图。

位置调整模块320，用于基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个分段元素，以使所述目标分段元素移动到预设位置。

指示模块330，用于将预先创建的分段指示器移动到所述预设位置处，所述分段指示器用于标识用户所选择的分段元素。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述方法中的对应过程，在此不再过多赘述。

综上所述，本发明实施例提供一种分段选择视图呈现方法、装置及用户终端，通过响应于用户在分段选择视图中触发的分段元素触发指令，来获取用户在所述分段选择视图中的多个分段元素中选择的目标分段元素，其中，所述分段选择视图为滚动视图，然后基于预设的分段选择视图样式在所述分段选择视图中滚动所述多个元素，以使所述目标分段元素移动到预设位置，从而实现了目标分段元素的位置的动态调整，提高了分段选择视图设计的灵活性。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。