CN111813296B - 一种视图组件显示方法、装置及终端 - Google Patents

Abstract

本发明公开了一种视图组件显示方法、装置及终端，其中视图组件显示方法包括：获取滑动视图组件监听的滑动事件；确定所述滑动事件的滑动方向；当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据，所述第一数组列表用于存储滑动删除的视图对应的视图数据；将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置；根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件。本发明通过滑动操作实现了对已经滑动删除的视图的回退以重新显示，避免了基于滑动操作进行视图显示的应用程序功能实现的单一，使得用户与应用程序显示界面的交互更加便利。

Description

一种视图组件显示方法、装置及终端

技术领域

本发明涉及计算机技术领域，特别涉及一种视图组件显示方法、装置及终端。

背景技术

随着网络技术的快速发展，应用程序可实现的功能也越来越多，例如，在一些应用程序中，用户可以通过在终端屏幕上的左右滑动来实现应用程序中显示视图的删除。具体表现是，当用户手指在终端屏幕上往左滑动视图达到滑动阈值时，该视图就会向左飞出显示界面；当用户手指在终端屏幕上往右滑动视图达到滑动阈值时，该视图就会向右飞出显示界面。

相关技术中，应用程序只能实现左右滑动删除视图的功能，导致基于滑动操作进行视图显示的应用程序所能实现的功能比较单一，增加了用户与应用程序显示界面交互的不便性。

发明内容

为了解决现有技术的问题，本发明实施例提供了一种视图组件显示方法、装置及终端。所述技术方案如下：

一方面，提供了一种视图组件显示方法，所述方法包括：

获取滑动视图组件监听的滑动事件；

确定所述滑动事件的滑动方向；

当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据；

将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置；

根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件。

另一方面，提供了一种视图组件显示装置，所述装置包括：

第一获取模块，用于获取滑动视图组件监听的滑动事件；

确定模块，用于确定所述滑动事件的滑动方向；

第二获取模块，用于当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据；

添加模块，用于将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置；

第一渲染显示模块，用于根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件。

另一方面，提供了一种终端，包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述的视图组件显示方法。

本发明实施例当确定滑动视图组件监听的滑动事件的滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据，该第一数组列表用于存储滑动删除的视图对应的视图数据；然后将预设第一列表位置的视图数据添加至滑动视图组件对应的第二数组列表中的第二列表位置，根据该第二列表位置的视图数据渲染并显示滑动视图组件，从而通过滑动操作实现了对已经滑动删除的视图的回退以重新显示，避免了基于滑动操作进行视图显示的应用程序功能实现的单一，使得用户与应用程序显示界面的交互更加便利。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种视图组件显示方法的流程示意图；

图2是本发明实施例提供的另一种视图组件显示方法的流程示意图；

图3是本发明实施例提供的另一种视图组件显示方法的流程示意图；

图4是本发明实施例提供的另一种视图组件显示方法的流程示意图；

图5(a)是本发明实施例提供的滑动回退前的滑动视图组件的界面展示；

图5(b)是本发明实施例提供的滑动回退过程中的滑动视图组件的界面展示；

图5(c)是本发明实施例提供的滑动回退完成时滑动视图组件的界面展示；

图6是本发明实施例提供的一种视图组件显示装置的结构示意图；

图7是本发明实施例提供的另一种视图组件显示装置的结构示意图；

图8是本发明实施例提供的另一种视图组件显示装置的结构示意图；

图9是本发明实施例提供的一种终端的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

请参阅图1，其所示为本发明实施例提供的一种视图组件显示方法的流程示意图，需要说明的是，本发明实施例的视图组件显示方法可应用于本发明实施例的视图组件显示装置，该视图组件显示装置可配置于终端的应用程序中，该终端可以是手机、平板电脑、掌上电脑及个人数字助理等具有各种操作系统的硬件设备。

此外，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或终端产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图1所示，所述方法包括：

S101，获取滑动视图组件监听的滑动事件。

在本说明书实施例中，滑动视图组件可以包括但不限于RecyclerView和ViewPager。

