CN115793943A - 视图索引方法、装置和电子设备 - Google Patents
视图索引方法、装置和电子设备 Download PDFInfo
- Publication number
- CN115793943A CN115793943A CN202211240354.4A CN202211240354A CN115793943A CN 115793943 A CN115793943 A CN 115793943A CN 202211240354 A CN202211240354 A CN 202211240354A CN 115793943 A CN115793943 A CN 115793943A
- Authority
- CN
- China
- Prior art keywords
- view
- index
- user interface
- scrolling
- graphical user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种视图索引方法、装置和电子设备,在滚动组件中设置索引视图集合,索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标,当前位置坐标指示视图在图形用户界面中的当前位置,且图形用户界面的指定位置设置为滚动基准线;首先响应于视图滚动操作,控制图形用户界面中显示的视图滚动;基于索引视图集合确定与滚动基准线距离最近的目标视图;通过索引视图集合确定目标视图的索引标识。该方式中,通过预设滚动组件中扩展维护的用于保存视图和视图的索引标识和当前位置的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图,以便后续对视图进行定位和联动操作。
Description
技术领域
本发明涉及软件处理技术领域,尤其是涉及一种视图索引方法、装置和电子设备。
背景技术
当实现的项目需求涉及到双联动的列表时,通常会使用Android SDK API提供的ScrollView滚动组件,但ScrollView滚动组件难以像ListView、RecycleView滚动组件那样有队列存放着自己的子视图,每个子视图有自己的索引位置,可通过索引找到对应的子视图,方便做索引定位功能;而将ScrollView滚动组件改造成ListView、RecycleView这样的滚动组件成本较高,使得ScrollView滚动组件难以索引到对应的子视图,从而难以对子视图进行联动操作。
发明内容
本发明的目的在于提供一种视图索引方法、装置和电子设备,以通过ScrollView滚动组件实现对视图的定位和联动操作。
第一方面,本发明提供了一种视图索引方法,通过终端设备提供一图形用户界面,该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标;该当前位置坐标用于指示视图在图形用户界面中的当前位置;该方法包括:响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;基于索引视图集合,确定与滚动基准线第一距离最近的目标视图;通过索引视图集合,确定目标视图的索引标识。
第二方面,本发明提供了一种视图索引装置,其特征在于,通过终端设备提供一图形用户界面,该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,该索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标;当前位置坐标用于指示视图在图形用户界面中的当前位置;该装置包括:视图滚动模块,用于响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;视图确定模块,用于基于索引视图集合,确定与滚动基准线距离最近的目标视图;索引确定模块,用于通过索引视图集合,确定目标视图的索引标识。
第三方面,本发明提供了一种电子设备,该电子设备包括处理器和存储器,该存储器存储有能够被处理器执行的机器可执行指令,该处理器执行机器可执行指令以实现上述视图索引方法。
第四方面,本发明提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令在被处理器调用和执行时,计算机可执行指令促使处理器实现上述视图索引方法。
本发明实施例带来了以下有益效果:
本发明提供的一种视图索引方法、装置和电子设备,首先通过终端设备提供一图形用户界面,该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标,该当前位置坐标用于指示视图在图形用户界面中的当前位置;然后响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;进而基于索引视图集合,确定与滚动基准线距离最近的目标视图;再通过索引视图集合,确定目标视图的索引标识。该方式中,通过预设滚动组件中扩展维护的用于保存视图和视图的索引标识和当前位置的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图,以便后续对索引到的视图进行定位和联动操作。
本发明的其他特征和优点将在随后的说明书中阐述,或者,部分特征和优点可以从说明书推知或毫无疑义地确定,或者通过实施本发明的上述技术即可得知。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施方式,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种视图索引方法的流程图;
图2为本发明实施例提供的一种图形用户界面的设置示意图;
图3为本发明实施例提供的另一种视图索引方法的流程图;
图4为本发明实施例提供的一种双联动列表的显示示意图;
图5为本发明实施例提供的一种视图索引装置的结构示意图;
图6为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
当实现的项目需求涉及到双联动的列表时,通常会使用Android SDK(SoftwareDevelopment Kit,软件开发工具包)API(Application Programming Interface,应用程序编程接口)提供的ScrollView滚动组件,该ScrollView滚动组件是一个滚动显示内容的组件,比如说要显示背包、商城这种有大量物品时,可以用ScrollView滚动组件做滚动显示,其他的像是滚动表格、长篇内容显示等,也可以用ScrollView进行视图滚动显示。
但是ScrollView滚动组件难以像ListView、RecycleView滚动组件那样有队列存放着自己的子视图,每个子视图有自己的索引位置,如位置0、1、2、3等,可通过索引找到对应的子视图,方便做索引定位功能。而将ScrollView滚动组件改造成ListView、RecycleView这样的滚动组件成本较高,使得ScrollView滚动组件难以索引到对应的子视图,从而难以对子视图进行联动操作。
基于上述问题,本发明实施例提供了一种视图索引方法、装置和电子设备,该技术可以应用于双联动列表的显示和视图滚动的场景中。
为了便于对本发明实施例进行理解,首先对本发明实施例公开的一种视图索引方法进行详细介绍,首先通过终端设备提供一图形用户界面,该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,该索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标;该当前位置坐标用于指示视图在图形用户界面中的当前位置;如图1所示,该方法包括如下具体步骤:
步骤S102,响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线。
在具体实现时,上述预设的滚动组件采用的是ScrollView滚动组件,该滚动组件自身并不包含有存储视图索引的队列,因而本发明在该滚动组件上扩展维护了一个索引视图集合,该索引视图集合也即是在滚动组件中添加的一个队列的成员变量。该索引视图集合用于存储滚动组件维护的所有视图(该视图中显示有文字、图片等),以及每个视图的索引标识和视图在图形用户界面中的当前位置,该当前位置会跟随视图当前在图形用户界面中的滚动进行实时变化;该索引标识可以用数字或者字母等表示,该索引标识具有唯一性,该索引标识也可以用来指示视图之间的位置关系。
上述视图滚动操作可以是用户滚动图形用户界面中显示的视图的操作,也可以是用户在图形用户界面中进行的滑动操作等。具体地,会将图形用户界面的指定位置设置为滚动基准线,该指定位置可以根据研发需求设定,例如,该指定位置可以是图形用户界面对应的屏幕的上三分之一与下三分之二的分界线的位置,也可以是上四分之一与下四分之三的分界线的位置。
如图2所示为本发明实施例提供的一种图形用户界面的设置示意图,该图形用户界面中显示有五个视图view1、view2、view3、view4和view5,这四个视图分别对应的索引是0、1、2、3和4,图2中的index代表索引标识的英文,图2中的箭头位置表示滚动基准线的位置。
步骤S104,基于索引视图集合,确定与滚动基准线距离最近的目标视图。
当图形用户界面中显示的视图停止滚动时,索引视图集合中存储的视图在图形用户界面中的当前位置也会发生变化,此时,可以根据索引视图集合中存储的视图的当前位置,确定出与滚动基准线的位置最近的当前位置,将确定出的当前位置对应的视图确定为目标视图。
步骤S106,通过索引视图集合,确定目标视图的索引标识。
确定出目标视图后,可从索引视图集合中查询目标视图的索引标识,进而可以对外回调查找到的索引标识,方便业务层知道索引标识的同时,可以找到对应的视图,以对视图做各种联动需求。需要说明的是,这里的对外,只是同个客户端的同个项目里面的其它业务需求要的,可以把它当成一个组件,这个组件在项目中是会被各种需要的业务调用的。
本发明实施例提供的视图索引方法,首先通过终端设备提供一图形用户界面,该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标,该当前位置坐标用于指示视图在图形用户界面中的当前位置;然后响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;进而基于索引视图集合,确定与滚动基准线距离最近的目标视图;再通过索引视图集合,确定目标视图的索引标识。该方式中,通过预设滚动组件中扩展维护的用于保存视图和视图的索引标识和当前位置的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图,以便后续对索引到的视图进行定位和联动操作。
本发明实施例还提供了另一种视图索引方法,该方法在上述实施例的基础上实现,该方法重点描述索引视图集合的确定方式,以及基于索引视图集合,确定与滚动基准线距离最近的目标视图的具体过程(具体通过下述步骤S304-S306实现);如图3所示,该方法包括如下具体步骤:
步骤S302,响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线。
步骤S304,根据索引视图集合中每个视图的当前位置坐标,计算每个视图与滚动基准线的第二距离。
在具体实现时,依次遍历索引视图集合中的每个视图,计算当前视图的当前位置坐标与滚动基准线对应的坐标的差值,该差值也即是当前视图与滚动基准线的第二距离。
上述索引视图集合中包含有多个标题对应的视图,每个标题对应有多个视图,也可以理解为本发明的图形用户界面中显示的是双联动列表,该双联动列表通常是在图形用户界面的左侧显示多个标题,在图形用户界面的右侧显示选中的标题对应的视图,如图4所示为本发明试试提供的一种双联动列表的显示示意图,该图4中包含有六个标题,每个标题都对应有至少一个视图,图4中灰色的第一标题为选中的标题,标题的右侧显示的顶格位置显示的第一标题的名称,该第一标题对应有四个视图,分别是第一视图、第二视图、第三视图和第四视图。
在具体实现时,上述索引视图集合中每个视图的索引标识,通过下述方式确定:针对每个标题,确定当前标题对应的多个视图与滚动基准线的第一距离,基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识。索引视图集合对应的多个标签中的每个标题均需要作为一次当前标题,从而计算当前标题下的每个视图与滚动基准线的第一距离,具体地,针对当前标题对应的多个视图中的每个视图执行下述步骤10-11,可以得到每个视图对应的第一距离:
步骤10,确定当前视图在图形用户界面中的绝对坐标。
步骤11,将绝对坐标与滚动基准线对应的坐标的差值,确定为当前视图与滚动基准线的第一距离。
在实际应用中,可以利用getLocationOnScreen(@Size(2)int[]outLocation)获取当前视图在整个图形用户界面对应的屏幕内的绝对坐标,在利用API获取滚动基准线在图形用户界面中的坐标,两者的差值当前视图滚动至滚动基准线需要的滚动距离,该滚动距离也即是当前视图与滚动基准线的第一距离。上述步骤10-11的代码实现如下:
上述偏移坐标量是根据业务自己定的,通常是0,也可以是偏下10px或者偏上10px等。
在具体实现时,上述基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识的步骤,可以通过下述步骤20-21实现:
步骤20,按照第一距离由短到长的顺序,依次将当前标题对应的多个视图滑动至滚动基准线。
确定出每个视图与滚动基准线的第一距离后,所有视图均可滚动到滚动基准线的位置。具体地,当用户的需求是选中左侧侧边栏的目标标题时,右侧该目标标题对应的视图需要根据排布顺序依次滑动至滚动基准线的位置,然后将滑动至滚动基准线的视图依次保存至索引视图集合中。
步骤21,根据滑动顺序,标注当前标题对应的每个视图的索引标识。
在具体实现时,可以根据滑动顺序,依次标注视图的索引标识,并将该索引标识保存至索引视图集合中;例如,第一个滑动至滚动基准线的视图的索引标识设置为0,第二个滑动至滚动基准线的视图的索引标识设置为1,第二个滑动至滚动基准线的视图的索引标识设置为2等。
在实际应用中,上述索引视图集合中每个视图在图形用户界面中的当前位置坐标,可以通过下述步骤30-31确定:
步骤30,监听每个视图当前在图形用户界面中的位置坐标。
在用户滚动视图的时候,需要实时监听每个视图当前在图形用户界面中的位置坐标,以便更新索引视图集合中位置发生变化的视图的当前位置。在具体实现时,可以通过下述代码获取视图当前在图形用户界面中的位置坐标:
private fun updateViewInfo(view:View):IndexViewInformation{
valparentLocation=IntArray(2)
view.getLocationOnScreen(parentLocation)
returnIndexViewInformation(view,parentLocation[0],parentLocation[1])
}
步骤31,将监听到的位置坐标发送至索引视图集合,以更新索引视图集合中视图在图形用户界面中的当前位置坐标。
步骤S306,基于每个视图与滚动基准线的第二距离,确定与滚动基准线距离最近的目标视图。
比较每个视图与滚动基准线的第二距离,将最小的第二距离对应的视图确定为目标视图,该目标视图也就是命中滚动基准线的视图。
在具体实现时,还可以通过遍历索引视图集合中的每个视图,得到与滚动基准线相邻的前后两个视图和当前坐标位置,以便后续确定与滚动基准线距离最近的目标视图,代码如下:
步骤S308,从索引视图集合中,确定目标视图的索引标识。
步骤S310,将目标视图的索引标识发送至预设业务层。
在具体实现时,可以直接通过接口将索引视图集合中保存的索引标识回调至业务层使用。下述是触发发送索引标识的代码:
if(nowViewIndex!=scrollIndex){
nowViewIndex=scrollIndex
onViewIndexChangeListener?.onIndexChange(nowViewIndex,isScrollBottom)
}
上述视图索引方法,首先响应于视图滚动操作,控制图形用户界面中显示的视图滚动,该图形用户界面的指定位置设置为滚动基准线;进而根据索引视图集合中每个视图的当前位置坐标,计算每个视图与滚动基准线的第二距离;再基于每个视图与滚动基准线的第二距离,确定与滚动基准线距离最近的目标视图;然后从索引视图集合中,确定目标视图的索引标识,并将目标视图的索引标识发送至预设业务层。该方式通过预设滚动组件中扩展维护的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图;同时,本发明开发了一个支持索引定位的滚动组件,解决了双联动的列表需求;同时,本发明的滚动组件是现有组件不满足需求时,可基于现有组件做的扩展,开发时在满足需求的前提下,尽量做到组件的通用性,在其它业务逻辑下也能简单灵活的应用,减少了开发人员的精力。
对应于上述视图索引方法实施例,本发明实施例还提供了一种视图索引装置,通过终端设备提供一图形用户界面;该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,该索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标;该当前位置坐标用于指示视图在图形用户界面中的当前位置;如图5所示,该装置包括:
视图滚动模块50,用于响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线。
视图确定模块51,用于基于索引视图集合,确定与滚动基准线距离最近的目标视图。
索引确定模块52,用于通过索引视图集合,确定目标视图的索引标识。
上述视图索引装置,首先通过终端设备提供一图形用户界面,该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标,该当前位置坐标用于指示视图在图形用户界面中的当前位置;然后响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;进而基于索引视图集合,确定与滚动基准线距离最近的目标视图;再通过索引视图集合,确定目标视图的索引标识。该方式中,通过预设滚动组件中扩展维护的用于保存视图和视图的索引标识和当前位置的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图,以便后续对索引到的视图进行定位和联动操作。
在具体实现时,上述索引视图集合中包含有多个标题对应的视图,每个标题对应有多个视图;上述装置还包括集合确定模块,用于:针对每个标题,确定当前标题对应的多个视图与滚动基准线的第一距离,基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识。
进一步地,上述集合确定模块,还用于:确定当前视图在图形用户界面中的绝对坐标;将绝对坐标与滚动基准线对应的坐标的差值,确定为当前视图与滚动基准线的第一距离。
进一步地,上述集合确定模块,还用于:按照第一距离由短到长的顺序,依次将当前标题对应的多个视图滑动至滚动基准线;根据滑动顺序,标注当前标题对应的每个视图的索引标识。
在具体实现时,上述集合确定模块,还用于:监听每个视图当前在图形用户界面中的位置坐标;将监听到的位置坐标发送至索引视图集合,以更新索引视图集合中视图在图形用户界面中的当前位置坐标。
进一步地,上述视图确定模块51,还用于:根据索引视图集合中每个视图的当前位置坐标,计算每个视图与滚动基准线的第二距离;基于每个视图与滚动基准线的第二距离,确定与滚动基准线距离最近的目标视图。
具体地,上述装置还包括索引发送模块,用于:在通过索引视图集合,确定目标视图的索引标识之后,将目标视图的索引标识发送至预设业务层。
本发明实施例所提供的视图索引装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。
本发明实施例还提供了一种电子设备,如图6所示,该电子设备包括处理器和存储器,该存储器存储有能够被处理器执行的机器可执行指令,该处理器执行机器可执行指令以实现上述视图索引方法。
具体地,通过终端设备提供一图形用户界面;该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,该索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标;该当前位置坐标用于指示视图在图形用户界面中的当前位置;该视图索引方法包括:响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;基于索引视图集合,确定与滚动基准线距离最近的目标视图;通过索引视图集合,确定目标视图的索引标识。
上述视图索引方法,通过预设滚动组件中扩展维护的用于保存视图和视图的索引标识和当前位置的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图,以便后续对索引到的视图进行定位和联动操作。
在可选实施例中,上述索引视图集合中包含有多个标题对应的视图,每个标题对应有多个视图;上述索引视图集合中每个视图的索引标识,通过下述方式确定:针对每个标题,确定当前标题对应的多个视图与滚动基准线的第一距离,基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识。
在可选实施例中,上述确定当前标题对应的多个视图与滚动基准线的第一距离的步骤,包括:针对当前标题对应的多个视图中的每个视图执行下述操作:确定当前视图在图形用户界面中的绝对坐标;将绝对坐标与滚动基准线对应的坐标的差值,确定为当前视图与所述滚动基准线的第一距离。
在可选实施例中,上述基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识的步骤,包括:按照第一距离由短到长的顺序,依次将当前标题对应的多个视图滑动至滚动基准线;根据滑动顺序,标注当前标题对应的每个视图的索引标识。
在可选实施例中,上述索引视图集合中每个视图在图形用户界面中的当前位置坐标,通过下述方式确定:监听每个视图当前在图形用户界面中的位置坐标;将监听到的位置坐标发送至索引视图集合,以更新索引视图集合中视图在图形用户界面中的当前位置坐标。
在可选实施例中,上述基于索引视图集合,确定与滚动基准线距离最近的目标视图的步骤,包括:根据索引视图集合中每个视图的当前位置坐标,计算每个视图与滚动基准线的第二距离;基于每个视图与滚动基准线的第二距离,确定与滚动基准线距离最近的目标视图。
在可选实施例中,上述通过索引视图集合,确定目标视图的索引标识的步骤之后,上述方法还包括:将目标视图的索引标识发送至预设业务层。
进一步地,图6所示的电子设备还包括总线102和通信接口103,处理器101、通信接口103和存储器100通过总线102连接。
其中,存储器100可能包含高速随机存取存储器(RAM,RandomAccessMemory),也可能还包括非不稳定的存储器(non-volatilememory),例如至少一个磁盘存储器。通过至少一个通信接口103(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接,可以使用互联网,广域网,本地网,城域网等。总线102可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图6中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
处理器101可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器101中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器101可以是通用处理器,包括中央处理器(CentralProcessingUnit,简称CPU)、网络处理器(NetworkProcessor,简称NP)等;还可以是数字信号处理器(Digital SignalProcessing,简称DSP)、专用集成电路(Application Specific Integrated Circuit,简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器100,处理器101读取存储器100中的信息,结合其硬件完成前述实施例的方法的步骤。
本发明实施例还提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令在被处理器调用和执行时,该计算机可执行指令促使处理器实现上述视图索引方法,具体实现可参见方法实施例,在此不再赘述。
具体地,通过终端设备提供一图形用户界面;该图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,该索引视图集合中包含有多个视图,以及每个视图的索引标识和当前位置坐标;该当前位置坐标用于指示视图在图形用户界面中的当前位置;该视图索引方法包括:响应于视图滚动操作,控制图形用户界面中显示的视图滚动;其中,图形用户界面的指定位置设置为滚动基准线;基于索引视图集合,确定与滚动基准线距离最近的目标视图;通过索引视图集合,确定目标视图的索引标识。
上述视图索引方法,通过预设滚动组件中扩展维护的用于保存视图和视图的索引标识和当前位置的索引视图集合,可确定当前滚动至滚动基准线的视图和该视图的索引标识,从而使得滚动组件能够索引到任意视图,以便后续对索引到的视图进行定位和联动操作。
在可选实施例中,上述索引视图集合中包含有多个标题对应的视图,每个标题对应有多个视图;上述索引视图集合中每个视图的索引标识,通过下述方式确定:针对每个标题,确定当前标题对应的多个视图与滚动基准线的第一距离,基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识。
在可选实施例中,上述确定当前标题对应的多个视图与滚动基准线的第一距离的步骤,包括:针对当前标题对应的多个视图中的每个视图执行下述操作:确定当前视图在图形用户界面中的绝对坐标;将绝对坐标与滚动基准线对应的坐标的差值,确定为当前视图与所述滚动基准线的第一距离。
在可选实施例中,上述基于第一距离,确定当前标题对应的多个视图中每个视图的索引标识的步骤,包括:按照第一距离由短到长的顺序,依次将当前标题对应的多个视图滑动至滚动基准线;根据滑动顺序,标注当前标题对应的每个视图的索引标识。
在可选实施例中,上述索引视图集合中每个视图在图形用户界面中的当前位置坐标,通过下述方式确定:监听每个视图当前在图形用户界面中的位置坐标;将监听到的位置坐标发送至索引视图集合,以更新索引视图集合中视图在图形用户界面中的当前位置坐标。
在可选实施例中,上述基于索引视图集合,确定与滚动基准线距离最近的目标视图的步骤,包括:根据索引视图集合中每个视图的当前位置坐标,计算每个视图与滚动基准线的第二距离;基于每个视图与滚动基准线的第二距离,确定与滚动基准线距离最近的目标视图。
在可选实施例中,上述通过索引视图集合,确定目标视图的索引标识的步骤之后,上述方法还包括:将目标视图的索引标识发送至预设业务层。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,终端设备,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
在本发明的描述中,需要说明的是,术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。此外,术语“第一”、“第二”、“第三”仅用于描述目的,而不能理解为指示或暗示相对重要性。
最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种视图索引方法,其特征在于,通过终端设备提供一图形用户界面,所述图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,所述索引视图集合中包含有多个视图,以及每个所述视图的索引标识和当前位置坐标;所述当前位置坐标用于指示所述视图在所述图形用户界面中的当前位置;所述方法包括:
响应于视图滚动操作,控制所述图形用户界面中显示的视图滚动;其中,所述图形用户界面的指定位置设置为滚动基准线;
基于所述索引视图集合,确定与所述滚动基准线距离最近的目标视图;
通过所述索引视图集合,确定所述目标视图的索引标识。
2.根据权利要求1所述的方法,其特征在于,所述索引视图集合中包含有多个标题对应的视图,每个所述标题对应有多个视图;
所述索引视图集合中每个所述视图的索引标识,通过下述方式确定:
针对每个所述标题,确定当前标题对应的多个视图与所述滚动基准线的第一距离,基于所述第一距离,确定所述当前标题对应的多个视图中每个所述视图的索引标识。
3.根据权利要求2所述的方法,其特征在于,所述确定当前标题对应的多个视图与所述滚动基准线的第一距离的步骤,包括:
针对所述当前标题对应的多个视图中的每个所述视图执行下述操作:
确定当前视图在所述图形用户界面中的绝对坐标;
将所述绝对坐标与所述滚动基准线对应的坐标的差值,确定为所述当前视图与所述滚动基准线的第一距离。
4.根据权利要求2所述的方法,其特征在于,所述基于所述第一距离,确定所述当前标题对应的多个视图中每个所述视图的索引标识的步骤,包括:
按照所述第一距离由短到长的顺序,依次将所述当前标题对应的多个视图滑动至所述滚动基准线;
根据滑动顺序,标注所述当前标题对应的每个所述视图的索引标识。
5.根据权利要求1所述的方法,其特征在于,所述索引视图集合中每个视图在所述图形用户界面中的当前位置坐标,通过下述方式确定:
监听每个所述视图当前在所述图形用户界面中的位置坐标;
将监听到的位置坐标发送至所述索引视图集合,以更新所述索引视图集合中所述视图在所述图形用户界面中的当前位置坐标。
6.根据权利要求1所述的方法,其特征在于,所述基于所述索引视图集合,确定与所述滚动基准线距离最近的目标视图的步骤,包括:
根据所述索引视图集合中每个所述视图的当前位置坐标,计算每个所述视图与所述滚动基准线的第二距离;
基于每个所述视图与所述滚动基准线的第二距离,确定与所述滚动基准线距离最近的目标视图。
7.根据权利要求1所述的方法,其特征在于,所述通过所述索引视图集合,确定所述目标视图的索引标识的步骤之后,所述方法还包括:
将所述目标视图的索引标识发送至预设业务层。
8.一种视图索引装置,其特征在于,通过终端设备提供一图形用户界面,所述图形用户界面中显示视图;预设的滚动组件中设置索引视图集合,所述索引视图集合中包含有多个视图,以及每个所述视图的索引标识和当前位置坐标;所述当前位置坐标用于指示所述视图在所述图形用户界面中的当前位置;所述装置包括:
视图滚动模块,用于响应于视图滚动操作,控制所述图形用户界面中显示的视图滚动;其中,所述图形用户界面的指定位置设置为滚动基准线;
视图确定模块,用于基于所述索引视图集合,确定与所述滚动基准线距离最近的目标视图;
索引确定模块,用于通过所述索引视图集合,确定所述目标视图的索引标识。
9.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的机器可执行指令,所述处理器执行所述机器可执行指令以实现权利要求1至7任一项所述的视图索引方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令在被处理器调用和执行时,所述计算机可执行指令促使所述处理器实现权利要求1至7任一项所述的视图索引方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211240354.4A CN115793943A (zh) | 2022-10-11 | 2022-10-11 | 视图索引方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211240354.4A CN115793943A (zh) | 2022-10-11 | 2022-10-11 | 视图索引方法、装置和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115793943A true CN115793943A (zh) | 2023-03-14 |
Family
ID=85432796
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211240354.4A Pending CN115793943A (zh) | 2022-10-11 | 2022-10-11 | 视图索引方法、装置和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115793943A (zh) |
-
2022
- 2022-10-11 CN CN202211240354.4A patent/CN115793943A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8595638B2 (en) | User interface, device and method for displaying special locations on a map | |
JP6323954B2 (ja) | 地図ラベルのためのローディング方法及び装置 | |
CN106155496A (zh) | 一种信息展示方法及装置 | |
CN111143723A (zh) | 页面跳转方法、装置、电子设备及存储介质 | |
JP2000047790A (ja) | 小スクリ―ン上に選択可能及び選択不可能な要素を表示する方法 | |
EP2849060A1 (en) | Mobile terminal and application program management method thereof | |
CN105095328A (zh) | 选择图片的方法、装置和移动终端 | |
CN108228278B (zh) | 一种加载视频桌面的方法和装置 | |
CN105808307B (zh) | 一种页面显示方法和装置 | |
CN110647685B (zh) | 一种信息推荐方法、装置及设备 | |
CN111538453B (zh) | 书籍详情页面的显示方法、终端及计算机存储介质 | |
CN115793943A (zh) | 视图索引方法、装置和电子设备 | |
CN108717347B (zh) | 商业信息交互识别方法、装置和电子设备 | |
CN115562556A (zh) | 界面显示方法、装置、终端及存储介质 | |
CN113413588A (zh) | 游戏任务的处理方法、装置、电子设备及存储介质 | |
CN111913635B (zh) | 三维全景图片显示方法、装置、移动终端及存储介质 | |
CN114357318A (zh) | 多维轨迹数据显示方法、装置和电子设备 | |
CN109257643B (zh) | 一种直播间展示方法、终端设备及存储介质 | |
CN109656664B (zh) | 一种桌面显示方法、控制装置、终端及系统 | |
CN109544664B (zh) | 动画数据处理方法、装置、电子设备及可读存储介质 | |
CN112419444A (zh) | 服装板片绘制方法、装置、电子设备及存储介质 | |
CN110851217A (zh) | 条目展示方法、装置及电子设备 | |
CN112118474B (zh) | 视频弹幕的显示方法、系统、计算机设备及可读存储介质 | |
CN110737740A (zh) | 一种资源推荐方法、装置及存储介质 | |
CN106294329B (zh) | 信息处理方法和设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |