[go: up one dir, main page]

CN111679873B - Application page and map page processing method, device and equipment - Google Patents

Application page and map page processing method, device and equipment Download PDF

Info

Publication number
CN111679873B
CN111679873B CN201910181782.6A CN201910181782A CN111679873B CN 111679873 B CN111679873 B CN 111679873B CN 201910181782 A CN201910181782 A CN 201910181782A CN 111679873 B CN111679873 B CN 111679873B
Authority
CN
China
Prior art keywords
service card
card layer
application service
application
page
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.)
Active
Application number
CN201910181782.6A
Other languages
Chinese (zh)
Other versions
CN111679873A (en
Inventor
宫雪
李卓阳
苏笑波
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Autonavi Yunmap Technology Co ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Family has litigation
First worldwide family litigation filed litigation Critical https://patents.darts-ip.com/?family=72426894&utm_source=google_patent&utm_medium=platform_link&utm_campaign=public_patent_search&patent=CN111679873(B) "Global patent litigation dataset” by Darts-ip is licensed under a Creative Commons Attribution 4.0 International License.
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201910181782.6A priority Critical patent/CN111679873B/en
Priority to PCT/CN2020/077109 priority patent/WO2020181996A1/en
Publication of CN111679873A publication Critical patent/CN111679873A/en
Application granted granted Critical
Publication of CN111679873B publication Critical patent/CN111679873B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/29Geographical information databases
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Remote Sensing (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)
  • Navigation (AREA)

Abstract

The application discloses a processing method of an application page, comprising the following steps: detecting a trigger action on a display screen on which an application page is displayed; and if the detected trigger action is matched with the preset trigger action, moving the application service card layer displayed at the first position on the application page to the preset position on the application page according to the preset direction of the display screen. By adopting the method, the problem that more shortcut tools are displayed on the application page under the condition that the information of the application page browsed by a user is not influenced is solved.

Description

应用页面和地图页面的处理方法、装置和设备Application page and map page processing method, device and equipment

技术领域technical field

本申请涉及计算机技术领域,具体涉及一种应用页面的处理方法、装置和电子设备,本申请同时涉及一种地图页面的处理方法、装置和电子设备。The present application relates to the field of computer technology, and specifically relates to a processing method, device and electronic equipment for application pages. The present application also relates to a processing method, device and electronic equipment for map pages.

背景技术Background technique

随着移动电子设备及互联网的发展,用户在移动电子设备(例如,手机)上通常安装多个应用软件客户端(例如,旅行应用软件、地图应用软件),方便用户使用。With the development of mobile electronic devices and the Internet, users usually install multiple application software clients (for example, travel application software, map application software) on mobile electronic devices (for example, mobile phones) for the convenience of users.

现有技术下,在用户打开应用软件后,经常会出现一个应用页面(例如,地图主图页面),而且为了提高用户的体验,通常会在应用页面的顶部或底部出现与应用页面相关的快捷工具,由于如果快捷工具数量较多,会覆盖掉应用页面的信息,影响用户浏览应用页面的信息,因此在应用页面的顶部或底部出现与应用页面相关的快捷工具的数量较少,一般不超过五个。Under the prior art, after the user opens the application software, an application page (for example, the main image page of the map) often appears, and in order to improve the user experience, a shortcut related to the application page usually appears at the top or bottom of the application page. Tools, because if there are too many shortcut tools, the information on the application page will be overwritten, which will affect the information that users browse the application page. five.

因此,在不影响用户浏览应用页面的信息的情况下,在应用页面上展示更多的快捷工具是亟待解决的问题。Therefore, displaying more shortcut tools on the application page is an urgent problem to be solved without affecting the information that the user browses the application page.

发明内容Contents of the invention

本申请提供一种应用页面的处理方法、装置和电子设备,解决了在不影响用户浏览应用页面的信息的情况下,在应用页面上展示更多的快捷工具的问题。The present application provides a method, device and electronic device for processing an application page, which solves the problem of displaying more shortcut tools on the application page without affecting information on the application page browsed by the user.

本申请提供一种应用页面的处理方法,其特征在于,包括:The present application provides a method for processing an application page, which is characterized in that it includes:

检测在展示有应用页面的显示屏幕上的触发动作;detecting a trigger action on a display screen displaying an application page;

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the application page to the predetermined position on the application page according to the predetermined direction of the display screen. Location.

可选的,所述预定的触发动作为自上而下的滑动动作;Optionally, the predetermined triggering action is a top-down sliding action;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the application page to the application page according to the predetermined direction of the display screen predetermined positions, including:

如果检测到的触发动作与自上而下的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置展示;If the detected trigger action matches the top-down sliding action, move the application service card layer displayed at the first position on the application page to the application page in a top-down direction The second position of the display;

展示在所述应用页面上的第一位置的应用服务卡片层的高度高于移动至所述应用页面上的第二位置展示的应用服务卡片层的高度。The height of the application service card layer displayed at the first position on the application page is higher than the height of the application service card layer displayed at the second position on the application page.

可选的,所述预定的触发动作为自下而上的滑动动作;Optionally, the predetermined trigger action is a bottom-up sliding action;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the application page to the application page according to the predetermined direction of the display screen predetermined positions, including:

如果检测到的触发动作与自下而上的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述应用页面上的第三位置展示;If the detected trigger action matches the bottom-up sliding action, move the application service card layer displayed at the first position on the application page to the application page in a bottom-up direction The third position of the display;

展示在所述应用页面上的第一位置的应用服务卡片层的高度低于移动至所述应用页面上的第三位置展示的应用服务卡片层的高度。The height of the application service card layer displayed at the first position on the application page is lower than the height of the application service card layer displayed at the third position on the application page.

可选的,所述方法进一步包括:Optionally, the method further includes:

对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted to obtain the application service card layer after the function cards are sorted.

可选的,所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:Optionally, the sorting the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the user's usage habits to obtain the application service card layer after the function cards are sorted.

可选的,所述方法进一步包括:Optionally, the method further includes:

接收针对应用服务卡片层包括的功能卡片的选择触发;receiving a selection trigger for a function card included in the application service card layer;

根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the function cards to be displayed included in the application service card layer are determined.

可选的,所述方法进一步包括:Optionally, the method further includes:

若读取到应用缓存业务数据,则将快捷启动所述缓存业务数据对应业务的卡片添加在所述应用服务卡片层中进行展示。If the application cache service data is read, a card for quickly starting the service corresponding to the cache service data is added to the application service card layer for display.

本申请还提供一种地图页面的处理方法,包括:The present application also provides a method for processing a map page, including:

检测在展示有地图页面的显示屏幕上的触发动作;detecting a trigger action on a display screen displaying a map page;

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述地图页面上的预定位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the map page to the predetermined position on the map page according to the predetermined direction of the display screen. Location.

可选的,所述应用服务卡片层,包括搜索框组件;Optionally, the application service card layer includes a search box component;

所述方法进一步包括:The method further comprises:

将所述搜索框组件展示在所述应用服务卡片层的顶部位置。The search box component is displayed at the top of the application service card layer.

可选的,所述应用服务卡片层包括至少两个功能卡片;所述方法进一步包括:对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。Optionally, the application service card layer includes at least two function cards; the method further includes: sorting the function cards included in the application service card layer to obtain an application service card layer after the function cards are sorted.

可选的,所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:Optionally, the sorting the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户所在的地理位置或者用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the geographical location of the user or the usage habits of the user, to obtain the application service card layer after the function cards are sorted.

可选的,所述方法进一步包括:Optionally, the method further includes:

将图面控制层叠加在所述地图页面上与所述应用服务卡片层不同的位置进行展示。The graphic control layer is superimposed on the map page at a position different from that of the application service card layer for display.

可选的,所述图面控制层包括探索附近控件。Optionally, the graphic control layer includes an explore nearby control.

可选的,所述方法进一步包括:Optionally, the method further includes:

接收用户针对地图页面上的兴趣点的选择触发;Receive a user's selection trigger for a point of interest on the map page;

将兴趣点的名称以及与兴趣点相关的推送信息显示在探索附近控件上。Display the name of the point of interest and the push information related to the point of interest on the explore nearby control.

可选的,所述预定的触发动作为自下而上的滑动动作;Optionally, the predetermined trigger action is a bottom-up sliding action;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:如果检测到的触发动作与自下而上的滑动动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述地图页面上的第三位置展示;展示在所述应用页面上的第一位置的应用服务卡片层的高度低于移动至所述应用页面上的第三位置展示的应用服务卡片层的高度。If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the map page to the application page according to the predetermined direction of the display screen , including: if the detected trigger action matches the bottom-up sliding action, moving the application service card layer displayed at the first position on the map page in a bottom-up direction Displayed at the third position on the map page; the height of the application service card layer displayed at the first position on the application page is lower than that of the application service card layer displayed at the third position on the application page high.

可选的,所述应用服务卡片层包括:工具箱;所述工具箱包含工具控件,当所述应用服务卡片层展示在所述地图页面上的第一位置时,在应用服务卡片层中展示一行工具控件;当所述应用服务卡片层展示在所述地图页面上的第三位置时,在应用服务卡片层中展示至少两行工具控件。Optionally, the application service card layer includes: a toolbox; the toolbox contains a tool control, and when the application service card layer is displayed at the first position on the map page, it is displayed in the application service card layer A row of tool controls; when the application service card layer is displayed at the third position on the map page, at least two rows of tool controls are displayed in the application service card layer.

本申请还提供一种应用页面的处理装置,包括:The present application also provides a device for processing application pages, including:

触发动作检测单元,用于检测在展示有应用页面的显示屏幕上的触发动作;A trigger action detection unit, configured to detect a trigger action on a display screen displaying an application page;

应用服务卡片层移动单元,用于如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置。An application service card layer moving unit, configured to move the application service card layer displayed at the first position on the application page in a predetermined direction of the display screen if the detected trigger action matches the predetermined trigger action, Move to a predetermined location on the application page.

本申请还提供一种电子设备,包括:The present application also provides an electronic device, including:

处理器;以及processor; and

存储器,用于存储应用页面的处理方法的程序,该设备通电并通过所述处理器运行该应用页面的处理方法的程序后,执行下述步骤:The memory is used to store the program of the processing method of the application page. After the device is powered on and runs the program of the processing method of the application page through the processor, the following steps are performed:

检测在展示有应用页面的显示屏幕上的触发动作;detecting a trigger action on a display screen displaying an application page;

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the application page to the predetermined position on the application page according to the predetermined direction of the display screen. Location.

本申请还提供一种地图页面的处理装置,包括:The present application also provides a processing device for a map page, including:

触发动作检测单元,用于检测在展示有地图页面的显示屏幕上的触发动作;A trigger action detection unit, configured to detect a trigger action on a display screen displaying a map page;

应用服务卡片层移动单元,用于如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述地图页面上的预定位置。An application service card layer moving unit, configured to move the application service card layer displayed at the first position on the map page in a predetermined direction of the display screen if the detected trigger action matches a predetermined trigger action, Move to a predetermined location on the map page.

本申请还提供一种电子设备,包括:The present application also provides an electronic device, including:

处理器;以及processor; and

存储器,用于存储地图页面的处理方法的程序,该设备通电并通过所述处理器运行该地图页面的处理方法的程序后,执行下述步骤:The memory is used to store the program of the processing method of the map page. After the device is powered on and runs the program of the processing method of the map page through the processor, the following steps are performed:

检测在展示有地图页面的显示屏幕上的触发动作;detecting a trigger action on a display screen displaying a map page;

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述地图页面上的预定位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the map page to the predetermined position on the map page according to the predetermined direction of the display screen. Location.

与现有技术相比,本申请具有以下优点:Compared with the prior art, the present application has the following advantages:

本申请提供一种应用页面的处理方法,通过根据检测到的触发动作,将应用服务卡片层按照显示屏幕的预定方向移动至应用页面上的预定位置,实现了根据用户的需求移动应用服务卡片层,由于应用服务卡片层集合了多项快捷服务功能,解决了在不影响用户浏览应用页面的信息的情况下,在应用页面上展示更多的快捷工具的问题,为用户使用快捷服务功能提供了便利。This application provides a method for processing an application page. By moving the application service card layer to a predetermined position on the application page according to the predetermined direction of the display screen according to the detected trigger action, the application service card layer is moved according to the user's needs. , because the application service card layer integrates a number of shortcut service functions, it solves the problem of displaying more shortcut tools on the application page without affecting the information that users browse the application page, and provides users with shortcut service functions convenient.

附图说明Description of drawings

图1是本申请第一实施例提供的应用页面的处理方法的流程图。FIG. 1 is a flow chart of a method for processing an application page provided by the first embodiment of the present application.

图2是本申请第一实施例提供的一个应用服务卡片层的示意图。Fig. 2 is a schematic diagram of an application service card layer provided by the first embodiment of the present application.

图3是本申请第一实施例提供的一种应用服务卡片层展示在应用页面上的第一底部位置的示意图。Fig. 3 is a schematic diagram of an application service card layer displayed at a first bottom position on an application page according to the first embodiment of the present application.

图4是本申请第一实施例提供的一种应用服务卡片层展示在应用页面上的第二底部位置的示意图。Fig. 4 is a schematic diagram of an application service card layer displayed at a second bottom position on an application page according to the first embodiment of the present application.

图5是本申请第一实施例提供的一种应用服务卡片层展示在应用页面上的顶部位置的示意图。Fig. 5 is a schematic diagram showing the top position of an application service card layer displayed on an application page according to the first embodiment of the present application.

图6-1是本申请第二实施例提供的地图页面的处理方法的流程图。FIG. 6-1 is a flow chart of a method for processing a map page provided by the second embodiment of the present application.

图6-2是本申请第二实施例提供的一种搜索附近控件显示的示意图。FIG. 6-2 is a schematic diagram of displaying a search nearby control provided by the second embodiment of the present application.

图6-3是本申请第二实施例提供的一种搜索附近控件显示的示意图。FIG. 6-3 is a schematic diagram of displaying a search nearby control provided by the second embodiment of the present application.

图6-4是本申请第二实施例提供的一种搜索附近控件显示的示意图。FIG. 6-4 is a schematic diagram of displaying a search nearby control provided by the second embodiment of the present application.

图6-5是本申请第二实施例提供的一种搜索附近控件显示的示意图。6-5 are schematic diagrams of displaying a search nearby control provided by the second embodiment of the present application.

图6-6是本申请第一实施例提供的一个应用服务卡片层常态显示的示意图。Fig. 6-6 is a schematic diagram of a normal display of an application service card layer provided by the first embodiment of the present application.

图6-7是本申请第一实施例提供的一个应用服务卡片层上拉过程中的示意图。6-7 are schematic diagrams of an application service card layer pull-up process provided by the first embodiment of the present application.

图6-8是本申请第一实施例提供的一个应用服务卡片层上拉后的示意图。6-8 are schematic diagrams of an application service card layer pulled up provided in the first embodiment of the present application.

图7是本申请第三实施例提供的应用页面的处理装置的示意图。FIG. 7 is a schematic diagram of an application page processing apparatus provided in a third embodiment of the present application.

图8是本申请第四实施例提供的电子设备的示意图。FIG. 8 is a schematic diagram of an electronic device provided by a fourth embodiment of the present application.

图9是本申请第五实施例提供的地图页面的处理装置的示意图。FIG. 9 is a schematic diagram of a processing device for a map page provided by a fifth embodiment of the present application.

图10是本申请第六实施例提供的电子设备的示意图。Fig. 10 is a schematic diagram of an electronic device provided by a sixth embodiment of the present application.

具体实施方式Detailed ways

在下面的描述中阐述了很多具体细节以便于充分理解本发明。但是本发明能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本发明内涵的情况下做类似推广,因此本发明不受下面公开的具体实施的限制。In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention. However, the present invention can be implemented in many other ways different from those described here, and those skilled in the art can make similar extensions without violating the connotation of the present invention, so the present invention is not limited by the specific implementations disclosed below.

本申请第一实施例提供一种应用页面的处理方法,下面结合图1至图5进行介绍。The first embodiment of the present application provides a method for processing an application page, which will be introduced below with reference to FIG. 1 to FIG. 5 .

如图1所示,在步骤S101中,检测在展示有应用页面的显示屏幕上的触发动作。As shown in FIG. 1 , in step S101 , a trigger action on a display screen displaying an application page is detected.

所述应用页面,可以指显示屏幕上的任何一种应用页面。例如,地图主图页面。The application page may refer to any application page on the display screen. For example, the main map page.

如图1所示,在步骤S102中,如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置。As shown in FIG. 1, in step S102, if the detected trigger action matches the predetermined trigger action, the application service card layer displayed at the first position on the application page will be displayed according to the predetermined action on the display screen. direction to move to a predetermined location on the app page.

所述应用服务卡片层可以集合与应用页面相关的各种服务功能。所述应用服务卡片层可以包括功能卡片、工具箱等,工具箱中包括各种快捷工具。功能卡片和快捷工具可以根据应用页面的不同包含不同的内容。例如,应用页面为地图页面,地图应用的应用服务卡片层可以包括搜索框组件、临时高命中功能卡片(能够高命中用户需求的卡片,其优先级较高,可以展示在搜索框组件下方)、工具箱、常用功能卡片等,其中,工具箱可以包括叫车服务、顺风车等快捷工具,常用功能卡片可以包括车主服务功能卡片、实时公交功能卡片等。如图2所示,其为应用服务卡片层的一个示例,2-1为搜索框、2-2为工具箱、2-3为功能卡片。车主服务功能卡片可以为车主提供限行查询、导航语音、违章查询等服务功能。又如,应用页面为旅行应用页面,应用服务卡片层可以包括收藏、预定机票等快捷工具,还可以包含行程功能卡片等功能卡片。The application service card layer can integrate various service functions related to application pages. The application service card layer may include a function card, a toolbox, etc., and the toolbox includes various shortcut tools. Function cards and shortcut tools can contain different content according to different application pages. For example, if the application page is a map page, the application service card layer of the map application can include a search box component, a temporary high-hit function card (cards that can highly hit user needs have a higher priority and can be displayed under the search box component), Toolbox, commonly used function cards, etc. The toolbox can include shortcut tools such as car-hailing service and ride-hailing service, and the commonly used function cards can include car owner service function cards, real-time bus function cards, etc. As shown in Figure 2, it is an example of an application service card layer, 2-1 is a search box, 2-2 is a toolbox, and 2-3 is a function card. The car owner service function card can provide car owners with service functions such as traffic restriction inquiry, navigation voice, and violation inquiry. For another example, the application page is a travel application page, and the application service card layer can include shortcut tools such as bookmarking and ticket booking, and can also include function cards such as itinerary function cards.

在具体实施时,应用页面上的第一位置可以为应用页面上的任一位置,为了方便用户的操作,应用页面上的第一位置可以为应用页面上的第一底部位置。如图3所示,应用服务卡片层以常态形式展示在地图页面的底部位置,将应用服务卡片层展示在地图页面的底部位置,这种布局方式的优点在于分离了操作区域和图面部分,使主要操作都集中在下半部分,用户可以通过手势方便地使用应用服务卡片层中的各种功能,适合用户出行中使用手机的习惯。During specific implementation, the first position on the application page may be any position on the application page, and for the convenience of the user's operation, the first position on the application page may be the first bottom position on the application page. As shown in Figure 3, the application service card layer is displayed at the bottom of the map page in a normal form, and the application service card layer is displayed at the bottom of the map page. The advantage of this layout method is that it separates the operation area and the graphic part. The main operations are concentrated in the lower part, and users can easily use various functions in the application service card layer through gestures, which is suitable for users' habits of using mobile phones during travel.

所述预定的触发动作可以包括:自上而下的滑动动作、自下而上的滑动动作;针对应用页面的放大或缩小操作动作;针对应用页面的任意区域的点击动作。其中,滑动动作可以是用户的手势滑动动作,也可以是触摸笔等触摸设备的滑动动作。The predetermined trigger action may include: a top-down sliding action, a bottom-up sliding action; a zoom-in or zoom-out action for an application page; and a click action for any area of the application page. Wherein, the sliding action may be a user's gesture sliding action, or may be a sliding action of a touch device such as a touch pen.

当预定的触发动作为自上而下的滑动动作时,如果检测到的触发动作与自上而下的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置。其应用场景为:当用户需要查看服务卡片层覆盖的应用页面时,用户在应用服务卡片层上进行自上而下的手势滑动动作,应用程序检测手势滑动动作与自上而下的滑动动作相匹配,将应用服务卡片层从第一位置按照自上而下的方向,移动至应用页面上的第二位置。When the predetermined trigger action is a top-down sliding action, if the detected trigger action matches the top-down sliding action, the application service card layer at the first position on the application page will be displayed In a top-down direction, move to the second location on the app page. Its application scenario is: when the user needs to view the application page covered by the service card layer, the user performs a top-down gesture swipe action on the application service card layer, and the application detects that the gesture swipe action is related to the top-down swipe action. Match, move the application service card layer from the first position to the second position on the application page in a top-down direction.

当预定的触发动作为针对所述应用页面的放大或缩小操作动作或者针对所述应用页面的任意区域的点击动作时,如果检测到的触发动作与预定的触发动作相匹配,则将展示在应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置。其应用场景为:当用户通过手势对应用页面进行放大或缩小的操作动作或者用户点击应用页面的任意区域时,可以确定用户此时关注应用页面的信息,将应用服务卡片层从第一位置按照自上而下的方向,移动至应用页面上的第二位置。When the predetermined trigger action is a zoom-in or zoom-out operation action on the application page or a click action on any area of the application page, if the detected trigger action matches the predetermined trigger action, it will be displayed in the application The application service card layer at the first position on the page is moved to the second position on the application page in a top-down direction. Its application scenario is: when the user zooms in or out the application page through gestures or the user clicks on any area of the application page, it can be determined that the user is concerned about the information on the application page at this time, and the application service card layer is moved from the first position according to the Top-down direction, moves to the second position on the app page.

将应用服务卡片层展示至应用页面上的第二位置,可以切换应用页面的展示空间,方便用户浏览应用页面上的第一位置的信息。By displaying the application service card layer at the second position on the application page, the display space of the application page can be switched, and it is convenient for users to browse the information at the first position on the application page.

所述应用页面上的第二位置为所述应用页面上的第二底部位置;所述第二底部位置低于所述第一位置。如图4所示,应用服务卡片层以置底形式展示在应用页面的底部位置,将应用服务卡片层展示至应用页面上的第二底部位置,可以增加应用页面的展示空间,方便用户浏览应用页面的信息。The second position on the application page is a second bottom position on the application page; the second bottom position is lower than the first position. As shown in Figure 4, the application service card layer is displayed at the bottom of the application page in the form of the bottom, and the application service card layer is displayed at the second bottom position on the application page, which can increase the display space of the application page and facilitate users to browse the application page information.

当预定的触发动作为自下而上的滑动动作时,如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述应用页面上的第三位置。其应用场景为:当用户需要显示屏幕展示应用服务卡片层的更多功能和内容时,用户在应用服务卡片层上进行自下而上的手势滑动动作,应用程序检测手势滑动动作与自下而上的滑动动作相匹配,将应用服务卡片层按照自下而上的方向,移动至应用页面上的第三位置。When the predetermined trigger action is a bottom-up sliding action, if the detected trigger action matches the predetermined trigger action, the application service card layer displayed at the first position on the application page will be and up direction, move to the third position on the application page. Its application scenario is: when the user needs to display more functions and content of the application service card layer on the display screen, the user performs a bottom-up gesture sliding action on the application service card layer, and the application detects the gesture sliding action and bottom-up Matching the sliding action on , move the application service card layer to the third position on the application page in a bottom-up direction.

应用页面上的第三位置高于应用页面上的第一位置,为了更好地展示应用服务卡片层的信息,方便用户使用应用服务卡片层上的服务功能,应用页面上的第三位置可以为应用页面上的顶部位置。如图5所示,应用页面上的第三位置为应用页面上的顶部位置,应用服务卡片层可以以全屏形式展示在应用页面上,将应用服务卡片层以全屏形式展示在应用页面上,可以增加应用服务卡片层的展示空间,方便用户使用应用服务卡片层上的服务功能。The third position on the application page is higher than the first position on the application page. In order to better display the information of the application service card layer and facilitate users to use the service functions on the application service card layer, the third position on the application page can be The top position on the app page. As shown in Figure 5, the third position on the application page is the top position on the application page. The application service card layer can be displayed on the application page in full screen form, and the application service card layer can be displayed on the application page in full screen form. Increase the display space of the application service card layer to facilitate users to use the service functions on the application service card layer.

至此,对本申请第一实施例进行了详细介绍,本申请第一实施例提供的应用页面的处理方法,根据检测到的触发动作,将应用服务卡片层按照显示屏幕的预定方向移动至应用页面上的预定位置,方便用户在应用服务卡片层与应用页面进行切换,同时应用服务卡片层集合了多项快捷服务功能,为用户使用快捷服务功能提供了便利。So far, the first embodiment of the present application has been introduced in detail. The application page processing method provided in the first embodiment of the present application moves the application service card layer to the application page according to the predetermined direction of the display screen according to the detected trigger action. The preset location of the application service card layer is convenient for users to switch between the application page and the application service card layer. At the same time, the application service card layer integrates a number of shortcut service functions, which provides convenience for users to use the shortcut service functions.

在本申请第一实施例及其包含的优选实施例的基础上,为了方便用于查看感兴趣的功能卡片,还可以进一步包括:对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。On the basis of the first embodiment of the present application and the preferred embodiments included therein, for the convenience of viewing the function cards of interest, it may further include: sorting the function cards included in the application service card layer to obtain the function The application service card layer after card sorting.

所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:The sorting of the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the user's usage habits to obtain the application service card layer after the function cards are sorted.

具体的,根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,可以根据用户在最近一段时间使用或查看功能卡片的次数对所述应用服务卡片层包括的功能卡片进行排序,将用户在最近一段时间使用或查看次数较多的功能卡片排在应用服务卡片层的前面,将用户在最近一段时间使用或查看次数较少的功能卡片排在应用服务卡片层的后面。Specifically, the function cards included in the application service card layer are sorted according to the user's usage habits, and the function cards included in the application service card layer may be sorted according to the number of times the user uses or views the function cards in the most recent period, Arrange the function cards that the user has used or viewed more frequently in the front of the application service card layer, and arrange the function cards that the user has used or viewed less frequently in the recent period behind the application service card layer.

在本申请第一实施例及其包含的优选实施例的基础上,为了方便用户使用或查看感兴趣的功能卡片,提高用户的体验,还可以进一步包括:On the basis of the first embodiment of the present application and the preferred embodiments included therein, in order to facilitate users to use or view interested function cards and improve user experience, it may further include:

接收针对应用服务卡片层包括的功能卡片的选择触发;receiving a selection trigger for a function card included in the application service card layer;

根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the function cards to be displayed included in the application service card layer are determined.

所述根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片,包括:According to the selection trigger, determining the function cards to be displayed included in the application service card layer includes:

根据所述选择触发,将选择的功能卡片作为应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the selected function card is used as the function card to be displayed included in the application service card layer.

当应用服务卡片层包括的功能卡片的数量超过设定的数量阈值时,将应用服务卡片层包括的功能卡片全部展示出来,会影响用户使用或查看感兴趣的功能卡片,因此可以接收用户针对应用服务卡片层包括的功能卡片的选择触发,将选择的功能卡片作为应用服务卡片层包括的待展示的功能卡片。When the number of function cards included in the application service card layer exceeds the set threshold, displaying all the function cards included in the application service card layer will affect the use or view of the function cards that users are interested in. The selection of the function card included in the service card layer is triggered, and the selected function card is used as the function card to be displayed included in the application service card layer.

在本申请第一实施例及其包含的优选实施例的基础上,还可以进一步包括:将所述应用服务卡片层展示在所述应用页面上的第一位置;所述将所述应用服务卡片层展示在所述应用页面上的第一位置,包括:将所述应用服务卡片层叠加在所述应用页面上的第一位置进行展示。On the basis of the first embodiment of the present application and the preferred embodiments included therein, it may further include: displaying the application service card layer at the first position on the application page; Displaying the layer at the first position on the application page includes: superimposing the application service card layer on the first position on the application page for display.

在本申请第一实施例及其包含的优选实施例的基础上,还可以进一步包括:若读取到应用缓存业务数据,则将快捷启动所述缓存业务数据对应业务的卡片添加在所述应用服务卡片层中进行展示。On the basis of the first embodiment of the present application and the preferred embodiments included therein, it may further include: if the application cache business data is read, adding a card that quickly starts the service corresponding to the cache business data to the application Displayed in the service card layer.

本申请第二实施例提供一种地图页面的处理方法,下面结合图2至图6-1、6-2、6-3、6-3、6-5进行介绍。The second embodiment of the present application provides a method for processing a map page, which will be introduced below with reference to FIGS. 2 to 6-1, 6-2, 6-3, 6-3, and 6-5.

如图6-1所示,在步骤S601中,检测在展示有地图页面的显示屏幕上的触发动作。As shown in FIG. 6-1 , in step S601 , a trigger action on a display screen displaying a map page is detected.

所述地图页面,可以指地图应用中显示屏幕上显示的地图主图页面。The map page may refer to the main map page displayed on the display screen in the map application.

如图6-1所示,在步骤S602中,如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述地图页面上的预定位置。As shown in Figure 6-1, in step S602, if the detected trigger action matches the predetermined trigger action, the application service card layer displayed at the first position on the map page will be displayed according to the display screen to move to the predetermined location on the map page.

所述应用服务卡片层可以集合与地图页面相关的各种服务功能。所述应用服务卡片层可以包括搜索框组件、功能卡片、工具箱等,工具箱中包括各种快捷工具。例如,地图应用的应用服务卡片层可以包括搜索框组件、临时高命中功能卡片(能够高命中用户需求的卡片,其优先级较高,可以展示在搜索框下方)、工具箱、常用功能卡片等,其中,工具箱可以包括叫车服务、顺风车等快捷工具,常用功能卡片可以包括车主服务功能卡片、实时公交功能卡片等。如图2所示,其为应用服务卡片层的一个示例,2-1为搜索框、2-2为工具箱、2-3为功能卡片。车主服务功能卡片可以为车主提供限行查询、导航语音、违章查询等服务功能。The application service card layer can integrate various service functions related to the map page. The application service card layer may include a search box component, a function card, a toolbox, etc., and the toolbox includes various shortcut tools. For example, the application service card layer of a map application can include search box components, temporary high-hit function cards (cards that can highly hit user needs, have a higher priority and can be displayed below the search box), toolbox, common function cards, etc. , wherein the toolbox can include shortcut tools such as car-hailing service and ride-hailing, and commonly used function cards can include car owner service function cards, real-time bus function cards, and the like. As shown in Figure 2, it is an example of an application service card layer, 2-1 is a search box, 2-2 is a toolbox, and 2-3 is a function card. The car owner service function card can provide car owners with service functions such as traffic restriction inquiry, navigation voice, and violation inquiry.

在具体实施时,地图页面上的第一位置可以为地图页面上的任一位置,为了方便用户的操作,地图页面上的第一位置可以为地图页面上的第一底部位置。如图3所示,应用服务卡片层以常态形式展示在地图页面的底部位置,将应用服务卡片层展示在地图页面的底部位置,这种布局方式的优点在于分离了操作区域和图面部分,使主要操作都集中在下半部分,用户可以通过手势方便地使用应用服务卡片层中的各种功能,适合用户出行中使用手机的习惯。During specific implementation, the first position on the map page may be any position on the map page, and for the convenience of the user's operation, the first position on the map page may be the first bottom position on the map page. As shown in Figure 3, the application service card layer is displayed at the bottom of the map page in a normal form, and the application service card layer is displayed at the bottom of the map page. The advantage of this layout method is that it separates the operation area and the graphic part. The main operations are concentrated in the lower part, and users can easily use various functions in the application service card layer through gestures, which is suitable for users' habits of using mobile phones during travel.

所述预定的触发动作可以包括:自上而下的滑动动作、自下而上的滑动动作;针对应用页面的放大或缩小操作动作;针对应用页面的任意区域的点击动作。其中,滑动动作可以是用户的手势滑动动作,也可以是触摸笔等触摸设备的滑动动作。The predetermined trigger action may include: a top-down sliding action, a bottom-up sliding action; a zoom-in or zoom-out action for an application page; and a click action for any area of the application page. Wherein, the sliding action may be a user's gesture sliding action, or may be a sliding action of a touch device such as a touch pen.

当预定的触发动作为自上而下的滑动动作时,如果检测到的触发动作与自上而下的滑动动作相匹配,则将展示在地图页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至地图页面上的第二位置。其应用场景为:当用户需要查看服务卡片层覆盖的地图页面时,用户在应用服务卡片层上进行自上而下的手势滑动动作,应用程序检测到手势滑动动作与自上而下的滑动动作相匹配,将应用服务卡片层从第一位置按照自上而下的方向移动至地图页面上的第二位置。When the predetermined triggering action is a top-down sliding action, if the detected triggering action matches the top-down sliding action, the application service card layer displayed at the first position on the map page will be displayed according to the automatic Up-down direction to move to the second location on the map page. Its application scenario is: when the user needs to view the map page covered by the service card layer, the user performs a top-down gesture swipe action on the application service card layer, and the application detects the gesture swipe action and the top-down swipe action To match, move the application service card layer from the first position to the second position on the map page in a top-down direction.

当预定的触发动作为针对地图页面的放大或缩小操作动作或者针对地图页面的任意区域的点击动作时,如果检测到的触发动作与预定的触发动作相匹配,则将展示在地图页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至地图页面上的第二位置展示;展示在所述地图页面上的第一位置的应用服务卡片层的高度高于移动至所述地图页面上的第二位置展示的应用服务卡片层的高度。其应用场景为:当用户通过手势对地图页面进行放大或缩小的操作动作或者用户点击地图页面的任意区域时,可以确定用户此时关注地图页面的信息,应用程序将应用服务卡片层从第一位置按照自上而下的方向移动至地图页面上的第二位置。When the predetermined trigger action is a zoom-in or zoom-out action on the map page or a click action on any area of the map page, if the detected trigger action matches the predetermined trigger action, the first displayed on the map page will be displayed. The application service card layer of a location is moved to the second location on the map page for display in a top-down direction; the height of the application service card layer displayed at the first location on the map page is higher than that moved to the The height of the application service card layer displayed in the second position on the map page. Its application scenario is: when the user zooms in or zooms out the map page through gestures or the user clicks on any area of the map page, it can be determined that the user is concerned about the information on the map page at this time, and the application will switch the application service card layer from the first The location moves to the second location on the map page in a top-down direction.

将应用服务卡片层展示至地图页面上的第二位置,可以切换地图页面的展示空间,方便用户浏览地图页面上的第一位置的信息。By displaying the application service card layer at the second position on the map page, the display space of the map page can be switched, and it is convenient for the user to browse the information of the first position on the map page.

地图页面上的第二位置可以为应用页面上的第二底部位置;所述第二底部位置低于所述第一位置。如图4所示,应用服务卡片层以置底形式展示在地图页面的底部位置,将应用服务卡片层展示至地图页面上的第二底部位置,可以增加地图页面的展示空间,方便用户浏览地图页面的信息。The second position on the map page may be a second bottom position on the application page; the second bottom position is lower than the first position. As shown in Figure 4, the application service card layer is displayed at the bottom of the map page in the form of the bottom, and the application service card layer is displayed at the second bottom position on the map page, which can increase the display space of the map page and facilitate users to browse the map page information.

当预定的触发动作为自下而上的滑动动作时,如果检测到的触发动作与预定的触发动作相匹配,则将展示在地图页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至地图页面上的第三位置展示;展示在所述地图页面上的第一位置的应用服务卡片层的高度低于移动至所述地图页面上的第三位置展示的应用服务卡片层的高度。其应用场景为:当用户需要显示屏幕展示应用服务卡片层的更多功能和内容时,用户在应用服务卡片层上进行自下而上的手势滑动动作,应用程序检测手势滑动动作与自下而上的滑动动作相匹配,将应用服务卡片层按照自下而上的方向,移动至地图页面上的第三位置。When the predetermined trigger action is a bottom-up sliding action, if the detected trigger action matches the predetermined trigger action, the application service card layer displayed at the first position on the map page will be displayed in a bottom-up , move to the third location on the map page for display; the height of the application service card layer displayed at the first location on the map page is lower than that of the application service card displayed at the third location on the map page layer height. Its application scenario is: when the user needs to display more functions and content of the application service card layer on the display screen, the user performs a bottom-up gesture sliding action on the application service card layer, and the application detects the gesture sliding action and bottom-up Matching the sliding action on , move the application service card layer to the third position on the map page in a bottom-up direction.

地图页面上的第三位置高于地图页面上的第一位置,为了更好地展示应用服务卡片层的信息,方便用户使用应用服务卡片层上的服务功能,地图页面上的第三位置可以为地图页面上的顶部位置。如图5所示,地图页面上的第三位置为地图页面上的顶部位置,应用服务卡片层以全屏形式展示在地图页面上。将应用服务卡片层以全屏形式展示在地图页面上,可以增加应用服务卡片层的展示空间,方便用户使用应用服务卡片层上的服务功能。The third position on the map page is higher than the first position on the map page. In order to better display the information of the application service card layer and facilitate users to use the service functions on the application service card layer, the third position on the map page can be Top location on the map page. As shown in FIG. 5 , the third position on the map page is the top position on the map page, and the application service card layer is displayed on the map page in full screen. Displaying the application service card layer on the map page in full screen can increase the display space of the application service card layer and facilitate users to use the service functions on the application service card layer.

作为一个实施例,所述工具箱包含快捷工具,当应用服务卡片层展示在所述地图页面上的第一位置时,在应用服务卡片层中展示一行快捷工具,如图3所示;当应用服务卡片层展示在地图页面上的第三位置时,在应用服务卡片层中展示至少两行快捷工具,如图5所示。在具体实施时,由应用服务卡片层展示在地图页面上的第一位置移动至应用服务卡片层展示在地图页面上的第三位置时,其移动的过程可以以动画显示,通过动画的方式将工具栏中隐藏的第二行快捷工具显示出来。图6-6至图6-8显示了动态过程,图6-6-1为第一位置时工具箱的显示状态;图6-7-1为从第一位置至第三位置移动过程中工具箱的显示状态;图6-8-1为移动至第三位置移动过程中工具箱的显示状态。As an embodiment, the toolbox includes shortcut tools. When the application service card layer is displayed at the first position on the map page, a row of shortcut tools is displayed in the application service card layer, as shown in FIG. 3; When the service card layer is displayed at the third position on the map page, at least two rows of shortcut tools are displayed in the application service card layer, as shown in FIG. 5 . During specific implementation, when the first position displayed on the map page by the application service card layer is moved to the third position displayed on the map page by the application service card layer, the moving process can be displayed in animation, and the The second line of shortcut tools hidden in the toolbar is displayed. Figure 6-6 to Figure 6-8 show the dynamic process, Figure 6-6-1 is the display state of the toolbox at the first position; Figure 6-7-1 is the tool in the process of moving from the first position to the third position The display state of the box; Figure 6-8-1 shows the display state of the toolbox during the movement to the third position.

至此,对本申请第二实施例进行了详细介绍,本申请第二实施例提供的地图页面的处理方法,根据检测到的触发动作,将应用服务卡片层按照显示屏幕的预定方向移动至地图页面上的预定位置,方便用户在应用服务卡片层与地图页面进行切换,同时应用服务卡片层集合了多项快捷服务功能,为用户使用快捷服务功能提供了便利。So far, the second embodiment of the present application has been introduced in detail. The map page processing method provided in the second embodiment of the present application moves the application service card layer to the map page according to the predetermined direction of the display screen according to the detected trigger action. It is convenient for users to switch between the application service card layer and the map page. At the same time, the application service card layer integrates a number of shortcut service functions, which provides convenience for users to use the shortcut service functions.

在本申请第二实施例及其包含的优选实施例的基础上,还可以进一步包括:将搜索框组件展示在应用服务卡片层的顶部位置。当应用服务卡片层位于地图页面的第一底部位置时,更好地解决了单手操作搜索的舒适性。On the basis of the second embodiment of the present application and the preferred embodiments included therein, it may further include: displaying the search box component at the top position of the application service card layer. When the application service card layer is located at the first bottom position of the map page, the comfort of one-handed search is better solved.

在本申请第二实施例及其包含的优选实施例的基础上,为了方便用于查看感兴趣的功能卡片,还可以进一步包括:对应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。On the basis of the second embodiment of the present application and the preferred embodiments included therein, for the convenience of viewing the function cards of interest, it may further include: sorting the function cards included in the application service card layer to obtain the function card sorting After the application service card layer.

所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:The sorting of the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户所在的地理位置或者根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the geographical location of the user or according to the usage habits of the user, to obtain the application service card layer after the function cards are sorted.

具体的,根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,可以根据用户在最近一段时间使用或查看功能卡片的次数对所述应用服务卡片层包括的功能卡片进行排序,将用户在最近一段时间使用或查看次数较多的功能卡片排在应用服务卡片层的前面,将用户在最近一段时间使用或查看次数较少的功能卡片排在应用服务卡片层的后面。根据用户所在的地理位置对应用服务卡片层包括的功能卡片进行排序,可以包括当用户在本地工作时,可以将车主服务功能卡片排在前面;当用户处在外地时,可以将叫车服务功能卡片排在前面。Specifically, the function cards included in the application service card layer are sorted according to the user's usage habits, and the function cards included in the application service card layer may be sorted according to the number of times the user uses or views the function cards in the most recent period, Arrange the function cards that the user has used or viewed more frequently in the front of the application service card layer, and arrange the function cards that the user has used or viewed less frequently in the recent period behind the application service card layer. Sort the function cards included in the application service card layer according to the geographical location of the user. It can include that when the user is working locally, the car owner service function card can be arranged in the front; Cards come first.

在本申请第二实施例及其包含的优选实施例的基础上,为了方便用户使用或查看感兴趣的功能卡片,提高用户的体验,还可以进一步包括:On the basis of the second embodiment of the present application and the preferred embodiments included therein, in order to facilitate users to use or view interested function cards and improve user experience, it may further include:

接收针对应用服务卡片层包括的功能卡片的选择触发;receiving a selection trigger for a function card included in the application service card layer;

根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the function cards to be displayed included in the application service card layer are determined.

所述根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片,包括:According to the selection trigger, determining the function cards to be displayed included in the application service card layer includes:

根据所述选择触发,将选择的功能卡片作为应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the selected function card is used as the function card to be displayed included in the application service card layer.

当应用服务卡片层包括的功能卡片的数量超过设定的数量阈值时,将应用服务卡片层包括的功能卡片全部展示出来,会影响用户使用或查看感兴趣的功能卡片,因此可以接收用户针对应用服务卡片层包括的功能卡片的选择触发,将选择的功能卡片作为应用服务卡片层包括的待展示的功能卡片。When the number of function cards included in the application service card layer exceeds the set threshold, displaying all the function cards included in the application service card layer will affect the use or view of the function cards that users are interested in. The selection of the function card included in the service card layer is triggered, and the selected function card is used as the function card to be displayed included in the application service card layer.

在本申请第二实施例及其包含的优选实施例的基础上,还可以进一步包括:将所述应用服务卡片层展示在所述应用页面上的第一位置;所述将所述应用服务卡片层展示在所述应用页面上的第一位置,包括:将所述应用服务卡片层叠加在所述应用页面上的第一位置进行展示。On the basis of the second embodiment of the present application and the preferred embodiments included therein, it may further include: displaying the application service card layer at the first position on the application page; Displaying the layer at the first position on the application page includes: superimposing the application service card layer on the first position on the application page for display.

在本申请第二实施例及其包含的优选实施例的基础上,还可以进一步包括:将临时通知层叠加在应用服务卡片层上进行展示。On the basis of the second embodiment of the present application and the preferred embodiments included therein, it may further include: superimposing the temporary notification layer on the application service card layer for display.

所述临时通知层,指展示临时通知消息的图层。The temporary notification layer refers to a layer displaying temporary notification messages.

在本申请第二实施例及其包含的优选实施例的基础上,还可以进一步包括:将图面控件层叠加在地图页面上与应用服务卡片层不同的位置进行展示。On the basis of the second embodiment of the present application and the preferred embodiments included therein, it may further include: superimposing the graphic control layer on the map page at a position different from that of the application service card layer for display.

所述图面控件,指浮在地图上的控件,包括探索附近、路线、定位、图层、消息、个人中心等。如图6-2所示,图面控件包括探索附近控件。探索附近控件中的“附近”控件显示的文字内容随位置变化,如图6-5所示,探索附近控件显示为“探索杭州”。The surface control refers to the control floating on the map, including exploring nearby, route, positioning, layer, message, personal center and so on. As shown in Figure 6-2, surface controls include an Explore Nearby control. The text content displayed by the "Nearby" control in the Explore Nearby control changes with the position, as shown in Figure 6-5, the Explore Nearby control is displayed as "Explore Hangzhou".

所述图面控件层,指包括图面控件的图层。The surface control layer refers to a layer including the surface control.

所述方法进一步包括:The method further comprises:

接收用户针对地图页面上的兴趣点的选择触发;Receive a user's selection trigger for a point of interest on the map page;

将兴趣点的名称以及与兴趣点相关的推送信息显示在探索附近控件上。Display the name of the point of interest and the push information related to the point of interest on the explore nearby control.

用户在地图上选定兴趣点时,文字显示“兴趣点附近”及相关的推送消息。推送消息,比如天气或者限行等。例如,商圈附近(如图6-3所示,在探索附近控件上显示“凯德Mall”)、景区附近显示(如图6-4所示,在探索附近控件上显示“西湖附近”)、探索城市(如图6-5所示,在探索附近控件上显示“探索杭州”)等。When the user selects a point of interest on the map, the text will display "near the point of interest" and related push messages. Push news, such as weather or travel restrictions, etc. For example, near the business district (as shown in Figure 6-3, "CapitaMall" is displayed on the explore nearby control), and near the scenic spot (as shown in Figure 6-4, "near the West Lake" is displayed on the explore nearby control) , explore the city (as shown in Figure 6-5, "explore Hangzhou" is displayed on the control near the explore), etc.

与本申请第一实施例提供的一种应用页面的处理方法相对应的,本申请第三实施例还提供了一种应用页面的处理装置。Corresponding to the method for processing an application page provided in the first embodiment of the present application, the third embodiment of the present application further provides an apparatus for processing an application page.

如图7所示,所述应用页面的处理装置,包括:As shown in Figure 7, the processing device of the application page includes:

触发动作检测单元701,用于检测在展示有应用页面的显示屏幕上的触发动作;A trigger action detection unit 701, configured to detect a trigger action on a display screen displaying an application page;

应用服务卡片层移动单元702,用于如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置。An application service card layer moving unit 702, configured to move the application service card layer displayed at the first position on the application page according to the predetermined direction of the display screen if the detected trigger action matches the predetermined trigger action to move to a predetermined location on the application page.

可选的,所述应用页面上的第一位置,包括:Optionally, the first location on the application page includes:

所述应用页面上的第一底部位置。The first bottom position on the app page.

可选的,所述预定的触发动作为自上而下的滑动动作;Optionally, the predetermined triggering action is a top-down sliding action;

所述应用服务卡片层移动单元,具体用于:The application service card layer mobile unit is specifically used for:

如果检测到的触发动作与自上而下的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置。If the detected trigger action matches the top-down sliding action, move the application service card layer displayed at the first position on the application page to the application page in a top-down direction the second position of .

可选的,所述预定的触发动作包括以下至少一种动作:Optionally, the predetermined trigger action includes at least one of the following actions:

针对所述应用页面的放大或缩小操作动作;A zoom-in or zoom-out operation for the application page;

针对所述应用页面的任意区域的点击动作;A click action on any area of the application page;

所述应用服务卡片层移动单元,具体用于:The application service card layer mobile unit is specifically used for:

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the application page to the second position on the application page in a top-down direction. Location.

可选的,所述应用页面上的第二位置为所述应用页面上的第二底部位置;所述第二底部位置低于所述第一位置。Optionally, the second position on the application page is a second bottom position on the application page; the second bottom position is lower than the first position.

可选的,所述预定的触发动作为自下而上的滑动动作;Optionally, the predetermined trigger action is a bottom-up sliding action;

所述应用服务卡片层移动单元,具体用于:如果检测到的触发动作与自下而上的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述应用页面上的第三位置。The application service card layer moving unit is specifically configured to: if the detected trigger action matches the bottom-up sliding action, then move the application service card layer displayed at the first position on the application page according to its own Down-up direction, moves to the third position on the application page.

可选的,所述应用页面上的第三位置为应用页面上的顶部位置。Optionally, the third position on the application page is the top position on the application page.

可选的,所述装置还包括:功能卡片排序单元,用于对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。Optionally, the device further includes: a function card sorting unit, configured to sort the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted.

可选的,所述功能卡片排序单元,具体用于:Optionally, the functional card sorting unit is specifically used for:

根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the user's usage habits to obtain the application service card layer after the function cards are sorted.

可选的,所述装置还包括:Optionally, the device also includes:

选择触发接收单元,用于接收针对应用服务卡片层包括的功能卡片的选择触发;The selection trigger receiving unit is used to receive the selection trigger for the function cards included in the application service card layer;

待展示的功能卡片确定单元,用于根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片。The function card to be displayed determining unit is configured to determine the function card to be displayed included in the application service card layer according to the selection trigger.

可选的,所述待展示的功能卡片确定单元,具体用于:Optionally, the function card determination unit to be displayed is specifically used for:

根据所述选择触发,将选择的功能卡片作为应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the selected function card is used as the function card to be displayed included in the application service card layer.

可选的,所述装置还包括:应用服务卡片层展示单元,用于将所述应用服务卡片层展示在所述应用页面上的第一位置;Optionally, the device further includes: an application service card layer display unit, configured to display the application service card layer at the first position on the application page;

所述应用服务卡片层展示单元,具体用于:The application service card layer display unit is specifically used for:

将所述应用服务卡片层叠加在所述应用页面上的第一位置进行展示。The application service card layer is superimposed on the first position on the application page for display.

可选的,所述装置还包括:Optionally, the device also includes:

缓存业务数据业务卡片展示单元,用于若读取到应用缓存业务数据,则将快捷启动所述缓存业务数据对应业务的卡片添加在所述应用服务卡片层中进行展示。The cached service data service card display unit is configured to add a card for quickly starting the service corresponding to the cached service data to the application service card layer for display if the application cached service data is read.

需要说明的是,对于本申请第三实施例提供的应用页面的处理装置的详细描述可以参考对本申请第一实施例的相关描述,这里不再赘述。It should be noted that, for the detailed description of the device for processing the application page provided by the third embodiment of the present application, reference may be made to the relevant description of the first embodiment of the present application, and details are not repeated here.

与本申请第一实施例提供的一种应用页面的处理方法相对应的,本申请第四实施例还提供了一种电子设备。Corresponding to the method for processing an application page provided in the first embodiment of the present application, the fourth embodiment of the present application further provides an electronic device.

如图8所示,所述电子设备,包括:As shown in Figure 8, the electronic equipment includes:

处理器801;以及processor 801; and

存储器802,用于存储应用页面的处理方法的程序,该设备通电并通过所述处理器运行该应用页面的处理方法的程序后,执行下述步骤:The memory 802 is used to store the program of the processing method of the application page. After the device is powered on and runs the program of the processing method of the application page through the processor, the following steps are performed:

检测在展示有应用页面的显示屏幕上的触发动作;detecting a trigger action on a display screen displaying an application page;

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the application page to the predetermined position on the application page according to the predetermined direction of the display screen. Location.

可选的,所述应用页面上的第一位置,包括:Optionally, the first location on the application page includes:

所述应用页面上的第一底部位置。The first bottom position on the app page.

可选的,所述预定的触发动作为自上而下的滑动动作;Optionally, the predetermined triggering action is a top-down sliding action;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the application page to the application page according to the predetermined direction of the display screen predetermined positions, including:

如果检测到的触发动作与自上而下的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置。If the detected trigger action matches the top-down sliding action, move the application service card layer displayed at the first position on the application page to the application page in a top-down direction the second position of .

可选的,所述预定的触发动作包括以下至少一种动作:Optionally, the predetermined trigger action includes at least one of the following actions:

针对所述应用页面的放大或缩小操作动作;A zoom-in or zoom-out operation for the application page;

针对所述应用页面的任意区域的点击动作;A click action on any area of the application page;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the application page to the application page according to the predetermined direction of the display screen predetermined positions, including:

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自上而下的方向,移动至所述应用页面上的第二位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the application page to the second position on the application page in a top-down direction. Location.

可选的,所述应用页面上的第二位置为所述应用页面上的第二底部位置;所述第二底部位置低于所述第一位置。Optionally, the second position on the application page is a second bottom position on the application page; the second bottom position is lower than the first position.

可选的,所述预定的触发动作为自下而上的滑动动作;Optionally, the predetermined trigger action is a bottom-up sliding action;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:如果检测到的触发动作与自下而上的滑动动作相匹配,则将展示在所述应用页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述应用页面上的第三位置。If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the application page to the application page according to the predetermined direction of the display screen , including: if the detected trigger action matches the bottom-up sliding action, moving the application service card layer displayed at the first position on the application page in a bottom-up direction to the third location on the app page.

可选的,所述应用页面上的第三位置为应用页面上的顶部位置。Optionally, the third position on the application page is the top position on the application page.

可选的,所述电子设备还执行下述步骤:对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。Optionally, the electronic device further executes the following step: sorting the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted.

可选的,所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:Optionally, the sorting the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the user's usage habits to obtain the application service card layer after the function cards are sorted.

可选的,所述电子设备还执行下述步骤:Optionally, the electronic device also performs the following steps:

接收针对应用服务卡片层包括的功能卡片的选择触发;receiving a selection trigger for a function card included in the application service card layer;

根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the function cards to be displayed included in the application service card layer are determined.

可选的,所述根据所述选择触发,确定应用服务卡片层包括的待展示的功能卡片,包括:Optionally, according to the selection trigger, determining the function cards to be displayed included in the application service card layer includes:

根据所述选择触发,将选择的功能卡片作为应用服务卡片层包括的待展示的功能卡片。According to the selection trigger, the selected function card is used as the function card to be displayed included in the application service card layer.

可选的,所述电子设备还执行下述步骤:将所述应用服务卡片层展示在所述应用页面上的第一位置;Optionally, the electronic device further performs the following step: displaying the application service card layer at the first position on the application page;

所述将所述应用服务卡片层展示在所述应用页面上的第一位置,包括:The displaying the application service card layer at the first position on the application page includes:

将所述应用服务卡片层叠加在所述应用页面上的第一位置进行展示。The application service card layer is superimposed on the first position on the application page for display.

可选的,所述电子设备还执行下述步骤:Optionally, the electronic device also performs the following steps:

若读取到应用缓存业务数据,则将快捷启动所述缓存业务数据对应业务的卡片添加在所述应用服务卡片层中进行展示。If the application cache service data is read, a card for quickly starting the service corresponding to the cache service data is added to the application service card layer for display.

需要说明的是,对于本申请第四实施例提供的电子设备的详细描述可以参考对本申请第一实施例的相关描述,这里不再赘述。It should be noted that, for the detailed description of the electronic device provided in the fourth embodiment of the present application, reference may be made to the relevant description of the first embodiment of the present application, and details are not repeated here.

与本申请第二实施例提供的一种地图页面的处理方法相对应的,本申请第五实施例还提供了一种地图页面的处理装置。Corresponding to the method for processing a map page provided in the second embodiment of the present application, the fifth embodiment of the present application further provides an apparatus for processing a map page.

如图9所示,所述地图页面的处理装置,包括:As shown in Figure 9, the processing device of the map page includes:

触发动作检测单元901,用于检测在展示有地图页面的显示屏幕上的触发动作;A trigger action detection unit 901, configured to detect a trigger action on a display screen displaying a map page;

应用服务卡片层移动单元902,用于如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述地图页面上的预定位置。An application service card layer moving unit 902, configured to move the application service card layer displayed at the first position on the map page according to the predetermined direction of the display screen if the detected trigger action matches the predetermined trigger action to move to a predetermined location on the map page.

可选的,所述应用服务卡片层,包括搜索框组件;Optionally, the application service card layer includes a search box component;

所述装置还包括:The device also includes:

搜索框组件展示单元,用于将所述搜索框组件展示在所述应用服务卡片层的顶部位置。The search box component display unit is configured to display the search box component at the top of the application service card layer.

可选的,所述应用服务卡片层包括至少两个功能卡片;所述装置还包括:功能卡片排序单元,用于对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。Optionally, the application service card layer includes at least two function cards; the device further includes: a function card sorting unit, configured to sort the function cards included in the application service card layer, to obtain the sorted function cards Application service card layer.

可选的,所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:Optionally, the sorting the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户所在的地理位置或者用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the geographical location of the user or the usage habits of the user, to obtain the application service card layer after the function cards are sorted.

可选的,所述装置还包括:地图页面展示单元,用于将所述应用服务卡片层展示在所述地图页面上的第一位置;Optionally, the device further includes: a map page display unit, configured to display the application service card layer at the first position on the map page;

所述地图页面展示单元,具体用于:The map page display unit is specifically used for:

将所述应用服务卡片层叠加在所述地图页面上的第一位置进行展示。The application service card layer is superimposed on the first position on the map page for display.

可选的,所述装置还包括:Optionally, the device also includes:

临时通知层展示单元,用于将临时通知层叠加在所述应用服务卡片层上进行展示。The temporary notification layer display unit is configured to superimpose the temporary notification layer on the application service card layer for display.

可选的,所述装置还包括:Optionally, the device also includes:

图面控制层展示单元,用于将图面控制层叠加在所述地图页面上与所述应用服务卡片层不同的位置进行展示。The graphic control layer display unit is configured to superimpose the graphic control layer on the map page at a position different from that of the application service card layer for display.

可选的,所述图面控制层包括探索附近控件。Optionally, the graphic control layer includes an explore nearby control.

可选的,所述装置还包括:Optionally, the device also includes:

兴趣点的选择触发单元,用于接收用户针对地图页面上的兴趣点的选择触发;A point of interest selection trigger unit, configured to receive a user's selection trigger for a point of interest on the map page;

探索附近控件显示单元,用于将兴趣点的名称以及与兴趣点相关的推送信息显示在探索附近控件上。The explore nearby control display unit is configured to display the name of the point of interest and push information related to the point of interest on the explore nearby control.

可选的,所述预定的触发动作为自下而上的滑动动作;Optionally, the predetermined trigger action is a bottom-up sliding action;

所述应用服务卡片层移动单元,具体用于:如果检测到的触发动作与自下而上的滑动动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述地图页面上的第三位置展示;展示在所述应用页面上的第一位置的应用服务卡片层的高度低于移动至所述应用页面上的第三位置展示的应用服务卡片层的高度。The application service card layer mobile unit is specifically configured to: if the detected trigger action matches the bottom-up sliding action, then display the application service card layer at the first position on the map page according to its own Bottom-up direction, moving to the third position on the map page; the height of the application service card layer displayed at the first position on the application page is lower than that of moving to the third position on the application page The height of the displayed app service card layer.

可选的,所述应用服务卡片层包括:工具箱;所述工具箱包含工具控件,当所述应用服务卡片层展示在所述地图页面上的第一位置时,在应用服务卡片层中展示一行工具控件;当所述应用服务卡片层展示在所述地图页面上的第三位置时,在应用服务卡片层中展示至少两行工具控件。Optionally, the application service card layer includes: a toolbox; the toolbox contains a tool control, and when the application service card layer is displayed at the first position on the map page, it is displayed in the application service card layer A row of tool controls; when the application service card layer is displayed at the third position on the map page, at least two rows of tool controls are displayed in the application service card layer.

需要说明的是,对于本申请第五实施例提供的装置的详细描述可以参考对本申请第二实施例的相关描述,这里不再赘述。It should be noted that for the detailed description of the device provided in the fifth embodiment of the present application, reference may be made to the relevant description of the second embodiment of the present application, and details are not repeated here.

与本申请第二实施例提供的一种地图页面的处理方法相对应的,本申请第六实施例还提供了一种电子设备。Corresponding to the method for processing a map page provided in the second embodiment of the present application, the sixth embodiment of the present application further provides an electronic device.

如图10所示,所述电子设备,包括:As shown in Figure 10, the electronic equipment includes:

处理器1001;以及processor 1001; and

存储器1002,用于存储地图页面的处理方法的程序,该设备通电并通过所述处理器运行该地图页面的处理方法的程序后,执行下述步骤:The memory 1002 is used to store the program of the processing method of the map page. After the device is powered on and runs the program of the processing method of the map page through the processor, the following steps are performed:

检测在展示有地图页面的显示屏幕上的触发动作;detecting a trigger action on a display screen displaying a map page;

如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述地图页面上的预定位置。If the detected trigger action matches the predetermined trigger action, move the application service card layer displayed at the first position on the map page to the predetermined position on the map page according to the predetermined direction of the display screen. Location.

可选的,所述应用服务卡片层,包括搜索框组件;Optionally, the application service card layer includes a search box component;

所述方法进一步包括:The method further comprises:

将所述搜索框组件展示在所述应用服务卡片层的顶部位置。The search box component is displayed at the top of the application service card layer.

可选的,所述应用服务卡片层包括至少两个功能卡片;所述电子设备还执行下述步骤:对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。Optionally, the application service card layer includes at least two function cards; the electronic device further performs the following steps: sorting the function cards included in the application service card layer to obtain the application service cards after the function cards are sorted layer.

可选的,所述对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层,包括:Optionally, the sorting the function cards included in the application service card layer to obtain the application service card layer after the function cards are sorted includes:

根据用户所在的地理位置或者用户的使用习惯对所述应用服务卡片层包括的功能卡片进行排序,得到功能卡片排序后的应用服务卡片层。The function cards included in the application service card layer are sorted according to the geographical location of the user or the usage habits of the user, to obtain the application service card layer after the function cards are sorted.

可选的,所述电子设备还执行下述步骤:将所述应用服务卡片层展示在所述地图页面上的第一位置;Optionally, the electronic device further performs the following step: displaying the application service card layer at the first position on the map page;

所述将所述应用服务卡片层展示在所述地图页面上的第一位置,包括:The displaying the application service card layer at the first position on the map page includes:

将所述应用服务卡片层叠加在所述地图页面上的第一位置进行展示。The application service card layer is superimposed on the first position on the map page for display.

可选的,所述电子设备还执行下述步骤:Optionally, the electronic device also performs the following steps:

将临时通知层叠加在所述应用服务卡片层上进行展示。The temporary notification layer is superimposed on the application service card layer for display.

可选的,所述电子设备还执行下述步骤:Optionally, the electronic device also performs the following steps:

将图面控制层叠加在所述地图页面上与所述应用服务卡片层不同的位置进行展示。The graphic control layer is superimposed on the map page at a position different from that of the application service card layer for display.

可选的,所述图面控制层包括探索附近控件。Optionally, the graphic control layer includes an explore nearby control.

可选的,所述电子设备进执行下述步骤:Optionally, the electronic device performs the following steps:

接收用户针对地图页面上的兴趣点的选择触发;Receive a user's selection trigger for a point of interest on the map page;

将兴趣点的名称以及与兴趣点相关的推送信息显示在探索附近控件上。Display the name of the point of interest and the push information related to the point of interest on the explore nearby control.

可选的,所述预定的触发动作为自下而上的滑动动作;Optionally, the predetermined trigger action is a bottom-up sliding action;

所述如果检测到的触发动作与预定的触发动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照所述显示屏幕的预定方向,移动至所述应用页面上的预定位置,包括:如果检测到的触发动作与自下而上的滑动动作相匹配,则将展示在所述地图页面上的第一位置的应用服务卡片层按照自下而上的方向,移动至所述地图页面上的第三位置展示;展示在所述应用页面上的第一位置的应用服务卡片层的高度低于移动至所述应用页面上的第三位置展示的应用服务卡片层的高度。If the detected trigger action matches the predetermined trigger action, moving the application service card layer displayed at the first position on the map page to the application page according to the predetermined direction of the display screen , including: if the detected trigger action matches the bottom-up sliding action, moving the application service card layer displayed at the first position on the map page in a bottom-up direction Displayed at the third position on the map page; the height of the application service card layer displayed at the first position on the application page is lower than that of the application service card layer displayed at the third position on the application page high.

可选的,所述应用服务卡片层包括:工具箱;所述工具箱包含工具控件,当所述应用服务卡片层展示在所述地图页面上的第一位置时,在应用服务卡片层中展示一行工具控件;当所述应用服务卡片层展示在所述地图页面上的第三位置时,在应用服务卡片层中展示至少两行工具控件。Optionally, the application service card layer includes: a toolbox; the toolbox contains a tool control, and when the application service card layer is displayed at the first position on the map page, it is displayed in the application service card layer A row of tool controls; when the application service card layer is displayed at the third position on the map page, at least two rows of tool controls are displayed in the application service card layer.

需要说明的是,对于本申请第六实施例提供的电子设备的详细描述可以参考对本申请第二实施例的相关描述,这里不再赘述。It should be noted that, for the detailed description of the electronic device provided in the sixth embodiment of the present application, reference may be made to the relevant description of the second embodiment of the present application, and details are not repeated here.

本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。Although the present application is disclosed as above with preferred embodiments, it is not used to limit the present application. Any person skilled in the art can make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the present application The scope of protection should be based on the scope defined by the claims of this application.

在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。Memory may include non-permanent storage in computer readable media, in the form of random access memory (RAM) and/or nonvolatile memory such as read only memory (ROM) or flash RAM. Memory is an example of computer readable media.

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。Computer-readable media, including both permanent and non-permanent, removable and non-removable media, can be implemented by any method or technology for storage of information. Information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory (ROM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Flash memory or other memory technology, Compact Disc Read-Only Memory (CD-ROM), Digital Versatile Disc (DVD) or other optical storage, Magnetic tape cartridge, tape magnetic disk storage or other magnetic storage device or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media excludes non-transitory computer-readable media, such as modulated data signals and carrier waves.

本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art should understand that the embodiments of the present application may be provided as methods, systems or computer program products. Accordingly, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.

Claims (11)

1. A method for processing a map page, comprising:
detecting a trigger action on a display screen on which a map page is displayed;
if the detected trigger action is matched with the preset trigger action, moving the application service card layer displayed at the first position on the map page to the preset position on the map page according to the preset direction of the display screen, wherein the height of the application service card layer at the first position on the map page is lower than that of the application service card layer displayed at the preset position on the map page;
wherein the application service card layer comprises: a tool box; the toolbox contains tool controls that show at least two rows of tool controls in the application service card layer when the application service card layer moves from the first position to the predetermined position.
2. The method of claim 1, wherein the application services card layer comprises a search box component;
the method further comprises:
the search box component is displayed at a top position of the application service card layer.
3. The method of claim 1, wherein the application services card layer comprises at least two function cards; the method further comprises: and sequencing the function cards included in the application service card layer to obtain an application service card layer after sequencing the function cards.
4. The method of claim 3, wherein the sorting the function cards included in the application service card layer to obtain the application service card layer with the function cards sorted, includes:
and sequencing the function cards included in the application service card layer according to the geographic position of the user or the use habit of the user to obtain the application service card layer after sequencing the function cards.
5. The method according to claim 1, wherein the method further comprises:
and superposing a drawing control layer on the map page at a position different from the application service card layer for display.
6. The method of claim 5, wherein the drawing control layer includes exploring nearby controls.
7. The method according to claim 6, wherein the method further comprises:
receiving a selection trigger of a user for interest points on a map page;
and displaying the names of the points of interest and push information related to the points of interest on the exploration nearby control.
8. The method of claim 1, wherein the predetermined trigger action is a bottom-up sliding action;
And if the detected trigger action is matched with the preset trigger action, moving the application service card layer displayed at the first position on the map page to the preset position on the application page according to the preset direction of the display screen, wherein the method comprises the following steps of: and if the detected trigger action is matched with the sliding action from bottom to top, moving the application service card layer displayed at the first position on the map page to a third position on the map page for display according to the direction from bottom to top.
9. The method of claim 8, wherein a row of tool controls is presented in the application services card layer when the application services card layer is presented in the first position on the map page.
10. A map page processing apparatus, comprising:
the trigger action detection unit is used for detecting trigger actions on a display screen with a map page;
an application service card layer moving unit, configured to, if the detected trigger action matches a predetermined trigger action, move an application service card layer displayed at a first position on the map page to a predetermined position on the map page according to a predetermined direction of the display screen, where a height of the application service card layer at the first position on the map page is lower than a height of the application service card layer displayed at the predetermined position on the map page;
Wherein the application service card layer comprises: a tool box; the toolbox contains tool controls that show at least two rows of tool controls in the application service card layer when the application service card layer moves from the first position to the predetermined position.
11. An electronic device, comprising:
a processor; and
a memory for storing a program of a processing method of a map page, the apparatus, after being powered on and running the program of the processing method of the map page by the processor, performing the steps of:
detecting a trigger action on a display screen on which a map page is displayed;
if the detected trigger action is matched with the preset trigger action, moving the application service card layer displayed at the first position on the map page to the preset position on the map page according to the preset direction of the display screen, wherein the height of the application service card layer at the first position on the map page is lower than that of the application service card layer displayed at the preset position on the map page;
wherein the application service card layer comprises: a tool box; the toolbox contains tool controls that show at least two rows of tool controls in the application service card layer when the application service card layer moves from the first position to the predetermined position.
CN201910181782.6A 2019-03-11 2019-03-11 Application page and map page processing method, device and equipment Active CN111679873B (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201910181782.6A CN111679873B (en) 2019-03-11 2019-03-11 Application page and map page processing method, device and equipment
PCT/CN2020/077109 WO2020181996A1 (en) 2019-03-11 2020-02-28 Application page processing method, apparatus, and device, and map page processing method, apparatus, and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910181782.6A CN111679873B (en) 2019-03-11 2019-03-11 Application page and map page processing method, device and equipment

Publications (2)

Publication Number Publication Date
CN111679873A CN111679873A (en) 2020-09-18
CN111679873B true CN111679873B (en) 2023-06-27

Family

ID=72426894

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910181782.6A Active CN111679873B (en) 2019-03-11 2019-03-11 Application page and map page processing method, device and equipment

Country Status (2)

Country Link
CN (1) CN111679873B (en)
WO (1) WO2020181996A1 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112596834B (en) * 2020-12-22 2024-04-16 东风汽车有限公司 Automobile screen display method and electronic equipment
CN116304389A (en) * 2023-04-07 2023-06-23 拉扎斯网络科技(上海)有限公司 Display method, device, storage medium and computer equipment of map page

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1811899A (en) * 2004-12-28 2006-08-02 索尼爱立信移动通信日本株式会社 Display method, portable terminal device, and display program
CA2794253A1 (en) * 2012-02-21 2013-01-11 Target Brands, Inc. Trip and travel tool
CN104951215A (en) * 2014-03-24 2015-09-30 腾讯科技(北京)有限公司 Processing method and device for page operation
CN105718200A (en) * 2016-01-20 2016-06-29 努比亚技术有限公司 Page switching device and method based on pressure sensor, and terminal
CN105843594A (en) * 2015-01-13 2016-08-10 阿里巴巴集团控股有限公司 Method and device for displaying application program page of mobile terminal
CN105897700A (en) * 2016-03-29 2016-08-24 努比亚技术有限公司 Information processing method, terminal and server
WO2016150273A1 (en) * 2015-03-20 2016-09-29 广东欧珀移动通信有限公司 Video playing method, mobile terminal and system
CN106303740A (en) * 2015-06-10 2017-01-04 阿里巴巴集团控股有限公司 The desktop navigation system of intelligent television and the implementation method of this system
CN106445972A (en) * 2015-08-11 2017-02-22 阿里巴巴集团控股有限公司 Page display method and apparatus
CN108845736A (en) * 2018-06-12 2018-11-20 苏州思必驰信息科技有限公司 Exchange method and system for vehicle-mounted voice system
CN108933861A (en) * 2018-06-12 2018-12-04 奇酷互联网络科技(深圳)有限公司 Application icon sort method, device, readable storage medium storing program for executing and intelligent terminal

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103838510A (en) * 2014-02-27 2014-06-04 北京六间房科技有限公司 Interface control device
US20170344172A1 (en) * 2016-05-30 2017-11-30 Nanning Fugui Precision Industrial Co., Ltd. Interface control method and mobile terminal
CN106681599A (en) * 2016-12-08 2017-05-17 北京珠穆朗玛移动通信有限公司 Method for managing shortcut menu and mobile terminal
CN108984246A (en) * 2018-06-20 2018-12-11 北京优酷科技有限公司 Rendering method, device and the storage medium of toolbar

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1811899A (en) * 2004-12-28 2006-08-02 索尼爱立信移动通信日本株式会社 Display method, portable terminal device, and display program
CA2794253A1 (en) * 2012-02-21 2013-01-11 Target Brands, Inc. Trip and travel tool
CN104951215A (en) * 2014-03-24 2015-09-30 腾讯科技(北京)有限公司 Processing method and device for page operation
CN105843594A (en) * 2015-01-13 2016-08-10 阿里巴巴集团控股有限公司 Method and device for displaying application program page of mobile terminal
WO2016150273A1 (en) * 2015-03-20 2016-09-29 广东欧珀移动通信有限公司 Video playing method, mobile terminal and system
CN106303740A (en) * 2015-06-10 2017-01-04 阿里巴巴集团控股有限公司 The desktop navigation system of intelligent television and the implementation method of this system
CN106445972A (en) * 2015-08-11 2017-02-22 阿里巴巴集团控股有限公司 Page display method and apparatus
CN105718200A (en) * 2016-01-20 2016-06-29 努比亚技术有限公司 Page switching device and method based on pressure sensor, and terminal
CN105897700A (en) * 2016-03-29 2016-08-24 努比亚技术有限公司 Information processing method, terminal and server
CN108845736A (en) * 2018-06-12 2018-11-20 苏州思必驰信息科技有限公司 Exchange method and system for vehicle-mounted voice system
CN108933861A (en) * 2018-06-12 2018-12-04 奇酷互联网络科技(深圳)有限公司 Application icon sort method, device, readable storage medium storing program for executing and intelligent terminal

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
李晨曦 ; 孙韬敏 ; .触摸屏手机专利申请状况浅析.中国发明与专利.2015,(第03期),全文. *

Also Published As

Publication number Publication date
CN111679873A (en) 2020-09-18
WO2020181996A1 (en) 2020-09-17

Similar Documents

Publication Publication Date Title
TWI459283B (en) Adjustable and progressive mobile device street view
US10409851B2 (en) Gesture-based search
JP7032277B2 (en) Systems and methods for disambiguating item selection
KR101753588B1 (en) Mobile terminal and method for controlling thereof
CN105320403B (en) Method and apparatus for providing content
AU2010340101B2 (en) Device, method, and graphical user interface for location-based data collection
US20160170617A1 (en) Automatic active region zooming
WO2021073328A1 (en) Method and apparatus for video searching, terminal and storage medium
CN105739843A (en) Information display method and apparatus as well as electronic device
US20170010118A1 (en) Transit Incident Reporting
KR20170046675A (en) Providing in-navigation search results that reduce route disruption
US20150066980A1 (en) Mobile terminal and control method thereof
TW201346702A (en) Method and device for executing object on display
EP2159543A1 (en) Method and apparatus for operating displayed area of electronic map and recording medium
CN104134398B (en) A kind of method and device for showing map details information
US20140071170A1 (en) Non-uniformly scaling a map for emphasizing areas of interest
US20110301831A1 (en) Method and Apparatus for Generating Map-Based Snippets
US20150351073A1 (en) Location based application feature notification
CN103713844A (en) Method for zooming screen picture and electronic device
US10042035B2 (en) System and method for tile-based reduction of access point location information
CN111679873B (en) Application page and map page processing method, device and equipment
US20240377216A1 (en) User interfaces for maps on mobile devices
CN109799945A (en) Small routine long list scroll display method, device, electronic equipment and storage medium
CN106796498B (en) Method, system and storage medium for rendering map for user
CN101881622B (en) Method and device for presenting geographic information

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
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20250327

Address after: Room 1512, 12th Floor, Building 3, No. 6 Futong East Street, Chaoyang District, Beijing, 100102

Patentee after: BEIJING AUTONAVI YUNMAP TECHNOLOGY Co.,Ltd.

Country or region after: China

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: ALIBABA GROUP HOLDING Ltd.

Country or region before: Cayman Islands

TR01 Transfer of patent right