其中，RecyclerView是Android(安卓)系统提供的用于大量数据展示、视图可复用的组件。flexible(可扩展性)是RecyclerView的特点，RecyclerView能够实现横向滚动ListView、横向滚动GridView、瀑布流控件等的功能。RecyclerView主要包括四部分：LayoutManager(布局管理器)、Adapter(适配器)、Item Decoration(间隔样式)以及ItemAnimator(动画)。Layout Manager负责RecyclerView的布局，其中包含了Item(项目)View的获取与回收。RecyclerView提供了三种布局管理器，分别为LinerLayoutManager、GridLayoutManager以及StaggeredGridLayoutManager。LinerLayoutManager用于以垂直或者水平列表方式展示Item。GridLayoutManager用于以网格方式展示Item。StaggeredGridLayoutManager用于以瀑布流方式展示Item。Adapter用于为RecyclerView提供数据。Item Decoration(间隔样式)用于添加Item之间的分割线。Item Animator(动画)用于添加、删除、移动、改变Item动画，RecyclerView提供了默认的Item Animator实现类为DefaultItemAnimator。

ViewPager是Android(安卓)系统提供的视图滑动切换组件，它可以让用户左右切换当前的视图。

具体的，本说明书实施例通过创建继承LayoutManager的SwipeCardLayoutManager(滑动视图布局管理器)，在onLayoutChildren()回调中结合RecyclerView来布局层叠视图。onLayoutChildren()是LayoutManager的主入口，它会在视图需要初始化布局时调用，当适配器的数据改变时也会被再次调用。

实际应用中，可以预先配置滑动视图组件的监听功能，通过滑动视图组件在dispatchTouchEvent()回调中监听滑动事件。

S103，确定所述滑动事件的滑动方向。

在本说明书实施例中，可以在监听到滑动事件时获取该滑动事件开始时对应的屏幕上的第一坐标(x1,y1)，以及滑动事件过程中某一时刻或者滑动事件结束时对应的屏幕上的第二坐标(x2,y2)，然后根据上述第一坐标(x1,y1)和第二坐标(x2,y2)确定滑动事件的滑动方向。

具体的，当滑动视图组件为支持横向滑动时，可以设定当第一坐标的x1与第二坐标的x2的差值小于0时，表示滑动事件的滑动方向为向右滑动；当第一坐标的x1与第二坐标的x2的差值大于0时，表示滑动事件的滑动方向为向左滑动。

当滑动视图组件为支持纵向滑动时，可以设定当第一坐标的y1与第二坐标的y2的差值小于0时，表示滑动事件的滑动方向为向上滑动；当第一坐标的y1与第二坐标的y2的差值大于0时，表示滑动事件的滑动方向为向下滑动。

S105，当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据。

在本说明书实施例中，第一方向可以是与滑动删除视图的方向相对的方向，当滑动视图组件为支持横向滑动时，若向左滑动删除视图，则可以设定第一方向为向右滑动；若向右滑动删除视图，则可以设定第一方向为向左滑动。当滑动视图组件为支持纵向滑动时，若向上滑动删除视图，则可以设定第一方向为向下滑动；若向下滑动删除视图，则可以设定第一方向为向上滑动。

在本说明书实施例中，第一数组列表用于存储滑动删除的视图对应的视图数据，该第一数组列表中的数据未封装在滑动视图组件中。实际应用中，可以按照滑动删除视图的删除时间排列第一数组列表中的视图数据，例如，可以按照删除时间与当前时间的差值，将视图数据进行降序排列，即越接近当前时间的视图数据排的越靠后，最接近当前时间的视图数据排在第一数组列表的末尾位置。当然，也可以按照删除时间与当前时间的差值，将视图数据进行升序排列，即越接近当前时间的视图数据排的越靠前，最接近当前时间的视图数据排在第一数组列表的首位置。

需要说明的是，上述只是给出了对于第一数组列表中的视图数据进行排序的一个示例，实际应用中，还可以依据其他条件对第一数组列表中的视图数据进行排序，本发明对此不作具体限定。

在本说明书实施例中，第一列表位置可以是第一数组列表中的任意位置。考虑到实际应用中，用户想要回退显示的视图一般为最近删除的视图，因此，优选的，第一列表位置可以为第一数组列表中存放删除时间最接近当前时间的视图数据的位置。例如，当第一数组列表中的视图数据按照删除时间与当前时间的差值降序排列时，第一列表位置可以为第一数组列表的末尾位置；当第一数组列表中的视图数据按照删除时间与当前时间的差值升序排列时，第一列表位置可以为第一数组列表的首位置。

在一些实施例中，当获取到第一数组列表中第一列表位置的视图数据之后，还可以删除第一数组列表中所述第一列表位置对应的视图数据。

S107，将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置。

在本说明书实施例中，第二数组列表与滑动视图组件绑定，也就是说，第二数组列表中的数据封装在了滑动视图组件中，第二数组列表用于存储将要在滑动视图组件中显示的视图的视图数据。其中，第二列表位置可以根据实际需要进行设定。

以滑动视图组件为RecyclerView为例，可以在创建SwipeCardLayoutManager(滑动视图布局管理器)时设定第二数组列表的预设渲染位置，第二列表位置包含于该预设渲染位置，如此可以在后续的渲染过程中，将第二列表位置的视图数据对应的视图渲染显示出来。本说明书实施例中，优选的，第二列表位置为第二数组列表的首位置。

当然，可以理解的，SwipeCardLayoutManager(滑动视图布局管理器)中设定的第二数组列表的预设渲染位置除了包含第二列表位置外，还可以包含其他多个列表位置。在一个示例中，SwipeCardLayoutManager(滑动视图布局管理器)中设定第二数据列表的预设渲染位置包括连续的两个列表位置，分别为第二数组列表的首位置和该首位置后的一个列表位置，其中首位置作为第二列表位置，用于存放第一列表位置的视图数据，如此有利于节省后续视图渲染所要占用的内存空间。

S109，根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件。

在本说明书实施例中，由于第二列表位置中存放的为第一列表位置的视图数据，即被滑动删除的一个视图的视图数据。当根据第二列表位置的视图数据渲染并显示滑动视图组件时，即可以将该视图数据对应的被滑动删除的视图重新显示出来，实现了被滑动删除视图的回退显示效果。

具体的，在根据所述第二列表位置的视图数据渲染并显示所述滑动视图组件时，可以获取第二数组列表的预设渲染位置，该预设渲染位置包括第二列表位置，然后根据预设渲染位置对应的第二数组列表中的视图数据渲染并显示滑动视图组件。以滑动视图组件为RecyclerView为例，可以从SwipeCardLayoutManager(滑动视图布局管理器)中获取预设渲染位置。

由本发明实施例的上述技术方案可见，本发明实施例通过滑动操作实现了对已经滑动删除的视图的回退以重新显示，避免了基于滑动操作进行视图显示的应用程序功能实现的单一，使得用户与应用程序显示界面的交互更加便利。

实际应用中，为了防止被滑动删除视图回退显示时出现的突然闪现，在根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件之前，如图2所示，所述方法还可以包括：

S201，回调绘图监听接口的即将绘图函数。

实际应用中，可以把使用某一接口的类创建的对象的引用赋给该接口声明的接口变量，那么该接口变量就可以调用被类实现的接口的函数。当接口变量调用被类实现的接口中的函数时，就是通知相应的对象调用接口的函数，这一过程即称为回调。

S203，响应于所述回调绘图监听接口的即将绘图函数，对所述滑动视图组件的滑动辅助类中的初始触摸坐标参数，初始滑动距离参数和初始选择对象进行初始化设置。

在本说明书实施例中，滑动辅助类为能与滑动视图组件结合使用，从而实现侧向滑动删除视图的效果的辅助类。

具体的，在对所述滑动视图组件的滑动辅助类中的初始触摸坐标参数进行初始化设置时，可以获取所述滑动事件中滑动开始时的坐标值，以及所述滑动视图组件的边长值；确定所述滑动开始时的坐标值与所述滑动视图组件的边长值的和值；将所述和值作为所述初始触摸坐标参数。其中，滑动开始时的坐标值以及滑动视图组件的边长值可以根据滑动视图组件所支持的滑动方向设定。当滑动视图组件为支持横向滑动时，滑动开始时的坐标值可以为横坐标值，滑动视图组件的边长值可以为滑动视图组件的宽度值；当滑动视图组件为支持纵向滑动时，滑动开始时的坐标值可以为纵坐标值，滑动视图组件的边长值可以为滑动视图组件的高度值。

在对所述滑动视图组件的滑动辅助类中的初始滑动距离参数进行初始化设置时，可以获取所述滑动视图组件的边长值；将所述滑动视图组件的边长值的负数作为所述初始滑动距离参数，例如边长值为5，则边长值对应的负数为-5。其中，滑动视图组件的边长值可以根据滑动视图组件所支持的滑动方向设定。当滑动视图组件为支持横向滑动时，滑动视图组件的边长值可以为滑动视图组件的宽度值；当滑动视图组件为支持纵向滑动时，滑动视图组件的边长值可以为滑动视图组件的高度值。

在对所述滑动视图组件的滑动辅助类中的初始选择对象进行初始化设置时，可以获取所述第二列表位置的视图数据对应的视图容器(viewholder)；将所述第二列表位置的视图数据对应的视图容器作为所述初始选择对象。例如，当第二列表位置为第二数组列表的首位置时，可以将该首位置的视图数据对应的视图容器(viewholder)作为初始选择对象。

本发明实施例通过对滑动视图组件的滑动辅助类中的初始触摸坐标参数，初始滑动距离参数和初始选择对象进行初始化设置，可以避免被滑动删除的视图在回退显示时出现的闪现情况，使得回退显示的视图能够从第一方向对应的滑动视图组件的边缘以连续动画的方式展示，增强了用户的体验效果。

请参见图3，其所示为本发明实施例提供的另一种视图组件显示方法的流程示意图，如图3所示，该方法可以包括：

S301，获取滑动视图组件监听的滑动事件。

S303，确定所述滑动事件的滑动方向。

S305，当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据。

S307，将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置。

S309，根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件。

其中，步骤S301至步骤S309的详细内容可以参见前述图1所示方法实施例中的对应步骤的内容，在此不再赘述。

S311，当所述滑动方向为第二方向时，将所述第二数组列表中对应于当前显示视图的视图数据移动至所述第一数组列表中。

具体的，第二方向为设定的滑动删除当前显示视图的方向，其可以为与第一方向相对的方向，通过将第二数组列表中对应于当前显示视图的视图数据移动至所述第一数组列表中，从而滑动删除了当前显示的视图。

S313，根据移动后的所述第二数组列表中的视图数据，渲染并显示所述滑动视图组件。

具体的，当根据移动后的所述第二数组列表中的视图数据渲染并显示滑动视图组件时，即可以将当前显示的视图切换为第二数组列表中的下一个视图数据对应的视图，实现了滑动删除后的视图切换。

由本发明实施例的上述技术方案可见，本发明实施例通过滑动操作实现了滑动删除视图，以及滑动回退显示已经删除的视图，避免了基于滑动操作进行视图显示的应用程序功能实现的单一，使得用户与应用程序显示界面的交互更加便利。

为了更加清楚的说明本发明实施例的视图组件显示方法，下面以滑动视图组件为RecyclerView，实现滑动回退显示已经删除的视图的第一方向为向右滑动，实现滑动删除视图的第二方向为向左滑动，RecyclerView的滑动辅助类为ItemTouchHelper为例来说明，如图4所示，该方法可以包括：

S401，自定义SwipeRecyclerView在dispatchTouchEvent()回调中监听处理左右滑动事件。

在本说明书实施例中，SwipeRecyclerView继承RecyclerView。在自定义SwipeRecyclerView时，自定义了继承LayoutManager的SwipeCardLayoutManager，在onLayoutChildren()回调中结合SwipeRecyclerView来布局层叠视图。

S403，当在dispatchTouchEvent()回调中监听到是向右滑动时，将mRemovedData中末尾位置的视图数据移动到mSwipeCardData中的首位置。

需要说明的是，此处的移动到相当于移除并添加到。其中，mRemovedData为用于存储滑动删除的视图对应的视图数据的数组列表；mSwipeCardData为用于存储将要在SwipeRecyclerView中显示的视图的视图数据。

S405，回调OnPreDrawListener()的onPreDraw()。

S407，响应于所述回调OnPreDrawListener()的onPreDraw()，初始化设置mInitialTouchX，mDx以及mSelected。

具体的，对于mInitialTouchX的初始化设置使得将要回退的视图能够从边缘滑出，实现时将SwipeRecyclerView的宽度值与滑动开始时的横坐标的和值作为mInitialTouchX。

对于mDx的初始化设置，可以使ItemTouchHelper中的select()方法里面的getSelectedDxDy(mTmpPosition)获取到的currentTranslateX为负的SwipeRecyclerView的宽度值。实现时，可以将SwipeRecyclerView的宽度值的负数作为mDx。

对于mSelected的初始化设置可以让第一次调用ItemTouchHelper中的select()方法能进入ItemTouchHelper中的复原动画初始化的判断。实现时，可以将mSwipeCardData首位置的视图数据对应的视图的ViewHolder作为mSelected。

S409，根据mSwipeCardData首位置的视图数据，渲染并显示SwipeRecyclerView。

具体的，可以调用notifyDataSetChanged()进行SwipeRecyclerView的渲染显示。

实际应用中，为了减少渲染数据对内存空间的占用，在SwipeCardLayoutManager中设定了mSwipeCardData中的渲染位置为两个位置即0位和1位，分别代表mSwipeCardData的首位置和紧接首位置的下一个列表位置。

如图5(a)所示为滑动回退前的滑动视图组件的界面展示，其中SwipeRecyclerView当前显示的视图为视图A；图5(b)所示为手指在屏幕上向右滑动，已被删除的视图B在回退过程中的界面展示，其中已被删除的视图B对应的视图数据位于mSwipeCardData的0位即首位置，视图A对应的视图数据位于mSwipeCardData的1位即紧接首位置的下一个列表位置；图5(c)所示为手指在屏幕上向右滑动结束离开屏幕后，已被删除的视图B回退完成时的界面展示。

S411，当在dispatchTouchEvent()回调中监听到是向左滑动时，将mSwipeCardData首位置的视图数据移动到mRemovedData的末尾位置。

需要说明的是，此处的移动到相当于移除并添加到，从而移动之后的mSwipeCardData中不再有当前显示视图的视图数据，此时，mSwipeCardData中原来1位置即紧接首位置的下一个列表位置的视图数据变为0位置即首位置的视图数据。

S413，根据mSwipeCardData首位置的视图数据，渲染并显示SwipeRecyclerView。

渲染显示SwipeRecyclerView，从而可以实现删除上一个视图，并将当前显示的视图切换到mSwipeCardData中的下一个列表位置的视图数据对应的视图。

由本发明实施例的上述技术方案可见，本发明实施例通过滑动操作实现了滑动删除视图，以及滑动回退显示已经删除的视图，避免了基于滑动操作进行视图显示的应用程序功能实现的单一，使得用户与应用程序显示界面的交互更加便利。

与上述几种实施例提供的视图组件显示方法相对应，本发明实施例还提供一种视图组件显示装置，由于本发明实施例提供的视图组件显示装置与上述几种实施例提供的视图组件显示方法相对应，因此前述视图组件显示方法的实施方式也适用于本实施例提供的视图组件显示装置，在本实施例中不再详细描述。

请参阅图6，其所示为本发明实施例提供的一种视图组件显示装置的结构示意图，如图6所示，该装置可以包括：第一获取模块610、第一确定模块620、第二获取模块630、添加模块640和第一渲染显示模块650，其中，

第一获取模块610，用于获取滑动视图组件监听的滑动事件；

确定模块620，用于确定所述滑动事件的滑动方向；

第二获取模块630，用于当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据；

添加模块640，用于将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置；

第一渲染显示模块650，用于根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件。

在一些实施例中，渲染显示模块650，具体用于：获取所述第二数组列表的预设渲染位置；所述预设渲染位置包括所述第二列表位置；根据所述预设渲染位置对应的第二数组列表中的视图数据，渲染并显示所述滑动视图组件。

可选的，如图7提供的另一种视图组件显示装置的结构示意图，该装置还可以包括：

回调模块660，用于回调绘图监听接口的即将绘图函数；

初始化设置模块670，用于响应于所述回调绘图监听接口的即将绘图函数，对所述滑动视图组件的滑动辅助类中的初始触摸坐标参数，初始滑动距离参数和初始选择对象进行初始化设置。

在一些实施例中，初始化设置模块670在对所述滑动视图组件的滑动辅助类中的初始触摸坐标参数进行初始化设置时，获取所述滑动事件中滑动开始时的坐标值，以及所述滑动视图组件的边长值；确定所述滑动开始时的坐标值与所述滑动视图组件的边长值的和值；将所述和值作为所述初始触摸坐标参数。

在一些实施例中，初始化设置模块670在对所述滑动视图组件的滑动辅助类中的初始滑动距离参数进行初始化设置时，获取所述滑动视图组件的边长值；将所述滑动视图组件的边长值的负数作为所述初始滑动距离参数。

在一些实施例中，初始化设置模块670在对所述滑动视图组件的滑动辅助类中的初始选择对象进行初始化设置时，获取所述第二列表位置的视图数据对应的视图容器；将所述第二列表位置的视图数据对应的视图容器作为所述初始选择对象。

在一些实施例中，如图8提供的另一种视图组件显示装置的结构示意图，该装置还可以包括：

删除模块680，用于在获取第一数组列表中第一列表位置的视图数据之后，删除所述第一数组列表中所述第一列表位置对应的视图数据。

在另一些实施例中，如图8所示，该装置还可以包括：

移动模块810，用于在所述滑动方向为第二方向时，将所述第二数组列表中对应于当前显示视图的视图数据移动至所述第一数组列表中；

第二渲染显示模块820，用于根据移动后的所述第二数组列表中的视图数据，渲染并显示所述滑动视图组件。

需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。

本发明实施例的视图组件显示装置通过滑动操作实现了滑动删除视图，以及滑动回退显示已经删除的视图，避免了基于滑动操作进行视图显示的应用程序功能实现的单一，使得用户与应用程序显示界面的交互更加便利。

请参阅图9，其所示为本发明实施例提供的一种终端的结构示意图，该终端用于实施上述实施例中提供的视图组件显示方法。具体来讲：

终端900可以包括RF(Radio Frequency，射频)电路910、包括有一个或一个以上计算机可读存储介质的存储器920、输入单元930、显示单元940、视频传感器950、音频电路960、WiFi(wireless fidelity，无线保真)模块970、包括有一个或者一个以上处理核心的处理器980、以及电源90等部件。本领域技术人员可以理解，图9中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路910可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器980处理；另外，将涉及上行的数据发送给基站。通常，RF电路910包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路910还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。

存储器920可用于存储软件程序以及模块，处理器980通过运行存储在存储器920的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器920可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端900的使用所创建的数据(比如视频数据、电话本等)等。此外，存储器920可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器920还可以包括存储器控制器，以提供处理器980和输入单元930对存储器920的访问。

输入单元930可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元930可包括图像输入设备931以及其他输入设备932。图像输入设备931可以是摄像头，也可以是光电扫描设备。除了图像输入设备931，输入单元930还可以包括其他输入设备932。具体地，其他输入设备932可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元940可用于显示由用户输入的信息或提供给用户的信息以及终端900的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元940可包括显示面板941，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode，有机发光二极管)等形式来配置显示面板941。

终端900可包括至少一种视频传感器950，视频传感器用于获取用户的视频信息。终端900还可以包括其它传感器(未示出)，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板941的亮度，接近传感器可在终端900移动到耳边时，关闭显示面板941和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端900还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

视频电路960、扬声器961，传声器962可提供用户与终端900之间的视频接口。音频电路960可将接收到的音频数据转换后的电信号，传输到扬声器961，由扬声器961转换为声音信号输出；另一方面，传声器962将收集的声音信号转换为电信号，由音频电路960接收后转换为音频数据，再将音频数据输出处理器980处理后，经RF电路911以发送给比如另一终端，或者将音频数据输出至存储器920以便进一步处理。音频电路960还可能包括耳塞插孔，以提供外设耳机与终端900的通信。

WiFi属于短距离无线传输技术，终端900通过WiFi模块970可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图9示出了WiFi模块970，但是可以理解的是，其并不属于终端900的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器980是终端900的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器920内的软件程序和/或模块，以及调用存储在存储器920内的数据，执行终端900的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器980可包括一个或多个处理核心；优选的，处理器980可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器980中。

终端900还包括给各个部件供电的电源90(比如电池)，优选的，电源可以通过电源管理系统与处理器980逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源90还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端900还可以包括蓝牙模块等，在此不再赘述。

具体在本实施例中，终端900还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行。上述一个或者一个以上程序包含用于执行上述方法实施例提供的视图组件显示方法的指令。

本发明的实施例还提供了一种存储介质，所述存储介质可设置于终端之中以保存用于实现方法实施例中的一种视图组件显示方法相关的至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现上述方法实施例提供的视图组件显示方法。

可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

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

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (9)

1.一种视图组件显示方法，其特征在于，所述方法包括：

获取滑动视图组件监听的滑动事件；

确定所述滑动事件的滑动方向；

当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据；

将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置；其中，所述第二数组列表与滑动视图组件绑定，且第二数组列表用于存储将要在滑动视图组件中显示的视图的视图数据；

根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件；

当所述滑动方向为第二方向时，将所述第二数组列表中对应于当前显示视图的视图数据移动至所述第一数组列表中，从而滑动删除当前显示的视图；

根据移动后的所述第二数组列表中的视图数据，渲染并显示所述滑动视图组件，以使得将当前显示的视图切换为第二数组列表中的下一个视图数据对应的视图。

2.根据权利要求1所述的视图组件显示方法，其特征在于，所述根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件包括：

获取所述第二数组列表的预设渲染位置；所述预设渲染位置包括所述第二列表位置；

根据所述预设渲染位置对应的第二数组列表中的视图数据，渲染并显示所述滑动视图组件。

3.根据权利要求1所述的视图组件显示方法，其特征在于，在根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件之前，所述方法还包括：

回调绘图监听接口的即将绘图函数；

响应于所述回调绘图监听接口的即将绘图函数，对所述滑动视图组件的滑动辅助类中的初始触摸坐标参数，初始滑动距离参数和初始选择对象进行初始化设置。

4.根据权利要求3所述的视图组件显示方法，其特征在于，所述对所述滑动视图组件的滑动辅助类中的初始触摸坐标参数进行初始化设置包括：

获取所述滑动事件中滑动开始时的坐标值，以及所述滑动视图组件的边长值；

确定所述滑动开始时的坐标值与所述滑动视图组件的边长值的和值；

将所述和值作为所述初始触摸坐标参数。

5.根据权利要求3所述的视图组件显示方法，其特征在于，所述对所述滑动视图组件的滑动辅助类中的初始滑动距离参数进行初始化设置包括：

获取所述滑动视图组件的边长值；

将所述滑动视图组件的边长值的负数作为所述初始滑动距离参数。

6.根据权利要求3所述的视图组件显示方法，其特征在于，所述对所述滑动视图组件的滑动辅助类中的初始选择对象进行初始化设置包括：

获取所述第二列表位置的视图数据对应的视图容器；

将所述第二列表位置的视图数据对应的视图容器作为所述初始选择对象。

7.根据权利要求1所述的视图组件显示方法，其特征在于，在获取第一数组列表中第一列表位置的视图数据之后，所述方法还包括：

删除所述第一数组列表中所述第一列表位置对应的视图数据。

8.一种视图组件显示装置，其特征在于，所述装置包括：

第一获取模块，用于获取滑动视图组件监听的滑动事件；

确定模块，用于确定所述滑动事件的滑动方向；

第二获取模块，用于当所述滑动方向为第一方向时，获取第一数组列表中第一列表位置的视图数据；所述第一数组列表用于存储滑动删除的视图对应的视图数据；

添加模块，用于将所述第一列表位置的视图数据添加至所述滑动视图组件对应的第二数组列表中的第二列表位置；其中，所述第二数组列表与滑动视图组件绑定，且第二数组列表用于存储将要在滑动视图组件中显示的视图的视图数据；

第一渲染显示模块，用于根据所述第二列表位置的视图数据，渲染并显示所述滑动视图组件；当所述滑动方向为第二方向时，将所述第二数组列表中对应于当前显示视图的视图数据移动至所述第一数组列表中，从而滑动删除当前显示的视图；

根据移动后的所述第二数组列表中的视图数据，渲染并显示所述滑动视图组件，以使得将当前显示的视图切换为第二数组列表中的下一个视图数据对应的视图。

9.一种终端，其特征在于，包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1-7任一项所述的视图组件显示方法。

Images