CN117519861A - 界面显示方法及相关装置 - Google Patents
界面显示方法及相关装置 Download PDFInfo
- Publication number
- CN117519861A CN117519861A CN202210915485.1A CN202210915485A CN117519861A CN 117519861 A CN117519861 A CN 117519861A CN 202210915485 A CN202210915485 A CN 202210915485A CN 117519861 A CN117519861 A CN 117519861A
- Authority
- CN
- China
- Prior art keywords
- page
- view object
- view
- application
- electronic device
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 72
- 230000006870 function Effects 0.000 claims abstract description 194
- 230000004044 response Effects 0.000 claims abstract description 86
- 238000000605 extraction Methods 0.000 claims description 68
- 230000015654 memory Effects 0.000 claims description 39
- 230000000694 effects Effects 0.000 claims description 23
- 230000009191 jumping Effects 0.000 claims description 16
- 230000003247 decreasing effect Effects 0.000 claims description 3
- 238000007726 management method Methods 0.000 description 288
- 238000004891 communication Methods 0.000 description 32
- 230000006854 communication Effects 0.000 description 32
- 239000010410 layer Substances 0.000 description 32
- 238000010586 diagram Methods 0.000 description 18
- 238000012545 processing Methods 0.000 description 16
- 238000010295 mobile communication Methods 0.000 description 12
- 238000012790 confirmation Methods 0.000 description 11
- 230000005236 sound signal Effects 0.000 description 11
- 210000004027 cell Anatomy 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 238000004080 punching Methods 0.000 description 7
- 230000001360 synchronised effect Effects 0.000 description 7
- 230000008859 change Effects 0.000 description 6
- 238000004590 computer program Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 230000001960 triggered effect Effects 0.000 description 5
- 238000013528 artificial neural network Methods 0.000 description 4
- 210000000988 bone and bone Anatomy 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 229920001621 AMOLED Polymers 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 3
- 238000012544 monitoring process Methods 0.000 description 3
- 238000013473 artificial intelligence Methods 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 230000003190 augmentative effect Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000033001 locomotion Effects 0.000 description 2
- 230000007774 longterm Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 239000002096 quantum dot Substances 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 230000007175 bidirectional communication Effects 0.000 description 1
- 238000013529 biological neural network Methods 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000036772 blood pressure Effects 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 239000002131 composite material Substances 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 210000001145 finger joint Anatomy 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 210000002569 neuron Anatomy 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000007639 printing Methods 0.000 description 1
- 238000013138 pruning Methods 0.000 description 1
- 230000010349 pulsation Effects 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000036561 sun exposure Effects 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000001755 vocal effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
- G06F3/04817—Interaction 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 using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction 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/0488—Interaction 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
- G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了界面显示方法及相关装置,其特征在于,应用于电子设备,所述方法包括:显示第一应用的第一页面,第一页面包括一或多个视图对象;检测到作用于第一页面的第一视图对象的第一操作的情况下,执行第一视图对象的第一功能,第一视图对象为第一页面的一或多个视图对象中的任一个;检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面;检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能。这样,提高了常用功能的操作便捷性,满足用户的个性化需求,有效提升用户体验。
Description
技术领域
本申请涉及电子技术领域,尤其涉及界面显示方法及相关装置。
背景技术
随着智能终端(例如手机)的不断发展创新,终端应用的功能越发丰富多样。功能丰富多样的同时,也增加了人们使用手机的难度与不便。有些功能层级过深,需要用户多次操作,逐层查找,才能触发手机显示目标功能。
由于个人使用习惯不同,有些层级较深的功能可能是用户常用的,用户每次查找的操作繁琐;而有些层级较浅的功能,用户使用率可能很低。因此,目前的应用功能无法满足不同用户的个性化需求。
发明内容
本申请提供了界面显示方法及相关装置,提高常用功能的操作便捷性,满足用户的个性化需求,有效提升用户体验。
第一方面,本申请提供了界面显示方法,包括:应用于电子设备,上述方法包括:显示第一应用的第一页面,第一页面包括一或多个视图对象;检测到作用于第一页面的第一视图对象的第一操作的情况下,执行第一视图对象的第一功能,第一视图对象为第一页面的一或多个视图对象中的任一个;检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面;检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能。
实施本申请实施例,可以将从第一应用的第一页面中提取的第一视图对象添加到第二页面;第一页面中第一视图对象继续保留原有功能(例如第一功能);第二页面中,第一视图对象也具备上述原有功能。这样,通过第二页面,用户可以快速查询并使用第一应用的常用功能对应的视图对象,提高了常用功能的操作便捷性,实现了充分的用户定制,有效提高用户的使用体验。
在一种实现方式中,上述方法还包括:检测到针对第二页面的第一视图对象的第四操作,响应于第四操作,执行第一视图对象的第二功能,第一页面的第一视图对象不具备第二功能。实施本申请实施例,添加到第二页面的视图对象可以具备更多新增功能,有效提高用户的使用体验。
在一种实现方式中,上述方法还包括:显示第二应用的第三页面,第三页面包括一或多个视图对象,第二视图对象为第三页面的一或多个视图对象中的任一个;检测到针对第三页面的第二视图对象的第五操作,响应于第五操作,将第二视图对象添加到第二页面,在第二页面显示第二视图对象。实施本申请实施例,可以将多个应用的常用功能的视图对象,统一添加到第二页面;通过第二页面,用户可以快速查询并使用各应用的常用功能对应的视图对象,提高了常用功能的操作便捷性,实现了充分的用户定制,有效提高用户的使用体验。
在一种实现方式中,第一功能包括跳转至与第一视图对象关联的第四页面;第三操作包括用于放大第一视图对象的第一手势,第一手势包括用户的双指在显示屏上滑动且双指间的距离增大,第二手势包括用户的双指在显示屏上滑动且双指间的距离减小;上述检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能,包括:检测到作用于第二页面的第一视图对象的第一手势;响应于第一手势,放大第一视图对象;第一视图对象的面积随第一手势放大至预设值时,显示第四页面;上述方法还包括:检测到针对第四页面的第二手势时,显示第二页面。实施本申请实施例,添加到第二页面的视图对象,可以具备放大手势触发跳转页面以及缩小手势触发返回第二页面的功能,有效提高用户的使用体验。
在一种实现方式中,第一功能包括跳转至与第一视图对象关联的第四页面;上述检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能,包括:检测到作用于第二页面的第一视图对象的第六操作;响应于第六操作,显示第一弹窗,第一弹窗用于显示第四页面的部分或全部内容;检测到作用于第一弹窗的第七操作;响应于第七操作,显示第四页面;第三操作包括第六操作和第七操作。实施本申请实施例,上述第四页面可以为第一视图对象的下一级页面;添加到第二页面的第一视图对象,可以触发电子设备在第二页面显示弹窗;无需跳转至第一视图对象的下一级页面,通过上述弹窗即可显示上述下一级页面的部分或全部内容;例如,显示下一级页面中用户的常用视图对象。
在一种实现方式中,第一功能包括跳转至与第一视图对象关联的第四页面;上述检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能,包括:检测到作用于第二页面的第一视图对象的第八操作;响应于第八操作,在第二页面的第一视图对象的显示区域,显示第四页面中的常用功能对应的第三视图对象;检测到作用于第三视图对象的第九操作;响应于第九操作,显示第四页面;第三操作包括第八操作和第九操作。实施本申请实施例,上述第四页面可以为第一视图对象的下一级页面;添加到第二页面的第一视图对象,可以触发电子设备将第二页面中的第一视图对象的显示内容替换为下一级页面的相关内容;例如,下一级页面中用户的常用功能对应的视图对象。
在一种实现方式中,第三操作包括作用第二页面的第一视图对象的点击操作;检测到点击操作时,电子设备在第二页面显示第一视图对象的聚焦效果后,再响应点击操作;第一视图对象的聚焦效果包括以下一或多项:第一视图对象先缩小后放大,第二页面中第一视图对象之外的视图对象统一由第一显示形式变化为第二显示形式。实施本申请实施例,用户点击第二页面中的视图对象时,该视图对象可以呈现聚焦效果,提高用户操作的趣味性,有效提高用户的使用体验。
在一种实现方式中,第一视图对象包括一或多个控件,上述一或多个控件包括第一控件,第二功能包括调整第一视图对象中的第一控件的显示位置和/或尺寸,检测到针对第二页面的第一视图对象的第四操作,响应于第四操作,执行第一视图对象的第二功能,包括:检测到作用于第二页面的第一视图对象的第十操作;响应于第十操作,显示指示信息,指示信息用于指示进入第一视图对象的编辑模式,第一视图对象的编辑模式用于调整第一视图对象内的任一控件的显示位置和/或尺寸;第一视图对象的编辑模式下,检测到作用于第一控件的拖动操作;响应于拖动操作,在第一视图对象的显示区域内,基于拖动操作的操作轨迹移动第一控件;第四操作包括第十操作和拖动操作。实施本申请实施例,用户可以调整第二页面中的视图对象的内部布局,有效提高用户的使用体验。
在一种实现方式中,上述检测到针对第二页面的第一视图对象的第四操作,响应于第四操作,执行第一视图对象的第二功能,包括:检测到作用于第二页面的第一视图对象的第十一操作;响应于第十一操作,显示第一视图对象的多个功能对应的功能选项,多个功能选项包括第二功能对应的功能选项;检测到作用于第二功能对应的功能选项的第十二操作;响应于第十二操作,执行第二功能;第四操作包括第十一操作和第十二操作。实施本申请实施例,第二页面的视图对象,可以触发电子设备显示该视图对象相关的多个功能选项,用户可以选择任一功能选项实现相应的功能,有效提高了用户的使用体验。
在一种实现方式中,向第二页面添加了第一应用的多个视图对象后,第二页面显示有第一应用的应用标识;上述方法还包括:检测到作用于第一应用的应用标识的第十三操作;响应于第十三操作,在第二页面显示第一应用的多个视图对象。实施本申请实施例,可以对添加到第二页面中的视图对象进行分类管理;例如,按照所属的应用进行分类管理。
在一种实现方式中,上述显示第一应用的第一页面之前,还包括:显示第二页面,第二页面包括第三控件;检测到作用于第三控件的第十四操作;响应于第十四操作,显示多个应用的应用标识,多个应用包括第一应用;检测到作用于第一应用的应用标识的第十五操作;上述显示第一应用的第一页面,包括:响应于第十五操作,显示第一应用的第一页面,并进入视图对象的提取模式;提取模式下,第二操作用于将视图对象添加到第二页面。
在一种实现方式中,上述显示第一应用的第一页面之前,还包括:显示第五页面,第五页面包括视图对象的提取模式的开关控件;检测到作用于开关控件的第十六操作;响应于第十六操作,开启提取模式;提取模式下,第二操作用于将视图对象添加到第二页面。
在一种实现方式中,上述检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面之前,还包括:检测到作用于第一页面的第十七操作,第十七操作的触摸位置包括于第一视图对象和第四视图对象;响应于第十七操作,显示第一视图对象的指示框和第四视图对象的指示框。
在一种实现方式中,上述检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面之前,还包括:检测到第十八操作;响应于第十八操作,显示第一页面的所有视图对象分别对应的指示框。
在一种实现方式中,上述检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面,包括:检测到作用于第一页面的第一视图对象的第十九操作;响应于第十九操作,显示第一视图对象的指示信息以及第二控件,第一视图对象的指示信息用于指示第一视图对象被选中;检测到作用于第二控件的第二十操作;响应于第二十操作,将第一视图对象添加到第二页面。
在一种实现方式中,上述检测到作用于第二控件的第二十操作之前,还包括:检测到作用于第一页面的第五视图对象的第二十一操作;响应于第二十一操作,显示第五视图对象的指示信息,第五视图对象的指示信息用于指示第五视图对象被选中;上述响应于第二十操作,将第一视图对象添加到第二页面,包括:响应于第二十操作,将第一视图对象和第五视图对象添加到第二页面。
第二方面,本申请提供了一种电子设备,包括一个或多个处理器和一个或多个存储器。该一个或多个存储器与一个或多个处理器耦合,一个或多个存储器用于存储计算机程序代码,计算机程序代码包括计算机指令,当一个或多个处理器执行计算机指令时,使得电子设备执行上述第一方面任一项可能的实现方式中的界面显示方法。
第三方面,本申请实施例提供了一种计算机存储介质,包括计算机指令,当计算机指令在电子设备上运行时,使得电子设备执行上述第一方面任一项可能的实现方式中的界面显示方法。
第四方面,本申请实施例提供了一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行上述第一方面任一项可能的实现方式中的界面显示方法。
附图说明
图1A为本申请实施例提供的电子设备的结构示意图;
图1B为本申请实施例提供的软件结构框图;
图2A至图2F为本申请实施例提供的示例性用户界面;
图3A至图3B为本申请实施例提供的调用管理页面的示意图;
图4A至图4G为本申请实施例提供的添加视图对象的示意图;
图5A至图5D为本申请实施例提供的添加视图对象的示意图;
图6A至图6K为本申请实施例提供的添加视图对象的示意图;
图7A至图7J为本申请实施例提供的添加视图对象的示意图;
图8A至图8D为本申请实施例提供的添加视图对象的示意图;
图9A和图9B为本申请实施例提供的获取视图对象副本的示意图;
图10A至图10F为本申请实施例提供的管理页面的示意图;
图11A至图11L为本申请实施例提供的管理页面的布局方式的示意图;
图12A和图12B为本申请实施例提供的视图对象具备的功能的示意图;
图13A至图13D为本申请实施例提供的视图对象具备的功能的示意图;
图14A至图14E为本申请实施例提供的视图对象具备的功能的示意图;
图15A至图15D为本申请实施例提供的视图对象具备的功能的示意图;
图16A至图16D为本申请实施例提供的视图对象具备的功能的示意图;
图17为本申请实施例提供的视图对象具备的功能的示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清楚、详尽地描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况,另外,在本申请实施例的描述中,“多个”是指两个或多于两个。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
图1A示出了电子设备100的结构示意图。
电子设备100可以是手机、平板电脑、桌面型计算机、膝上型计算机、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmentedreality,AR)设备、虚拟现实(virtual reality,VR)设备、人工智能(artificialintelligence,AI)设备、可穿戴式设备、车载设备、智能家居设备和/或智慧城市设备,电子设备可以搭载iOS、Android、Microsoft或者其它操作***,本申请实施例对该电子设备的具体类型不作特殊限制。
电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了***的效率。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
I2C接口是一种双向同步串行总线,包括一根串行数据线(serial data line,SDA)和一根串行时钟线(derail clock line,SCL)。在一些实施例中,处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K,充电器,闪光灯,摄像头193等。例如:处理器110可以通过I2C接口耦合触摸传感器180K,使处理器110与触摸传感器180K通过I2C总线接口通信,实现电子设备100的触摸功能。
I2S接口可以用于音频通信。在一些实施例中,处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合,实现处理器110与音频模块170之间的通信。在一些实施例中,音频模块170可以通过I2S接口向无线通信模块160传递音频信号,实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信,将模拟信号抽样,量化和编码。在一些实施例中,音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中,音频模块170也可以通过PCM接口向无线通信模块160传递音频信号,实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线,用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中,UART接口通常被用于连接处理器110与无线通信模块160。例如:处理器110通过UART接口与无线通信模块160中的蓝牙模块通信,实现蓝牙功能。在一些实施例中,音频模块170可以通过UART接口向无线通信模块160传递音频信号,实现通过蓝牙耳机播放音乐的功能。
MIPI接口可以被用于连接处理器110与显示屏194,摄像头193等***器件。MIPI接口包括摄像头串行接口(camera serial interface,CSI),显示屏串行接口(displayserial interface,DSI)等。在一些实施例中,处理器110和摄像头193通过CSI接口通信,实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信,实现电子设备100的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号,也可被配置为数据信号。在一些实施例中,GPIO接口可以用于连接处理器110与摄像头193,显示屏194,无线通信模块160,音频模块170,传感器模块180等。GPIO接口还可以被配置为I2C接口,I2S接口,UART接口,MIPI接口等。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电,也可以用于电子设备100与***设备之间传输数据。也可以用于连接耳机,通过耳机播放音频。该接口还可以用于连接其他电子设备,例如AR设备等。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。在一些有线充电的实施例中,充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中,充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时,还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,显示屏194,摄像头193,和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量,电池循环次数,电池健康状态(漏电,阻抗)等参数。在其他一些实施例中,电源管理模块141也可以设置于处理器110中。在另一些实施例中,电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A,受话器170B等)输出声音信号,或通过显示屏194显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星***(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号解调以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备100的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯***(global system for mobile communications,GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(codedivision multiple access,CDMA),宽带码分多址(wideband code division multipleaccess,WCDMA),时分码分多址(time-division code division multiple access,TD-SCDMA),长期演进(long term evolution,LTE),BT,GNSS,WLAN,NFC,FM,和/或IR技术等。所述GNSS可以包括全球卫星定位***(global positioning system,GPS),全球导航卫星***(global navigation satellite system,GLONASS),北斗卫星导航***(beidounavigation satellite system,BDS),准天顶卫星***(quasi-zenith satellitesystem,QZSS)和/或星基增强***(satellite based augmentation systems,SBAS)。
电子设备100通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的,AMOLED),柔性发光二极管(flex light-emittingdiode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot lightemitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备100可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
内部存储器121可以包括一个或多个随机存取存储器(random access memory,RAM)和一个或多个非易失性存储器(non-volatile memory,NVM)。
随机存取存储器可以包括静态随机存储器(static random-access memory,SRAM)、动态随机存储器(dynamic random access memory,DRAM)、同步动态随机存储器(synchronous dynamic random access memory,SDRAM)、双倍资料率同步动态随机存取存储器(double data rate synchronous dynamic random access memory,DDR SDRAM,例如第五代DDR SDRAM一般称为DDR5 SDRAM)等;非易失性存储器可以包括磁盘存储器件、快闪存储器(flash memory)。
快闪存储器按照运作原理划分可以包括NOR FLASH、NAND FLASH、3D NAND FLASH等,按照存储单元电位阶数划分可以包括单阶存储单元(single-level cell,SLC)、多阶存储单元(multi-level cell,MLC)、三阶储存单元(triple-level cell,TLC)、四阶储存单元(quad-level cell,QLC)等,按照存储规范划分可以包括通用闪存存储(英文:universalflash storage,UFS)、嵌入式多媒体存储卡(embedded multi media Card,eMMC)等。
随机存取存储器可以由处理器110直接进行读写,可以用于存储操作***或其他正在运行中的程序的可执行程序(例如机器指令),还可以用于存储用户及应用程序的数据等。
非易失性存储器也可以存储可执行程序和存储用户及应用程序的数据等,可以提前加载到随机存取存储器中,用于处理器110直接进行读写。
外部存储器接口120可以用于连接外部的非易失性存储器,实现扩展电子设备100的存储能力。外部的非易失性存储器通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部的非易失性存储器中。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中,音频模块170可以设置于处理器110中,或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐,或收听免提通话。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时,可以通过将受话器170B靠近人耳接听语音。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。当拨打电话或发送语音信息时,用户可以通过人嘴靠近麦克风170C发声,将声音信号输入到麦克风170C。
耳机接口170D用于连接有线耳机。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中,可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即,x,y和z轴)的角速度。
气压传感器180C用于测量气压。
磁传感器180D包括霍尔传感器,可以检测翻盖皮套的开合。
加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。
距离传感器180F,用于测量距离。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。
环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中,电子设备100利用温度传感器180J检测的温度,执行温度处理策略。
触摸传感器180K,也称“触控器件”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中,骨传导传感器180M可以获取人体声部振动骨块的振动信号和血压跳动信号。
按键190包括开机键,音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。
指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过***SIM卡接口195,或从SIM卡接口195拔出,实现和电子设备100的接触和分离。
电子设备100的软件***可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本发明实施例以分层架构的Android***为例,示例性说明电子设备100的软件结构。
图1B是本发明实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android***分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和***库,以及内核层。
应用程序层可以包括一系列应用程序包。
如图1B所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图1B所示,应用程序框架层可以包括窗口管理器,内容提供器,视图***,电话管理器,资源管理器,通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图***包括可视控件,例如显示文字的控件,显示图片的控件等。视图***可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在***顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓***的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
***库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2D图形引擎(例如:SGL)等。
表面管理器用于对显示子***进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
下面结合捕获拍照场景,示例性说明电子设备100软件以及硬件的工作流程。
当触摸传感器180K接收到触摸操作,相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标,触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件,识别该输入事件所对应的控件。以该触摸操作是触摸单击操作,该单击操作所对应的控件为相机应用图标的控件为例,相机应用调用应用框架层的接口,启动相机应用,进而通过调用内核层启动摄像头驱动,通过摄像头193捕获静态图像或视频。
下面针对本发明实施例涉及的视图、视图组、视图控件、视图对象的概念进行介绍。
视图(View):是电子设备显示的用户界面的基本元素,电子设备可以定义一个视图的布局(即大小、位置和外观)和交互行为。视图的交互行为可以包括:响应触摸、手势和其他事件,绘制自定义内容,支持拖拽交互,响应焦点变化,对视图的大小、位置和外观属性进行动画处理等。例如视图可以为控件、窗口或其他用户可以看到的元件。
视图控件(View control):也可以简称为控件(control)。控件都继承自View类(例如UIView),都是View类的子类。控件可以是对数据和方法的封装,可以有自己的属性和方法,属性是控件数据的简单访问者,方法则是控件的一些简单可见的功能。例如,控件的类型可以包括但不限于:用户界面控件(用于开发构建用户界面的控件,如针对视窗、文本框、按钮、下拉式菜单等界面元素的控件)、图表控件(用于开发图表的控件,可以实现数据可视化等)、报表控件(用与开发报表的控件,实现报表的浏览查看、设计、编辑、打印等功能)、表格控件(用于开发表格(CELL)的控件,实现网格中数据处理和操作的功能)等。本申请实施例中控件的类型还可以包括:复合控件(将现有的各种控件组合起来,形成一个新的控件,集中多种控件的性能)、扩展控件(根据现有控件派生出一个新的控件,为现有控件增加新的性能或者更改现有控件的性能)、自定义控件等。
视图组(View Group):包括一或多个视图,还可以包括一或多个其他视图组。
可以理解,所有的可视化界面元素都是继承自View类,用户通过View、ViewGroup或者扩展自他们(即View和ViewGroup)的类来构建用户界面。本申请实施例涉及的视图对象可以包括View、ViewGroup和扩展自他们(即View和ViewGroup)的类中的一或多个,一个视图对象通常用于实现指定功能。
用户界面:本申请的说明书和权利要求书及附图中的术语“用户界面(userinterface,UI)”也可以被称为“页面”,是应用程序或操作***与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。应用程序的用户界面是通过java、可扩展标记语言(extensible markup language,XML)等特定计算机语言编写的源代码,界面源代码在电子设备上经过解析,渲染,最终呈现为用户可以识别的内容,比如图片、文字、按钮等控件。界面中的控件的属性和内容是通过标签或者节点来定义的,比如XML通过<Textview>、<ImgView>、<VideoView>等节点来规定界面所包含的控件。一个节点对应界面中一个控件或属性,节点经过解析和渲染之后呈现为用户可视的内容。此外,很多应用程序,比如混合应用(hybrid application)的界面中通常还包含有网页。网页可以理解为内嵌在应用程序界面中的一个特殊的控件,网页是通过特定计算机语言编写的源代码,例如超文本标记语言(hyper text markup language,HTML),层叠样式表(cascading style sheets,CSS),java脚本(JavaScript,JS)等,网页源代码可以由浏览器或与浏览器功能类似的网页显示组件加载和显示为用户可识别的内容。网页所包含的具体内容也是通过网页源代码中的标签或者节点来定义的,比如HTML通过<p>、<img>、<video>、<canvas>来定义网页的元素和属性。
下面介绍本申请实施例提供的一些在电子设备100上实现的示例性图形用户界面。
图2A示例性示出了用于展示电子设备100安装的应用程序的主界面的第一屏11。主界面的第一屏11可以包括:状态栏201,日历指示符,天气指示符,具有常用应用程序图标的托盘以及其他应用程序图标的显示区域202。其中:
其他应用程序图标的显示区域202可展示:视频应用的图标202A、即时通讯应用的图标、相册的图标、图库的图标、音乐的图标、备忘录的图标、设置的图标。
在一些实施例中,第一屏11还可以包括导航栏。导航栏可包括:返回键、主屏幕键多任务键等***导航键。当检测到用户点击返回键时,电子设备100可显示当前页面的上一级页面。当检测到用户点击主屏幕键时,电子设备100可显示主界面。当检测到用户点击多任务键时,电子设备100可以在历史任务界面显示用户最近查看的且仍在后台运行的各应用的应用标识。
不限于虚拟按键,本申请实施例中,第一屏11也可以不包括导航栏,导航栏中的各导航键可以实现为物理按键或用户手势。在一些实施例中,电子设备100通过用户手势实现导航栏中的各导航键的功能。例如,返回键对应的返回手势包括从电子设备100的显示屏194的下边缘的左侧向上滑动的手势。
第一屏11还可包括页面指示符203。主界面中的其他应用程序图标可分布在多个页面,页面指示符203可用于指示用户当前查看的是哪一个页面中的应用程序。用户可以左右滑动其他应用程序图标的区域,来查看其他页面中的应用程序图标。
示例性的,如图2A和图2B所示,用户可以通过向右滑动主界面的第一屏11,查看主界面的第二屏12,第二屏12展示了更多其他应用程序的图标。
示例性的,如图2C和图2D所示,用户还可以向右滑动主界面的第一屏11,查看电子设备100的负一屏13。负一屏13通常是用户中心、搜索、应用推荐、新闻资讯推荐、情景智能服务等功能的聚合入口。本申请实施例中,还可以新增负二屏,用户还可以继续向右滑动负一屏13,查看电子设备100的负二屏。
在一些实施例中,用户可以预设操作调出通知屏和控制屏。
示例性的,电子设备100显示主界面时,用户以状态栏的左半部分为起点向下滑动,可以查看图2E所示的控制屏14。电子设备100显示主界面时,用户以状态栏的右半部分为起点向下滑动,可以查看图2F所示的通知屏15。
其中,控制屏14可以包括快捷功能的开关图标的显示区域204。显示区域204可展示用于控制电子设备100的各种快捷功能的开关图标,例如,用于开启/关闭飞行模式、Wifi、移动数据、蓝牙、截屏等的开关图标。可选的,控制屏14还可以包括一或多个智能家居的控制卡片,例如空气净化器、智能灯光、智能音响等智能家居设备的控制卡片。通知屏15可用于显示通知消息,从而通知用户该电子设备的相关活动。例如,上述通知消息可包括:第三方应用的推送消息、电话呼叫的提醒消息、日程提醒消息等。
在不同的实现方案中,用户还可以通过其他调出方式调出控制屏或通知屏,本申请实施例对此不做具体限定。需要说明的是,不限于在显示主界面时调出控制屏或通知屏,还可以在显示其他界面(例如负一屏、其他应用的用户界面等)时调出控制屏或通知屏。
本申请提供了界面显示方法,用户将从各应用的页面中提取的常用功能对应的视图对象(例如,提取应用2的页面1中的视图对象1),统一添加到常用对象的管理页面中进行使用和管理。页面1中,视图对象1继续保留原有功能;多应用的常用对象管理页面中,视图对象1不仅具备上述原有功能,还可以具备多种新增功能。这样,在常用对象管理页面中,用户可以快速查询并使用各应用的常用功能对应的视图对象,实现充分的用户定制,简化了使用方式,有效提高用户的使用体验。本申请实施例中,为了便于描述,可以将多应用的常用对象管理页面简称为管理页面,应用2可以称为管理页面中视图对象1的原应用,页面1可以称为管理页面中视图对象1的原页面。
1、下面对本申请实施例提供的添加视图对象的用户界面和相关实施过程进行示例性介绍。
示例性的,管理页面包括用于实现视图对象管理的独立应用1的页面。如图3A所示,主界面的第一屏11还可以包括应用1的图标202D;检测到用户点击图标202D后,电子设备100显示图3B所示的视图对象的管理页面21。
需要说明的是,本申请实施例中,不限于管理页面21,常用对象管理页面还可以实现为其他页面,下面以管理页面21为例对如何添加视图对象进行示例性说明。
在一些实施例中,用户未手动向管理页面21添加视图对象时,管理页面21可以不包括其他应用的视图对象。在另一些实施例中,用户未手动向管理页面21添加视图对象时,电子设备100也可以获取用户对各应用中的各视图对象的使用率,并根据该使用率自动地将使用率高的预设数量的视图对象添加至管理页面21。
下面以视频应用中的视图对象301为例,继续进行说明。
示例性的,如图4A和图4B所示,用户操作(例如点击)第一屏11中的视频应用的图标202A后,电子设备100显示视频应用的页面31。页面31可以包括多个可提取的视图对象,例如,视图对象301和视图对象306。视图对象301可以用于播放视频1,视图对象301可以包括多个控件,例如视频1的封面、名称(即如图4B所示的“阳关照耀”)、视频类型(即如图4B所示的“电视剧”)、更新进度(即如图4B所示的“更新至8集”)等等。
需要说明的是,后续实施例中涉及的视频应用的视图对象301仅为示例性说明,不应对本申请实施例构成限定。用户常用的视频应用的视图对象也可能层级较深,需要用户通过切换页面31中菜单302和/或菜单303、滑动操作、翻页操作等多个操作才能查询到。
本申请实施例中,视图对象可以包括View、ViewGroup和扩展自他们(即View和ViewGroup)的类中的一或多个。一个页面可以包括一或多个可提取的视图对象,两个视图对象可以有重叠,一个视图对象可以包括另一个视图对象;可提取的视图对象的划分,可以是电子设备100根据各应用的各页面中的显示内容提前确定的,也可以是在进入视图对象提取模式后根据当前显示页面的显示内容确定的,此处不做具体限定。本申请实施例对视图对象的划分世纪不做具体限定。
本申请实施例中,用户从一个页面中提取的一个视图对象包括该页面的一或多个界面元素。在一些实施例中,电子设备100基于一个页面的界面布局的树结构和/或页面中各视图实现的功能,将该页面分解为多个可提取的视图对象。在一种实现方式中,电子设备100基于树结构上述确定页面中的视图组,并将每个视图组均视为一个可提取的视图对象。在一些实施例中,电子设备100确定页面中各视图实现的功能,将功能与特定目标相关的视图划分为一个视图对象。示例性的,如图4B所示,视图对象301和视图对象306均为视图组(viewgroup),视图对象306对应的视图组包括视图对象301对应的视图组。视图对象306包括多个热播视频对应的视图对象,所述多个热播视频对应的视图对象包括视图对象301,视图对象301用于播放电视剧“阳光照耀”,视图对象301中的视图实现的功能均与电视剧“阳光照耀”相关。在一些实施例中,电子设备100可以将一个页面中的任一界面元素(例如控件、图标等)视为一个视图对象,也可以将一个页面中的多个相邻的界面元素(例如控件、图标等)视为一个视图对象。本申请实施例对视图对象的划分方式不做具体限定。
(1)图4B至图4D示出了添加视图对象至管理页面21的一种示例。
在一些实施例中,电子设备100显示视频应用的页面31时,用户通过作用于视图对象301的输入操作1,可以选定提取对象为视图对象301,并触发电子设备100进入视图对象的提取模式。用户再通过输入操作2,可以触发电子设备100将用户选定的提取对象添加到管理页面21。管理页面21中的视图对象301可以视为页面31中的视图对象301的副本。
示例性的,如图4B所示,输入操作1可以为双指长按视图对象301的操作,响应于输入操作1,电子设备100确定提取对象为视图对象301,显示图4B所示的视图对象301对应的指示框,该指示框可用于指示可提取的视图对象301的显示范围和显示内容;如图4C所示,输入操作2可以为点击上述指示框的操作,响应于输入操作2,电子设备100确定将视图对象301添加到管理页面21,并在管理页面21中显示视图对象301。
不限于双指长按视图对象301的操作,上述输入操作1还可以是其他作用于视图对象301的手指触摸操作(例如双指敲击操作、横向滑动操作等等),还可以是与电子设备100连接的其他设备(例如触控笔、鼠标等)的输入操作。此处对上述输入操作1不做具体限定,电子设备100预定义的输入操作1和各视图对象的原有业务逻辑没有冲突。不限于点击上述指示框的操作,上述输入操作2也可以是其他的手指触摸操作或其他设备的输入操作。
在一些实施例中,将视图对象301添加至管理页面21时,还可以在管理页面21显示该视图对象的原页面(即页面31)的页面标识和/或原应用(即视频应用)的应用标识,以便于用户可以直观地确定该视图对象的原应用和原页面。
本申请实施例中,响应于用户的输入操作1,电子设备100可以进入视图对象提取模式。在一种实现方式,进入视图对象提取模式后,视图对象301的原有业务逻辑可以暂时失效;例如,用户手指点击视图对象301中的视频封面后,电子设备100并不会执行原有业务逻辑,即不会显示视图对象301对应的视频播放界面;因此,在一种示例中,上述输入操作2也可以为点击视图对象301的操作。在另一种实现方式,进入提取模式后,视图对象301保持原有的业务逻辑,电子设备100预定义的输入操作2和视图对象301的原有业务逻辑也没有冲突。
本申请实施例,不限于通过指示框指示视图对象301的显示范围,也可以通过其他方式指示视图对象301,例如,视图对象301整体高亮、视图对象301整体变化色调或者视图对象301的边缘高亮等等,此处不做具体限定。
在一些实施例中,参考图4B和图4D,无需输入操作2,响应于输入操作1,电子设备100还可以直接将视图对象301添加到管理页面21。
在一些实施例中,参考图4B和图4E,响应于用户的输入操作1,电子设备100确定用户选定的提取对象为视图对象301时,还可以在页面31中显示提示框304,该提示框可用于提示用户是否确定将选定的提取对象添加到管理页面,还可用于提示电子设备100进入视图对象提取模式。如图4E所示,提示框304可以包括取消控件304A和确认控件304B。确认控件304B用于确定添加用户选定的视图对象,上述输入操作2也可以是作用于图4E所示的确认控件304B的输入操作(例如点击操作);取消控件304A用于触发电子设备100退出视图对象提取模式。
在一些实施例中,响应于用户的输入操作1,电子设备100进入视图对象提取模式后,用户还可以将选定的提取对象由视图对象301切换为其他视图对象。示例性的,以图4E为例,页面31还包括视图对象305;如图4E和图4F所示,检测到作用于视图对象305的输入操作(例如触摸操作)后,电子设备100将提取对象切换为视图对象305,显示视图对象305对应的指示框,并停止显示视图对象301对应的指示框。如图4F和图4G所示,检测到作用于确认控件304B的输入操作后,电子设备100在管理页面21中显示视图对象305。
在一些实施例中,响应于用户的输入操作2,将视图对象301添加到管理页面21后,电子设备100可以继续显示视频应用的页面31。后续用户意图再次使用视图对象301时,可以再进入管理页面21查看视图对象301。例如,用户可以通过图3A所示的图标202D进入管理页面21。
在一些实施例中,输入操作1也可以分为两个操作,即用户先通过一个操作触发电子设备100进入视图对象提取模式,再通过一个操作选定提取对象为视图对象301,显示视图对象301对应的指示框。
可以理解,图4A至图4G所示的示例中,电子设备100仅显示用户选定的一个提取对象对应的指示框,用户可以切换提取对象。然而,在一些实施例中,可以存在如下情况:一个页面中的两个可提取的视图对象有重叠,一个视图对象也可以包括另一个视图对象。示例性的,如图4B所示,视图对象306包括视图对象301。
图4A至图4G的示例中,当选择视图对象的触摸操作(例如输入操作1、输入操作2或切换提取对象的输入操作)在显示屏上的触摸位置包括于多个可提取的视图对象(例如视图对象1和视图对象2)时,电子设备100可以根据上述触摸位置确定上述多个可提取的视图对象中用户意图选择的视图对象。在一种实现方式中,电子设备100获取用户的触摸操作的触摸位置,确定两个视图对象(即视图对象1和视图对象2)的中心位置距离上述触摸位置更近的视图对象为用户意图选择的视图对象。
(2)图5A至图5C示出了添加视图对象至管理页面21的另一种示例。
在一些实施例中,电子设备100显示视频应用的页面31时,用户实施作用于视图对象301的输入操作1,当输入操作1在显示屏上的触摸位置包括于多个可提取的视图对象时,电子设备100可以显示上述多个视图对象分别对应的指示框。然后,用户再从上述多个可提取的视图对象选择出提取对象添加到管理页面21。
示例性的,如图5A所示,页面31包括视图对象301和视图对象306,视图对象306包括视图对象301;检测到用户的输入操作1,输入操作1在显示屏上的触摸位置位于视图对象301和视图对象306内。如图5B所示,响应于输入操作1,电子设备100进入视图对象提取模式,并显示视图对象301对应的指示框和视图对象306对应的指示框。如图5B和图5D所示,检测到用户选择视图对象306的输入操作3(例如点击视图对象306对应的指示框),响应于该输入操作,电子设备100确定将视图对象306添加到管理页面21,并在管理页面21中显示视图对象306。
不限于点击视图对象306对应的指示框,上述选择视图对象306的输入操作3还可以是其他手指触摸操作或其他设备的输入操作,此处不做具体限定。
在一些实施例中,当用户选定提取对象为视图对象306后,电子设备100可以通过视图对象306和/或视图对象306对应的指示框的显示形式的变化指示两个视图对象中被选定的是视图对象306,并显示图5C所示的提示框307,提示框307可以参考前述提示框304的相关描述。用户操作(例如点击)提示框307中的确认控件后,电子设备100才将视图对象306添加到管理页面21,并显示图5D所示的管理页面21。上述显示形式的变化包括色调、透明度、亮度中的一或多项的变化,示例性的,参见图5C,电子设备100通过指示框的颜色变化指示用户选择了视图对象306。
针对图4A至图4G的示例以及图5A至图5D的示例,触发视图对象提取模式的输入操作1作用于视频应用的页面31。在一种实现方式中,视图对象提取模式仅针对视频应用的页面31,用户可以通过退出页面31(例如切换页面31为主界面、视频应用的其他页面或其他应用的页面),退出视图对象提取模式,也可以通过提示框中的取消控件(例如取消控件304A)退出视图对象提取模式。在另一种实现方式中,视图对象提取模式可以针对视频应用的所有页面,即用户可以切换页面31为视频应用的其他页面,并切换提取对象为其他页面中的视图对象;用户可以通过退出视频应用(例如切换视频应用至后台)或提示框中的取消控件退出视图对象提取模式。
(3)图6A至图6C示出了添加视图对象至管理页面21的另一种示例。
在一些实施例中,用户通过输入操作4触发电子设备100进入视图对象提取模式;进入视图对象提取模式后,电子设备100可以显示页面31中所有可提取视图对象的指示框;用户可以通过输入操作5在页面31中选择一或多个视图对象,添加到管理页面21。
上述输入操作4可以是触摸操作、语音指令、悬浮手势或其他设备的输入操作等等,此处不做具体限定。在一种实现方式中,电子设备100可以在通知屏、控制屏、负一屏和***设置中的一或多个页面中设置有视图对象提取模式的开关。用户可以通过该开关开启/关闭视图对象提取模式,上述输入操作4可以是作用于该开关的触摸操作。
示例性的,下面以“在控制屏设置视图对象提取模式的开关”为例进行说明。
如图6A和图6B所示,电子设备100显示视频应用的页面31时,检测到用户调出控制屏14的输入操作,电子设备100显示控制屏14;控制屏14还包括视图对象提取模式的开关图标401。开关图标401两种显示状态,即开启状态和关闭状态;图6B所示的开关图标401当前处于关闭状态,指示了当前视图对象提取模式已关闭。如图6B和图6C所示,用户点击开关图标401后,电子设备100将开关图标401切换为开启状态,并开启视图对象提取模式。如图6D所示,退出控制屏14后,电子设备100继续显示页面31,并显示页面31中所有可提取的视图对象对应的指示框,例如视图对象301、视图对象305和视图对象306分别对应的指示框。
如图6D、图6E和图6F所示,用户通过输入操作5依次选择视图对象301和视图对象305,并通过视图对象或视图对象对应的指示框的显示形式的变化指示该视图对象被选择,例如被选择的视图对象覆盖半透明的蒙层;用户选择一个视图对象后,电子设备100就在页面31上显示提示框402,提示框402可以参考前述提示框304的相关描述。如图6F所示,用户选择视图对象301和视图对象305后,电子设备100检测到用户点击提示框402中的确认控件,电子设备100将视图对象301和视图对象305添加到管理页面21,并在管理页面21中显示视图对象301和视图对象305。其中,选择视图对象的输入操作5可以参考前述输入操作3,此处不再赘述。
在一些实施例中,如图6H所示,用户通过输入操作4触发电子设备100进入视图对象提取模式后,电子设备100可以在每个视图对象上显示选择控件(例如视图对象301对应的选择控件403和视图对象305对应的选择控件404),上述输入操作5可以为点击选择控件。如图6H、图6I和图6J所示,用户通过点击选择控件403和选择控件404,依次选中视图对象301和视图对象305;用户点击选择控件前,选择控件呈现未选中状态;用户点击选择控件后,选择控件呈现选中状态。然后,类似的,如图6J和图6K所示,通过点击提示框402中的确认控件,可以将视图对象301和视图对象305添加到管理页面21。
针对图6A至图6H的示例,在一种实现方式中,电子设备100在显示视频应用的页面31时,通过输入操作4触发电子设备100进入视图对象提取模式,视图对象提取模式仅针对视频应用的页面31(或视频应用),用户可以通过退出页面31(或视频应用)退出视图对象提取模式,也可以通过取消控件、开关图标401、预设语音指令或预设手势退出视图对象提取模式。在另一种实现方式中,电子设备100在显示任意页面时,通过输入操作4触发电子设备100进入视图对象提取模式,视图对象提取模式可以针对任意支持该模式的应用,即在显示任意支持该模式的应用的页面时,用户均可在该页面中选择提取对象,并添加到管理页面21中;用户可以通过取消控件、开关图标401、预设语音指令或预设手势退出视图对象提取模式。
(4)图7A至图7D示出了添加视图对象至管理页面21的另一种示例。
在一些实施例中,如图7A所示,管理页面21设置有视图对象的添加控件501,用户可以通过添加控件501添加指定应用的视图对象到管理页面21。
示例性的,如图7A和图7B所示,检测到作用于添加控件501的输入操作(例如点击操作)时,电子设备100可以显示支持视图对象提取模式的各应用程序的应用标识502;以视频应用的应用标识502A为例,用户点击应用标识502A后,电子设备100可以进入针对视频应用的视图对象提取模式,并显示图7C或图7D所示的视频应用的页面31和提示框。提示框可以参考前述提示框304。
在一种实现方式中,检测到用户点击应用标识502A时,电子设备100显示图7C所示的页面31,用户可以通过前述输入操作1、输入操作2和输入操作3中的一或多个操作,选择页面31中的一个视图对象添加到管理页面21。具体的,可以参考图4A至图4G提供的实现方式,或者参考图5A至图5D提供的实现方式。此处不再赘述。
在一种实现方式中,检测到用户点击应用标识502时,电子设备100显示图7D所示的页面31,以及页面31中所有可提取的视图对象对应的指示框,用户可以通过前述输入操作5选择页面31中的一或多个视图对象添加到管理页面21。具体的,可以参考图6A至图6J的相关描述,此处不再赘述。
(5)图7E至图7F示出了添加视图对象至管理页面21的另一种示例。
在一些实施例中,进入提取模式后,电子设备100可以接收用户在页面31划定指定区域的输入操作,将上述指定区域内的界面元素合为一个视图对象,并将该视图对象添加至管理页面。
示例性的,如图7E所示,电子设备100进入提取模式后,用户手指在页面31上滑动,电子设备100以用户手指滑动起点和滑动终点确定指定区域,将上述指定区域内的界面元素视为视图对象308;其中,滑动起点为指定区域的左上角,滑动终点为指定区域的右下角。如图7F所示,电子设备100显示视图对象308的指示框;检测到用户添加视图对象308至管理页面的输入操作(例如点击提示框中的确认控件)后,将视图对象308添加至管理页面21。
(6)图7G至图7H示出了添加视图对象至管理页面21的另一种示例。
在一些实施例中,可以将一个页面中的一或多个界面元素(例如控件、图标等)合为一个视图对象,并添加至管理页面;上述一或多个界面元素可以相邻,也可以不相邻。
示例性的,如图7G所示,用户点击即时通讯应用的页面34中特定联系人的聊天条目后,电子设备100显示该联系人的聊天页面38。如图7G和图7H所示,用户点击作用于聊天页面38中的控件511后,电子设备100显示聊天工具栏512,聊天工具栏512包括视频通话的图标513。检测到用户添加视频通话的图标513至管理页面的输入操作后,电子设备100将视图对象309添加至管理页面21。视图对象309不仅包括视频通话的图标513,还可包括上述特定联系人的头像和/或昵称。可以理解,将视频通话的图标513以及特定联系人的头像和/或昵称,合成为视图对象309添加至管理页面,便于用户确定该视频通话的图标用于与哪个联系人进行视频通话。
示例性的,图7I和图7J示出了电子设备100添加视频应用的视图对象301后,又将即时通讯应用的视图对象505、音乐应用的视图对象504、办公应用的视图对象310添加到管理页面21。
图7I所示的音乐应用的首页页面32包括多个菜单选项,例如用户中心选项503,用户点击用户中心选项503后,电子设备100显示音乐应用的用户中心页面33;用户中心页面33包括视图对象504,视图对象504用于添加和播放用户喜欢的歌曲,视图对象504显示有已添加的歌曲数量和已添加歌曲中已下载的歌曲数量;用户通过预设操作可以将视图对象504添加到管理页面21。
图7I所示的即时通讯应用的页面34包括一或多个联系人的聊天条目,页面34包括视图对象505;视图对象505为上述多个联系人的聊天条目中的一个,视图对象505可以包括联系人的头像505A、联系人的昵称505B、最近的聊天信息505C和最近的聊天信息的收发时间505D;用户也可以通过预设操作可以将视图对象504添加到管理页面21。
图7J所示的办公应用的页面39包括菜单栏,菜单栏包括消息选项、通讯录选项、工作台选项514和本地选项。用户点击工作台选项514后,电子设备100显示页面40,页面40包括多种办公事项的图标,例如打卡事项的图标515。用户点击打卡事项的图标515后,电子设备100显示打卡页面41,打卡页面41可以用于上班打卡和下班打卡。打卡页面41包括视图对象310,视图对象310包括打卡控件310A和指示信息310B;打卡控件310A显示有当前时间,当前时间处于上班打卡时间段时,打卡控件310A还显示有“上班打卡”,当前时间处于下班打卡时间段时,打卡控件310A还显示有“下班打卡;指示信息310B用于指示用户当前的位置,以及该位置是否在考勤范围内。用户可以通过预设操作可以将视图对象310添加到管理页面21。
添加视图对象309、视图对象504、视图对象505、视图对象310至管理页面21的具体实现,可以参考图4A至图7F的相关描述,此处不再赘述。
(7)图8A至图8D示出了添加跨设备的视图对象至管理页面21的另一种示例。
图4A至图7J示出了在电子设备100的管理页面添加电子设备100的已安装应用中的视图对象。在一些实施例中,电子设备100与其他一或多个设备(例如手机、平板、电脑、车载设备等)进行了协同连接。电子设备100中的管理页面,除了可以添加从本设备的已安装应用中提取的视图对象,还可以添加从已协同的其他设备(例如电子设备200)的已安装应用中提取的视图对象。这样,用户可以通过电子设备100的管理页面,使用电子设备200的视图对象,即已协同的电子设备200的视图对象可以流转至电子设备100中打开。
在一些实施例中,已协同的多个电子设备(例如电子设备100和电子设备200)设置有同一管理页面(例如管理页面21),并可以分别向该管理界面添加从本设备的应用中提取的视图对象,上述多个电子设备上的管理页面保持同步;一个设备的管理页面发生更新时(例如添加视图对象、删除视图对象、调整视图对象布局等),该设备可以将更新的相关信息发送给已协同的其他设备,以保证与其他设备的管理页面保持同步。
本申请实施例中,上述电子设备100与其他设备可以通过登录同一账号、连接同一局域网等一或多种方式建立协同连接,此处不做具体限定。
在一些实施例中,通过电子设备100的管理页面显示的电子设备200的视图对象,电子设备100可以调用电子设备200中与该视图对象相关的应用和硬件(例如摄像头、麦克风、定位模块等)。
示例性的,如图8A所示,电子设备100为车载设备,电子设备200为手机;电子设备200显示视频应用的视图对象301,电子设备200检测到用户添加视图对象301至管理页面的输入操作后,向电子设备100发送视图对象301的相关数据;电子设备100基于电子设备200发送的视图对象301的相关数据,将视图对象301添加至电子设备100的管理页面21中。电子设备100的管理页面添加电子设备200的视频应用的视图对象301后,电子设备100可以通过该视图对象301调用电子设备200的视频应用。如图8B所示,用户点击电子设备100的管理页面显示的视图对象301后,电子设备100显示电子设备200的视频应用中视图对象301对应的视频播放页面。在一种实现方式中,检测到用户点击电子设备100的管理页面显示的视图对象301后,电子设备100向电子设备200发送该点击事件的相关信息;电子设备200响应于该点击事件,获取视图对象301对应的视频播放页面的页面数据,并向电子设备100发送该页面数据;电子设备100基于该页面数据显示视频播放页面。
示例性的,如图8C所示,电子设备100为车载设备,电子设备200为手机;电子设备200显示即时通讯应用的聊天页面中的视频通话图标513,电子设备200检测到用户添加视频通话图标513至管理页面的输入操作后,向电子设备100发送视图对象309的相关数据,视图对象309包括视频通话图标513;电子设备100基于电子设备200发送的视图对象309的相关数据,将视图对象308添加至电子设备100的管理页面21中。电子设备100的管理页面21添加视图对象308后,电子设备100可以通过视图对象308调用电子设备200的即时通讯应用、摄像头和麦克风,进行视频通话。如图8D所示,用户点击电子设备100的管理页面显示的视图对象308后,电子设备100显示视频通话选项516、语音通话选项和取消选项。检测到用户点击视频通话选项516后,电子设备100显示电子设备200的即时通讯应用中的视频通话页面,视频通话页面包括电子设备200的摄像头采集的图像,电子设备100播放的视频通话的音频可以是电子设备200的麦克风采集的。
(8)下面对添加视图对象至管理页面21的两种实现方式进行示例性介绍。
实现方式一:在应用程序层新增选择视图(SelectView),电子设备100调用SelectView将各应用的视图对象添加到管理页面21。示例性的,参考图9A,视频应用可以调用SelectView的公共接口绘制视图对象301,并将绘制的视图对象301添加到管理页面21。
需要说明的是,管理页面实现为独立应用1的页面(例如管理页面21)时,SelectView可以实现为应用1的自定义View。管理页面实现为新增的***页面(例如负二屏)、已有的***页面(例如控制屏)或已有的***页面中的特定区域时,SelectView可以实现为***应用(例如桌面应用)的***组件。
其中,SelectView继承自view,电子设备100可以自定义的SelectView的子类,即SelectView可以设置多种公共接口,供各应用(例如应用2)进行适配,一个公共接口用于实现视图对象的一或多种特定功能。应用2适配了上述多种公共接口的公共接口1时,应用2可以调用上述公共接口1,以使管理页面21中应用2的视图对象可以实现上述公共接口1对应的功能;针对上述多种公共接口中应用2未适配的公共接口2,应用2不能调用,管理页面21中应用2的视图对象自然也不能实现该公共接口对应的功能。可以理解,管理页面21中的应用2的视图对象的业务逻辑(例如刷新逻辑)均通过SelectView的公共接口实现。
在一些实施例中,应用2可以通过已适配的公共接口控制管理页面21中的应用2的视图对象,以在管理页面21中实现视图对象在原应用(即应用2)中的原有功能,例如:刷新被提取的视图对象,被提取的视图对象各种点击监听等基础功能;通过已适配的公共接口,还可以为管理页面21中的视图对象提供个性化的新增功能。示例性的,页面31中的视图对象301所具备的所有功能统称为视图对象301的原有功能)。后续实施例,将对上述原有功能和新增功能进行详细介绍,此处不再赘述。
在一些实施例中,检测到触发视频应用进入视图对象提取模式或用户选择视频应用中的视图对象301的输入操作(例如输入操作1或输入操作4)时,视频应用调用SelectView绘制视图对象301,并添加到管理页面21。在一些实施例中,检测到确定将视图对象301添加到管理页面21的输入操作(例如前述输入操作2、点击确认控件)时,视频应用才调用SelectView绘制视图对象301。
实现方式二:利用电子设备100的操作***(例如Android***)的原生机制,将视频应用中的视图对象添加到管理页面21。
示例性的,参考图9B,检测到用户选择视图对象301的输入操作(例如前述输入操作1、输入操作3或输入操作5)或确定将视图对象301添加到管理页面21的输入操作(例如前述输入操作2、点击确认控件)时,视频应用利用操作***的原生机制获取页面31的页面数据,将页面31中视图对象301之外的其他界面元素的属性均设置为不可见,即视图对象301之外的界面元素被隐藏;然后,视频应用将隐藏其他界面元素的页面31添加到管理页面21。可以理解,添加到管理页面21的页面31可以视为视频应用的页面31的副本,该副本可见的界面仅包括视图对象301。在一种实现方式中,参考图9B,电子设备100可以根据可见的视图对象301的尺寸缩小页面31的副本的尺寸,并将缩小后的页面31的副本添加到管理页面21;缩小后的页面31的副本的尺寸大于或等于视图对象301的尺寸。
本申请实施例对设置界面元素不可见的方式不做具体限定。在一种实现方式中,将界面元素的透明度设置为100%,可以实现该界面元素不可见。
需要说明的是,实现方式二中,管理页面21中添加的页面31中视图对象301之外的界面元素均不可见,此时的页面31可以视为视图对象301。针对管理页面21中通过实现方式二生成的视图对象301,视图对象301的所有功能、刷新逻辑、生命周期均与原应用中的视图对象301保持一致,除了管理页面提供的功能和视频应用中视图对象301的原有功能,不增加任何新功能。
本申请实施例中,支持视图对象提取模式的应用,无论是否适配SelectView,均可选择和添加视图对象到管理页面21。若应用适配了SelectView,则可采用SelectView的公共接口实现视图对象的功能;若应用未适配SelectView,则采用隐藏页面中未选择的界面元素的功能,只保留被选中的视图对象的功能。应用可以根据是否增加视图对象的功能,来选择是否适配SelectView。
需要说明的是,上述实现方式一和二中是以视频应用的视图对象301为例进行说明,上述实现方式一和实现方式二同样也适用于其他视图对象,此处不再赘述。
2、下面对本申请实施例提供的管理页面的显示位置、显示方式和布局方式进行详细介绍。
(1)下面示例性介绍了本申请实施例涉及的管理页面的更多显示位置。
本申请实施例涉及的管理页面可以是一个页面,该页面可以是新增页面(例如用于实现视图对象管理的应用1的管理页面21、新增负二屏、新增Widget对应的页面),也可以是现有页面(例如主界面的第一屏、主界面的第二屏、控制屏、通知屏),也可以是一个页面(例如前述新增页面或现有页面)的预设区域(小窗口、卡片或Widget)中的页面等,本申请实施例对此不做具体限定。
在一些实施例中,参考图3A至图8D的相关描述,管理页面可以为用于实现视图对象管理的应用1的管理页面21。
下面以管理页面添加了视图对象301、视图对象504和视图对象505为例,继续进行示例性说明。
在一些实施例中,管理页面可以为新增的负二屏。示例性的,如图10A和图10B所示,检测到用户向左滑动负一屏13后,电子设备100显示负二屏22,负二屏22可以包括用户从各应用中添加的视图对象。
在一些实施例中,管理页面可以为控制屏,控制屏提供了添加其他应用的视图对象的接口。示例性的,如图10C所示,控制屏14还可以包括用户从各应用中添加的一或多个视图对象(例如视图对象301、视图对象504和视图对象505),上述一或多个视图对象分别以快捷卡片/快捷组件的形式组合在控制屏14中,上述一或多个视图对象的布局样式跟随控制屏14现有的布局样式。如图10C所示,控制屏14还可以包括其他组件,例如智能家居的一或多个控制卡片,上述一或多个控制卡片和上述一或多个视图对象可以混合排列,也可以分开排列布局,此处不做具体限定。
在一些实施例中,管理页面可以为控制屏中的小窗口,控制屏为该小窗口提供了添加其他应用的视图对象的接口。示例性的,如图10D所示,控制屏14中的预设小窗口可以包括用户从各应用中添加的一或多个视图对象。
在一些实施例中,管理页面可以为主界面的第二屏中的新增widget对应的页面。示例性的,如图10E和图10F所示,主界面的第二屏12包括widget506,检测到用户作用于widget 506的输入操作(例如长按操作)后,电子设备100显示widget 506对应的页面23,页面23可以包括用户从各应用中添加的一或多个视图对象。第二屏12中的widget 506可以显示有页面23已添加的视图对象,该视图对象可以视为widget 506的封面;该视图对象可以是页面23中最近添加的视图对象,也可以是用户设置的视图对象(例如视图对象301),此处不做具体限定。在一些实施例中,以视图对象301为例,无需通过widget 506先打开页面23再操控视图对象301,用户也可以直接操控第二屏12的widget 506显示的视图对象301,即widget 506显示的视图对象也具备该视图对象的原有功能以及部分或全部新增功能。
在一些实施例中,电子设备100的主界面显示有侧边栏,用户通过点击或滑动该侧边栏,可以调出管理页面。示例性的,电子设备100为车载设备或平板电脑。
后续实施例继续以管理页面21为例,进行示例性说明。
(2)下面介绍管理页面的显示方式。
本申请实施例中,管理页面为现有页面时,管理页面的显示方式遵循该现有页面的显示方式。管理页面为新增页面或现有页面中的预设区域(例如小窗口)内的页面时,管理页面的显示方式包括但不限于如下三种。
显示方式1:任意方向无限页面
显示方式1中管理页面为单页面,单页面容纳所有被添加的其他应用的视图对象;受限于显示屏大小,显示屏不能显示管理页面21中的所有视图对象时,用户可以沿任意方向滑动管理页面21,以查看管理页面21中的更多内容。在一种实现方式中,管理页面的父布局调用了垂直滚动视图(scrollview)和水平滚动视图(HorizontalScrollView),以实现管理页面可以沿任意方向滑动。电子设备100对该页面的尺寸无限制。在一种实现方式中,电子设备100可以定义该页面的初始尺寸,该页面的尺寸可以随视图对象的添加而扩大。
显示方式2:单方向无限页面
显示方式2中管理页面为单页面,单页面容纳所有被添加的其他应用的视图对象,单方向无限页面可以包括水平方向无限页面和垂直方向无限页面。在一种实现方式,管理页面的父布局调用了循环滚动视图(recycleview)或列表视图(listview),以实现管理页面可以沿单方向(例如水平方向或垂直方向)滑动。
管理页面为垂直方向无限页面时,用户可以沿垂直方向滑动管理页面21,以查看管理页面21中的更多内容。电子设备100限制该页面的宽度,对该页面的高度无限制。在一种实现方式中,电子设备100可以定义该页面的初始高度,该页面的高度可以随视图对象的添加而扩大。
管理页面为水平方向无限页面时,用户可以沿水平方向左右滑动管理页面21,以查看管理页面21中的更多内容。电子设备100限制该页面的高度,对该页面的宽度无限制。在一种实现方式中,电子设备100可以定义该页面的初始宽度,该页面的宽度可以随视图对象的添加而扩大。
显示方式3:可翻页的多页面
显示方式3中管理页面包括多个单页面,受限于显示屏大小,管理页面21只能显示上述多个单页面中的部分页面(例如1个单页面),用户可以通过左右翻页,查看上述多个单页面中未显示的页面。电子设备100限制每个单页面的尺寸,多个单页面的尺寸均相同。在一种实现方式,管理页面的父布局调用了翻页视图(viewpager),以实现管理页面中的多个单页面的翻页。
在一些实施例中,用户向管理页面添加新的视图对象时,若管理页面已有的页面不足以容纳该视图对象,则电子设备100可以自动为管理页面新增页面,并将上述视图对象添加到该新增页面。在一些实施例中,管理页面可以包括用于增加页面的控件,用户通过该控件可以为管理页面增加新的空白页面。在一些实施例中,管理页面可以包括用于删减页面的控件,用户通过该控件,可以删减特定页面以及该特定页面中视图对象。
(3)下面介绍管理页面内的视图对象的布局方式。
在一些实施例中,管理页面调用两个线性布局(linearlayout),以实现各视图对象的排列;上述两个线性布局(linearlayout)包括水平布局(例如android:orientation=”vertical”)和垂直布局(例如android:orientation=”vertical”),这样,管理页面的内部布局能以表格的形式存放多个视图对象。
在一些实施例中,用户向管理页面添加新的视图对象时,电子设备100基于默认的排列形式对该视图对象进行自动布局。
在一些实施例中,基于视图对象尺寸规格可以将视图对象划分为多个种类,例如正方形、竖长方形、横长方形等;然后基于视图对象的尺寸规格和种类,可以定义多种标准的子布局的排列形式。电子设备100存储有上述多种排列形式,管理页面的父布局可以添加上述多种子布局的排列形式。每种排列形式可以容纳一或多种尺寸规格的视图对象。示例性的,图11A示例性地示出了四种子布局的排列形式,即子布局的排列形式1至排列形式4。通常,预设的排列形式,利用各视图对象的尺寸规格的特点,使得该排列形式中各视图对象间相互贴合,不会有大量留白。
需要说明的是,上述显示方式1中,管理页面的父布局对子布局的尺寸和个数没有限制;上述显示方式2和显示方式3中,管理页面的父布局对子布局的尺寸有限制,对子布局的个数没有限制。例如,显示方式3中,子布局的宽度小于等于管理页面的单页面的宽度。
在一些实施例中,用户向管理页面添加新的视图对象时,电子设备100可以基于预设的一或多种子布局的排列形似对该视图对象进行自动布局。在一些实施例中,电子设备100可以根据该视图对象的尺寸规格确定该视图对象的种类,并根据该视图对象的尺寸规格和/或种类,选择上述多种排列形式中的一种对其进行排列,以确定该视图对象在管理页面的显示位置。在一些实施例中,将视图对象添加到特定排列形式中时,可以对该视图对象进行等比例缩放,以使其适应于上述特定排列形式。例如,排列形式1的指定区域可以容纳长方形的视图对象,电子设备100可以使用排列形式1对长方形的视图对象进行排列;当用户添加的长方形的视图对象1和上述指定区域的尺寸不一致时,可以将视图对象1进行等比例缩放,使其适应于上述指定区域。可以理解,视图对象1等比例缩放后,视图对象1和上述指定区域的宽/或高相等。
在一些实施例中,用户依次添加视图对象1和视图对象2。如图11B所示,用户添加视图对象1后,电子设备100确定排列形式4可以容纳视图对象1的尺寸规格,电子设备100采用排列形式4对视图对象1进行布局,确定视图对象1的显示位置。如图11C所示,用户添加视图对象2后,若排列形式4也可以容纳视图对象2的尺寸规格,则电子设备100继续基于排列形式4确定视图对象2的显示位置。如图11D所示,用户添加视图对象2后,若排列形式4不可以容纳视图对象2的尺寸规格,且排列形式1可以容纳视图对象2的尺寸规格,则电子设备100采用新的排列形式1对视图对象2进行布局,确定视图对象2的显示位置。图11D中,排列形式4和排列形式1对应的子布局之间横向排列;不限于横向排列,本申请实施例中,两个排列形式对应的子布局之间也可以纵向排列。
在一些实施例中,也可以不采用上述预设的子布局排列形式进行布局。用户添加一个新的视图对象到管理页面时,电子设备100在管理页面的空白区域,将该视图对象贴着已有的视图对象沿水平/垂直方向继续排列。示例性的,如图11E所示,用户依次添加视图对象1和视图对象2到管理页面;用户视图对象2到管理页面时,在管理页面21的空白区域,将视图对象2贴着已有的视图对象1沿垂直方向继续排列。
为了便于用户使用,***也提供一键排序功能,针对默认排列形式不满意的情况,用户可使用一键排序功能,刷新排列形式。在一些实施例中,管理页面可以基于预设的多种排列规则对所有视图对象进行整体布局;管理页面包括用于一键排列的控件,检测到用户点击该控件时,电子设备100基于上述多种排列规则中的一种对管理页面中所有视图对象进行重新布局;若用户继续点击该控件,则电子设备100继续换一种排列规则进行重新布局,直至将上述多种排列规则遍历一遍。在一些实施例中,管理页面包括上述多种排列规则分别对应的控件,检测到用户点击一种排列规则对应的控件时,电子设备100按照该排列规则对管理页面中所有视图对象进行重新布局。
在一些实施例中,用户可以通过预设操作手动调节视图对象(例如视图对象1)的布局位置和尺寸。在一种实现方式中,管理页面的子布局可以设置长按点击响应;子布局填入其他应用的视图对象后,当检测到用户的长按操作时,电子设备100在管理页面显示指示信息,以指示用户可以调整该视图对象的位置/尺寸。
可以理解,在一些实现方式中,用户添加视图对象1时,电子设备100可以按照预设排列形式中视图对象的尺寸对视图对象1进行等比例缩放,且用户后期可以手动调整视图对象1的尺寸。
示例性的,参考图11F,检测到用户长按管理页面21的空白区域或管理页面21中的视图对象时,电子设备100在管理页面21中显示各视图对象对应的指示框,以指示用户可以调整该视图对象的位置/尺寸。如图11G所示,用户可以拖动视图对象505到管理页面的其他位置。
在一些实施例中,用户也可以通过预设操作对管理页面中其他应用的视图对象进行删除,用户可以逐个删除或批量删除管理页面中其他应用的视图对象。
示例性的,参考图11H,检测到用户长按管理页面21的空白区域或管理页面21中的视图对象时,电子设备还可以在管理页面中显示删除控件;如图11I和图11J所示,检测到用户拖动视图对象505至删除控件时,电子设备100可以删除管理页面21中的视图对象1。可选的,如图11K所示,删除视图对象505后,管理页面21中的其他视图对象可以自动填补视图对象505的显示位置,使得管理页面21中视图对象布局紧凑,视图对象间尽量不留空白区域。
在一些实施例中,电子设备100可以自动调节管理页面的色调,使其与***主题色调保持一致。通常电子设备100设置有***主题,***主题可以用于指示桌面布局风格、图标风格和色调。在一些实施例中,管理页面的初始色调为默认色调;管理页面包括用于调整色调的控件,检测到用户点击该控件时,电子设备100可以调节管理页面的色调为***主题色调;用户再次点击该控件,也可以恢复管理页面的默认色调。
在一些实施例中,对管理页面中的视图对象按照所属的应用进行分类管理。当用户向管理页面添加应用2的多个视图对象后,将上述多个视图对象合并为应用2的应用标识,显示在管理页面;检测到用户点击该应用标识时,电子设备100才在管理页面显示来自应用2的多个视图对象。
示例性的,以即时通讯应用的为例,用户将即时通讯应用的视图对象505、视图对象507和视图对象508添加到了管理页面21;如图11L所示,管理页面21显示有即时通讯应用的应用标识509;检测到用户点击应用标识509时,电子设备100才在管理页面显示来自即时通讯应用的视图对象505、视图对象和视图对象508。可选的,检测到用户再次点击应用标识509时,可以停止显示来自即时通讯应用的视图对象。
在一些实施例中,对管理页面中的视图对象按照视图对象的原页面进行分类管理。当用户向管理页面添加一个应用的同一页面的多个视图对象后,将上述多个视图对象合并为该页面的页面标识,显示在管理页面;检测到用户点击该页面标识时,电子设备100才在管理页面显示来自该页面的多个视图对象。
不限于按照所属的应用、原页面进行分类管理,本申请实施例还可以按照其他规则对管理中的视图对象进行分类管理,此处不做具体限定。
3、下面对管理页面中视图对象具备的原有功能和新增功能进行示例性介绍。
本申请实施例中,管理页面21添加应用2的视图对象1后,可以在管理页面21可以实现视图对象1的原有功能,保持现视图对象1的原有业务逻辑。视图对象1的原有功能指应用2中视图对象1所具备的功能。
示例性的,如图12A所示,管理页面21添加了视频应用的视图对象301、即时通讯应用的视图对象505和音乐应用的视图对象504。
如图12A所示,管理页面21和视频应用中的视图对象301均具备该视图对象的原有功能。视图对象301包括视频1的封面,检测到用户点击视频应用的页面31中的视图对象301的封面后,电子设备100显示视图对象301对应的下一级页面,即视频播放页面35,视频播放页面35用于播放视频1。检测到用户点击管理页面21中的视图对象301的封面后,电子设备100前台运行视频应用,也跳转至视频播放页面35。
如图12B所示,管理页面21和音乐应用中的视图对象504均具备该视图对象的原有功能。检测到用户点击音乐应用的用户中心页面33中的视图对象504后,电子设备100显示视图对象504对应的下一级页面,即歌曲列表页面36。检测到用户点击管理页面21中的视图对象504的封面后,电子设备100前台运行音乐应用,也跳转至歌曲列表页面36。
视图对象504为特定联系人的聊天条目,用户点击管理页面21和即时通讯应用中的视图对象504后,电子设备100均可以跳转至上述特定联系人的聊天界面。
可以理解,管理页面21添加应用2的视图对象1,并不影响应用2中的视图对象1的正常使用。将各应用中常用功能对应的视图对象添加至管理页面21后,用户通过管理页面21可以快速查询和使用用户常用功能对应的视图对象。由于各用户使用习惯不同,常用功能不同,各用户的电子设备的管理页面21添加的视图对象通常也不同,有效实现了个性化定制。
在一些实施例中,各应用可以对添加到管理页面21中的视图对象(例如视图对象1)的原有功能的触发方式进行修改,还可以针对该视图对象提供更多新增功能。修改触发方式的原有功能也可以视为该视图对象的新增功能。下面对新增功能进行示例性说明。
(1)手势监听,基于预设手势放大管理页面,实现视图对象的页面跳转。
在一些实施例中,管理页面支持手势识别,并可以基于预设手势放大和缩小管理页面,管理页面中的各视图对象也随之放大/缩小。在一些实施例中,管理页面为任意方向无限页面时,管理页面可以随用户的手势放大和缩小。
在一些实施例中,管理页面中的视图对象1的面积随预设手势放大至预设值时,电子设备100跳转至视图对象1在原应用中的下一级页面。
示例性的,如图13A和图13B所示,电子设备100检测到用户在管理页面的放大手势,所述放大手势包括用户的双指在管理页面上滑动,且双指在显示屏上的触摸点间的距离增大;响应于放大手势,电子设备100放大管理页面,管理页面中的视图对象也随之放大。相反的,缩小手势包括用户的双指在管理页面上滑动且双指在显示屏上的触摸点间的距离减小,缩小手势可以用于缩小管理页面。
在一些实施例中,参考图13A至图13C,以视图对象301为例,上述放大手势作用于视图对象301,视图对象301随放大手势放大;当视图对象301的面积放大至预设值时,电子设备100显示的界面跳转至视图对象301的原应用(即视频应用)。在一种实现方式中,检测到视图对象301的面积放大至预设值时,可以跳转至视图对象301在视频应用中的下一级页面,即图13C所示的视频播放页面35。在一种实现方式中,检测到视图对象301的面积放大至预设值时,可以跳转至视图对象301在视频应用中的原始页面(即页面31)。
在一些实施例中,参考图13C和图13D,由管理页面跳转至视图对象301对应的视频应用后,响应于用户的缩小手势,电子设备100可以关闭视频应用或者将该应用放入后台运行,返回管理页面21。
(2)点击监听,点击事件触发在管理页面显示视图对象的相关内容
在一些实施例中,用户点击管理页面中的视图对象,可以不将管理页面跳转至视图对象在原应用中的下一级页面,即全屏显示下一级页面,而是在管理页面中显示弹窗,该弹窗用于显示上述下一级页面的部分或全部内容;用户可以通过该弹窗触发电子设备跳转至上述下一级页面。在一种实现方式中,该弹窗用于显示上述下一级页面中用户关注的视图内容。本申请实施例中,视图对象的下一级页面可以是该视图对象的原应用中的页面,也可以是其他应用的页面,此处不作具体限定。
示例性的,视频应用中的视图对象301的下一级页面为视频播放界面35,视频播放界面35中用户最关注和常用的视图内容,通常包括视频显示区和视频进度条;如图14A所示,检测到用户点击管理页面21中的视图对象301时,电子设备100显示弹窗601,弹窗601可以包括上述视频显示区和视频进度条。在一些实施例中,弹窗601还可以包括放大控件602和/或关闭控件603;放大控件602用于触发电子设备100跳转至视频对象301在视频应用中的下一级页面(即视频播放界面35),全屏显示视频播放界面35;关闭控件603用于触发电子设备100关闭弹窗601。
示例性的,音乐应用中的视图对象504的下一级页面为歌曲列表页面36,歌曲列表页面36中用户最关注和常用的视图内容,通常包括用户喜欢的歌曲列表。如图14B所示,检测到用户点击管理页面21中的视图对象504时,电子设备100显示弹窗604,弹窗604可以包括上述用户喜欢的歌曲列表。类似的,弹窗604也可以包括放大控件605和/或关闭控件606。
在一些实施例中,用户点击管理页面中的视图对象,可以不跳转至视图对象在的原应用中的下一级页面,即全屏显示下一级页面,而在管理页面中该视图对象的显示区域中显示上述下一级页面的常用功能的相关内容。
示例性的,参考图14C,音乐应用的视图对象504的下一级页面为歌曲列表页面36中,用户的常用功能包括点击歌曲列表中一首歌曲进行播放。如图14C所示,检测到用户点击管理页面21中的视图对象504时,电子设备100在视图对象504的显示区域显示音乐播放组件,并播放上述歌曲列表中的歌曲1;若用户继续点击音乐播放组件,则电子设备100再跳转到歌曲列表页面36。上述音乐播放组件可以包括歌曲1的封面、歌名、歌手和播放进度,以及用于切换歌曲的控件等信息。在一些实施例中,电子设备100将视图对象504的显示内容替换为上述音乐播放组件。
可以理解,图14A至图14C示例性示出的点击效果,可以视为视图对象的轻量级的点击效果,即无需跳转至视图对象在原应用的下一级页面,直接在管理页面展示用户意图查看的下一级页面的相关内容。不限于图14A至图14C示出的轻量级的点击效果,本申请实施例涉及的管理页面还可以提供其他轻量级点击效果,此处不做具体限定。
可以理解,图14A至图14C的示例中,电子设备100修改了视图对象的原有功能的业务逻辑,包括原有功能的触发方式。在本申请的一些实施例中,也可以保持管理页面中的视图对象的原有功能的业务逻辑(例如触发方式)不变,视图对象的新增功能的业务逻辑和原有功能的业务逻辑均不冲突。例如,保留原有点击效果,用户可以通过其他预设操作触发电子设备100在管理页面显示视图对象对应的弹窗,或者在管理页面中该视图对象的显示区域显示下一级页面的常用功能的相关内容。
例如,原有功能的点击效果是通过单指点击操作触发的,上述其他预设操作是不同于单指点击操作的操作,例如双指点击操作、三指点击操作、单指滑动操作、双指滑动操作、指关节滑动等等,本申请实施例对上述其他预设操作不做具体限定。示例性的,检测到针对视图对象504的双指点击操作时,电子设备100在管理页面显示视图对象504对应的弹窗604。检测到针对视图对象504的双指下滑的操作时,电子设备100在视图对象504的显示区域显示音乐播放组件。
在一些实施例中,以音乐应用的视图对象504为例,如图14D和图14E所示,通过管理页面21跳转至视图对象504对应的下一级页面(即歌曲列表页面36)后,通过用于返回上一级页面的返回操作(例如前述返回手势),可以触发电子设备100返回音乐应用的用户中心页面33,也可以触发电子设备100返回管理页面21,此处不做具体限定。可以理解,音乐应用中,用户中心页面33是歌曲列表页面36的上一级页面。在一种实现方式中,将管理页面中的视图对象504作为音乐应用的一个入口,通过该入口进入音乐应用后,音乐应用和管理界面解耦;返回操作触发的是返回音乐应用中歌曲列表页面36的上一级页面,即用户中心页面33。在一种实现方式中,由管理页面跳转至视图对象504对应的下一级页面(即歌曲列表页面36)后,管理页面也可以视为歌曲列表页面36的上一级页面,返回操作触发的是返回管理页面。
在一些实施例中,采用***原生机制添加视图对象504的情况下,视图对象504保留原有的业务逻辑,音乐应用的原有业务逻辑中可以设置管理页面跳转至视图对象504对应的下一级页面之后,返回操作触发的是返回到管理页面还是音乐应用中的上一级页面。在一些实施例中,采用SeclectView添加视图对象,音乐应用可以通过适配SeclectView的公共接口实现点击跳转的新的响应事件(例如前述轻量级点击效果),跳转后返回到哪个页面也可以通过公共接口确定,此处不做具体限定。
(3)视图对象的聚焦效果
在一些实施例中,用户对管理页面中的视图对象1实施预设操作(例如点击操作)时,电子设备可以在视图对象1上显示聚焦效果,例如缩放效果等。在一些实施例中,用户对管理页面中的视图对象1实施预设操作(例如点击操作)时,针对其他用户未操作的视图对象,也可以通过设置透明度、蒙层、动效等一或多种方式,突出被用户操作的视图对象。
示例性的,如图15A、图15B和图15C所示,检测到用户点击视图对象504时,电子设备100显示视图对象504进行缩放,即先缩小再放大为原尺寸,且在缩放过程中其他视图对象(即视图对象301和视图对象505)上显示半透明的蒙层;如图15D所示,显示聚焦效果后,电子设备100再响应于用户的点击操作,执行相应的响应事件,例如,显示视图对象504对应的弹窗604。
(4)调整视图对象的内部布局
在一些实施例中,用户可以通过预设操作,触发视图对象1进入内部布局的编辑模式。编辑模式下,用户可以修改视图对象1的内部布局,调整视图对象1内各界面元素的位置和/或尺寸。
示例性的,以视图对象505为例,如图16A和图16B所示,检测到用户针对视图对象505的预设操作(例如双指长按操作)时,电子设备100显示视图对象505中各控件分别对应的指示框,该指示框用于指示当前进入编辑模式,用户可以调整视图对象505内部的控件的位置和/或尺寸。如图16B和图16C所示,用户可以在视图对象505的显示区域内拖动控件505D,电子设备100显示控件505D跟随用户手指移动。本申请实施例对触发调整内部布局的上述预设操作不做具体限定。不限于上述指示框,也可以通过其他方式指示当前进入编辑模式,例如通过视图对象505内的控件的边缘高亮指示当前进入编辑模式。
在一些实施例中,用户调整视图对象内部控件的布局后,电子设备100可以自适应调整该视图对象的尺寸。示例性的,如图16C和图16D所示,用户调整视图对象505中控件505D的显示位置后,视图对象505的右侧部分区域没有控件,电子设备100可以基于调整后的各控件的显示位置,缩小视图对象505。
(5)接口功能扩展
在一些实施例中,一个应用适配了SelectView的多种公共接口,在管理页面中该应用的视图对象1可实现的接口功能十分丰富。检测用户针对视图对象1的预设操作时,电子设备100可以显示视图对象1可实现的多种功能分别对应的功能选项,用户可选择其中任一个功能选项实现相应的功能。需要说明的是,不同视图对象可实现的功能选项可以相同,也可以不同。这样,无需用户记忆多种功能各自的触发方式,便于用户操作。本申请实施例对上述预设操作不做具体限定。下面以视图对象505为例进行说明,如图15A所示,视图对象505为特定联系人的聊天条目,可用于触发上述特定联系人的聊天页面。
在一些实施例中,上述预设操作包括触摸操作;如图17所示,检测到用户触摸视图对象505时,视图对象505显示多个功能选项607,例如多个功能选项607包括:显示弹窗、调整内部布局、语音通话、视频通话、发送红包、发送位置、发送语音等功能选项。如图17所示,检测到用户触摸视图对象505后未松手,且手指直接滑向上述多个功能选项607中的一个功能选项时,电子设备100执行该功能选项对应的响应事件;例如,该功能选项为语音通话对应的功能选项时,电子设备100显示上述特定联系人的语音通话页面37。检测到用户触摸视图对象505后就松手时,电子设备100可以执行点击视图对象505对应的响应事件。
在一些实施例中,点击操作可以分为轻击操作和重击操作,电子设备100可以区分用户在显示屏上输入的轻击操作和重击操作,轻击视图对象和重击视图对象可以触发不同的响应事件;上述预设操作可以包括重击操作;检测用户重击视图对象505时,显示视图对象505可实现的多个功能选项607;检测用户点击上述多个功能选项607中的一个功能选项(例如语音通过对应的功能选项)时,电子设备100显示语音通话页面37。检测用户轻击在视图对象505时,电子设备100可以执行轻击视图对象505对应的响应事件,例如跳转至视图对象对应的下一级页面,即上述特定联系人的聊天页面。
本申请提供了一种界面显示方法,该方法应用于电子设备,该方法包括:
显示第一应用的第一页面,第一页面包括一或多个视图对象;检测到作用于第一页面的第一视图对象的第一操作的情况下,执行第一视图对象的第一功能,第一视图对象为第一页面的一或多个视图对象中的任一个;检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面;检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能。
本申请实施例中,第二页面可以为前述管理页面,第一功能可以为前述原有功能。
示例性的,第一应用的第一页面可以为前述视频应用的页面31,第一视图对象可以为页面31中的视图对象301;参考图4A至图7H的相关描述,第一操作可以包括用于将页面31中的视图对象301添加至管理页面的输入操作,例如前述输入操作1、输入操作2、输入操作3、输入操作4和输入操作5中的一或多个操作;参考图12A,第一操作可以包括作用于页面31中的视图对象301的输入操作(例如点击操作),第一操作可以包括作用于管理页面21中的视图对象301的输入操作(例如点击操作),视图对象301的第一功能包括跳转至视频播放页面35。
示例性的,第一应用的第一页面可以为前述音乐应用的用户中心页面33,第一视图对象可以为用户中心页面33中的视图对象504;参考图12B,第一操作可以包括作用于用户中心页面33中的视图对象504的输入操作(例如点击操作),第一操作可以包括作用于管理页面21中的视图对象504的输入操作(例如点击操作),视图对象504的第一功能包括跳转至歌曲列表页面36。
示例性的,第一应用的第一页面可以为前述即时通讯应用的页面34,第一视图对象可以为页面34中的视图对象505;第一操作可以包括作用于页面34中的视图对象505的输入操作(例如点击操作),第一操作可以包括作用于管理页面21中的视图对象505的输入操作(例如点击操作)。
在一些实施例中,上述方法还包括:检测到针对第二页面的第一视图对象的第四操作,响应于第四操作,执行第一视图对象的第二功能,第一页面的第一视图对象不具备第二功能。
本申请实施例中,第二功能可以为前述新增功能,参考图13A至图17,管理页面中视图对象的新增功能包括以下一或多项:放大手势触发页面跳转,缩小手势返回管理页面;触发电子设备显示弹窗,弹窗包括视图对象的下一级页面的相关内容;触发电子设备在视图对象的显示区域显示视图对象的下一级页面的相关内容;触发电子设备显示视图对象的聚焦效果;触发电子设备调整视图对象的内部布局;触发电子设备显示视图对象相关的多个功能选项。
在一些实施例中,上述方法还包括:显示第二应用的第三页面,第三页面包括一或多个视图对象,第二视图对象为第三页面的一或多个视图对象中的任一个;检测到针对第三页面的第二视图对象的第五操作,响应于第五操作,将第二视图对象添加到第二页面,在第二页面显示第二视图对象。
其中,第二应用不同于第一应用,第二应用的第三页面的第二视图对象可以参考前述第一应用的第一页面的第一视图对象的相关描述,此处不再赘述。
在一些实施例中,第一功能包括跳转至与第一视图对象关联的第四页面;第三操作包括用于放大第一视图对象的第一手势,第一手势包括用户的双指在显示屏上滑动且双指间的距离增大,第二手势包括用户的双指在显示屏上滑动且双指间的距离减小;上述检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能,包括:检测到作用于第二页面的第一视图对象的第一手势;响应于第一手势,放大第一视图对象;第一视图对象的面积随第一手势放大至预设值时,显示第四页面;上述方法还包括:检测到针对第四页面的第二手势时,显示第二页面。
本申请实施例中,第一手势可以为前述放大手势,第二手势可以为前述缩小手势,第四页面可以为第一视图对象的下一级页面。示例性的,参考图13A至图13C的相关描述,第一视图对象为前述视图对象301,第四页面可以为视频应用的视频播放页面35;作用于视图对象301的放大手势,可以触发电子设备跳转至视频播放页面35;作用于视频播放页面35的缩小手势,可以触发电子设备返回管理页面21。
在一些实施例中,第一功能包括跳转至与第一视图对象关联的第四页面;上述检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能,包括:检测到作用于第二页面的第一视图对象的第六操作;响应于第六操作,显示第一弹窗,第一弹窗用于显示第四页面的部分或全部内容;检测到作用于第一弹窗的第七操作;响应于第七操作,显示第四页面;第三操作包括第六操作和第七操作。
示例性的,参考图14A的相关描述,第一视图对象为前述视图对象301,第四页面可以为视频应用的视频播放页面35,第一弹窗可以为弹窗601;第六操作包括作用于管理页面21中的视图对象301的输入操作(例如点击操作),第七操作包括作用于弹窗601中的放大控件602的输入操作(例如点击操作)。
示例性的,参考图14B的相关描述,第一视图对象为前述视图对象504,第四页面可以为视频应用的页面36,第一弹窗可以为弹窗604;第六操作包括作用于管理页面21中的视图对象504的输入操作(例如点击操作),第七操作包括作用于弹窗604中的放大控件的输入操作(例如点击操作)。
在一些实施例中,第一功能包括跳转至与第一视图对象关联的第四页面;上述检测到针对第二页面的第一视图对象的第三操作,响应于第三操作,执行第一视图对象的第一功能,包括:检测到作用于第二页面的第一视图对象的第八操作;响应于第八操作,在第二页面的第一视图对象的显示区域,显示第四页面中的常用功能对应的第三视图对象;检测到作用于第三视图对象的第九操作;响应于第九操作,显示第四页面;第三操作包括第八操作和第九操作。
示例性的,参考图14C的相关描述,第一视图对象为前述视图对象504,第四页面可以为视频应用的页面36,第一弹窗可以为弹窗604;第八操作包括作用于管理页面21中的视图对象504的输入操作(例如点击操作),第三视图对象包括前述音乐播放组件,第九操作包括作用于音乐播放组件内的空白区域的输入操作(例如点击操作)。
在一些实施例中,第三操作包括作用第二页面的第一视图对象的点击操作;检测到点击操作时,电子设备在第二页面显示第一视图对象的聚焦效果后,再响应点击操作;第一视图对象的聚焦效果包括以下一或多项:第一视图对象先缩小后放大,第二页面中第一视图对象之外的视图对象统一由第一显示形式变化为第二显示形式。
示例性的,参考图15A至图15D的相关描述,第一视图对象为前述视图对象504;视图对象504的聚焦效果包括:视图对象504进行缩放,视图对象504之外的视图对象添加半透明的蒙层。即第一显示形式可以为视图对象504原本的显示形式,第二显示形式可以为视图对象504添加半透明的蒙层。
在一些实施例中,第一视图对象包括一或多个控件,上述一或多个控件包括第一控件,第二功能包括调整第一视图对象中的第一控件的显示位置和/或尺寸,检测到针对第二页面的第一视图对象的第四操作,响应于第四操作,执行第一视图对象的第二功能,包括:检测到作用于第二页面的第一视图对象的第十操作;响应于第十操作,显示指示信息,指示信息用于指示进入第一视图对象的编辑模式,第一视图对象的编辑模式用于调整第一视图对象内的任一控件的显示位置和/或尺寸;第一视图对象的编辑模式下,检测到作用于第一控件的拖动操作;响应于拖动操作,在第一视图对象的显示区域内,基于拖动操作的操作轨迹移动第一控件;第四操作包括第十操作和拖动操作。
示例性的,参考图16A至图16D的相关描述,第一视图对象为前述视图对象505,第二功能包括调整视图对象的内部布局;第十操作包括作用于管理页面21中的视图对象505的输入操作(例如双指长按操作),指示信息可以包括视图对象内部各控件的指示框,第一控件可以为控件505D。
在一些实施例中,上述检测到针对第二页面的第一视图对象的第四操作,响应于第四操作,执行第一视图对象的第二功能,包括:检测到作用于第二页面的第一视图对象的第十一操作;响应于第十一操作,显示第一视图对象的多个功能对应的功能选项,多个功能选项包括第二功能对应的功能选项;检测到作用于第二功能对应的功能选项的第十二操作;响应于第十二操作,执行第二功能;第四操作包括第十一操作和第十二操作。
示例性的,参考图17的相关描述,第一视图对象为前述视图对象505,第二功能包括触发电子设备显示视图对象相关的多个功能选项,还包括语音通话功能;第十一操作包括作用于管理页面21中的视图对象505的输入操作(例如触摸操作),第十二操作可以包括触摸视图对象505后手指滑向第二功能的功能选项的滑动操作。
在一些实施例中,向第二页面添加了第一应用的多个视图对象后,第二页面显示有第一应用的应用标识;上述方法还包括:检测到作用于第一应用的应用标识的第十三操作;响应于第十三操作,在第二页面显示第一应用的多个视图对象。
示例性的,参考图11L的相关描述,第一应用的第一视图对象可以为即时通讯应用的视图对象505,管理页面包括即时通讯应用的应用标识509,第十三操作可以包括作用于应用标识509的输入操作(例如点击操作)。
在一些实施例中,上述显示第一应用的第一页面之前,还包括:显示第二页面,第二页面包括第三控件;检测到作用于第三控件的第十四操作;响应于第十四操作,显示多个应用的应用标识,多个应用包括第一应用;检测到作用于第一应用的应用标识的第十五操作;上述显示第一应用的第一页面,包括:响应于第十五操作,显示第一应用的第一页面,并进入视图对象的提取模式;提取模式下,第二操作用于将视图对象添加到第二页面。
示例性的,参考图7A至图7D的相关描述,第一视图对象为视频应用的视图对象301,第三控件可以包括管理页面21中的添加控件501,第十四操作包括作用于添加控件501的输入操作(例如点击操作),第十五操作包括作用于视频应用的应用标识502A的输入操作(例如点击操作)。
在一些实施例中,上述显示第一应用的第一页面之前,还包括:显示第五页面,第五页面包括视图对象的提取模式的开关控件;检测到作用于开关控件的第十六操作;响应于第十六操作,开启提取模式;提取模式下,第二操作用于将视图对象添加到第二页面。
示例性的,参考图6A至图6G的相关描述,第一视图对象为视频应用的视图对象301,第五页面包括控制屏14,提取模式的开关控件包括开关图标401,第十六操作包括作用于开关图标401的输入操作(例如点击操作)。
在一些实施例中,上述检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面之前,还包括:检测到作用于第一页面的第十七操作,第十七操作的触摸位置包括于第一视图对象和第四视图对象;响应于第十七操作,显示第一视图对象的指示框和第四视图对象的指示框。
示例性的,参考图5A至图5D的相关描述,第十七操作可以为前述输入操作1,例如作用于页面31的双指长按操作,第一视图对象为视图对象301,第四视图对象为视图对象306;第二操作可以为前述输入操作2。
在一些实施例中,上述检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面之前,还包括:检测到第十八操作;响应于第十八操作,显示第一页面的所有视图对象分别对应的指示框。
示例性的,参考图6A至图6D的相关描述,第十八操作可以为前述输入操作4,第十八操作用于开启提取模式。例如第十八操作可以包括作用于控制屏的开关图标401的点击操作。
在一些实施例中,上述检测到针对第一页面的第一视图对象的第二操作的情况下,将第一视图对象添加到第二页面,包括:检测到作用于第一页面的第一视图对象的第十九操作;响应于第十九操作,显示第一视图对象的指示信息以及第二控件,第一视图对象的指示信息用于指示第一视图对象被选中;检测到作用于第二控件的第二十操作;响应于第二十操作,将第一视图对象添加到第二页面。
第十九操作用于选择第一视图对象为提取对象,第二控件可以包括前述提示框中的确认控件,第二十操作包括作用于确认控件的输入操作(例如点击操作)。示例性的,参考图5A至图5D的相关描述,第十九操作用于视图对象306,上述指示信息可以包括视图对象306的变色后指示框,第二控件可以包括提示框307中的确认控件。示例性的,参考图6D至图6G的相关描述,第十九操包括作用于视图对象301的输入操作(例如点击操作),上述指示信息可以包括视图对象301上覆盖的半透明的蒙层,第二控件可以包括提示框402中的确认控件。
在一些实施例中,上述检测到作用于第二控件的第二十操作之前,还包括:检测到作用于第一页面的第五视图对象的第二十一操作;响应于第二十一操作,显示第五视图对象的指示信息,第五视图对象的指示信息用于指示第五视图对象被选中;上述响应于第二十操作,将第一视图对象添加到第二页面,包括:响应于第二十操作,将第一视图对象和第五视图对象添加到第二页面。
示例性的,参考图6D至图6G的相关描述,第一视图对象为视图对象301,第五视图对象为视图对象305,第十九操包括作用于视图对象301的输入操作(例如点击操作),第二十一操作包括作用于视图对象305的输入操作(例如点击操作),上述指示信息可以包括视图对象上覆盖的半透明的蒙层。
本申请的各实施方式可以任意进行组合,以实现不同的技术效果。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘(solidstate disk,SSD))等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,该流程可以由计算机程序来指令相关的硬件完成,该程序可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法实施例的流程。而前述的存储介质包括:ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。
总之,以上所述仅为本发明技术方案的实施例而已,并非用于限定本发明的保护范围。凡根据本发明的揭露,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (18)
1.一种界面显示方法,其特征在于,应用于电子设备,所述方法包括:
显示第一应用的第一页面,所述第一页面包括一或多个视图对象;
检测到作用于所述第一页面的第一视图对象的第一操作的情况下,执行所述第一视图对象的第一功能,所述第一视图对象为所述第一页面的一或多个视图对象中的任一个;
检测到针对所述第一页面的所述第一视图对象的第二操作的情况下,将所述第一视图对象添加到第二页面;
检测到针对所述第二页面的所述第一视图对象的第三操作,响应于所述第三操作,执行所述第一视图对象的第一功能。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
检测到针对所述第二页面的所述第一视图对象的第四操作,响应于所述第四操作,执行所述第一视图对象的第二功能,所述第一页面的所述第一视图对象不具备所述第二功能。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
显示第二应用的第三页面,所述第三页面包括一或多个视图对象,第二视图对象为所述第三页面的一或多个视图对象中的任一个;
检测到针对所述第三页面的所述第二视图对象的第五操作,响应于所述第五操作,将所述第二视图对象添加到所述第二页面,在所述第二页面显示所述第二视图对象。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述第一功能包括跳转至与所述第一视图对象关联的第四页面;所述第三操作包括用于放大所述第一视图对象的第一手势,所述第一手势包括用户的双指在显示屏上滑动且双指间的距离增大,第二手势包括用户的双指在显示屏上滑动且双指间的距离减小;
所述检测到针对所述第二页面的所述第一视图对象的第三操作,响应于所述第三操作,执行所述第一视图对象的第一功能,包括:
检测到作用于所述第二页面的所述第一视图对象的第一手势;
响应于所述第一手势,放大所述第一视图对象;
所述第一视图对象的面积随所述第一手势放大至预设值时,显示所述第四页面;
所述方法还包括:
检测到针对所述第四页面的第二手势时,显示所述第二页面。
5.根据权利要求1-3任一项所述的方法,其特征在于,所述第一功能包括跳转至与所述第一视图对象关联的第四页面;
所述检测到针对所述第二页面的所述第一视图对象的第三操作,响应于所述第三操作,执行所述第一视图对象的第一功能,包括:
检测到作用于所述第二页面的所述第一视图对象的第六操作;
响应于所述第六操作,显示第一弹窗,所述第一弹窗用于显示所述第四页面的部分或全部内容;
检测到作用于所述第一弹窗的第七操作;
响应于所述第七操作,显示所述第四页面;所述第三操作包括所述第六操作和所述第七操作。
6.根据权利要求1-3任一项所述的方法,其特征在于,所述第一功能包括跳转至与所述第一视图对象关联的第四页面;
所述检测到针对所述第二页面的所述第一视图对象的第三操作,响应于所述第三操作,执行所述第一视图对象的第一功能,包括:
检测到作用于所述第二页面的所述第一视图对象的第八操作;
响应于所述第八操作,在所述第二页面的所述第一视图对象的显示区域,显示所述第四页面中的常用功能对应的第三视图对象;
检测到作用于所述第三视图对象的第九操作;
响应于所述第九操作,显示所述第四页面;所述第三操作包括所述第八操作和所述第九操作。
7.根据权利要求1-6任一项所述的方法,其特征在于,所述第三操作包括作用所述第二页面的所述第一视图对象的点击操作;检测到所述点击操作时,所述电子设备在所述第二页面显示所述第一视图对象的聚焦效果后,再响应所述点击操作;
所述第一视图对象的聚焦效果包括以下一或多项:所述第一视图对象先缩小后放大,所述第二页面中所述第一视图对象之外的视图对象统一由第一显示形式变化为第二显示形式。
8.根据权利要求2所述的方法,其特征在于,所述第一视图对象包括一或多个控件,所述一或多个控件包括第一控件,所述第二功能包括调整所述第一视图对象中的所述第一控件的显示位置和/或尺寸,所述检测到针对所述第二页面的所述第一视图对象的第四操作,响应于所述第四操作,执行所述第一视图对象的第二功能,包括:
检测到作用于所述第二页面的所述第一视图对象的第十操作;
响应于所述第十操作,显示指示信息,所述指示信息用于指示进入所述第一视图对象的编辑模式,所述第一视图对象的编辑模式用于调整第一视图对象内的任一控件的显示位置和/或尺寸;
所述第一视图对象的编辑模式下,检测到作用于所述第一控件的拖动操作;
响应于所述拖动操作,在所述第一视图对象的显示区域内,基于所述拖动操作的操作轨迹移动第一控件;所述第四操作包括所述第十操作和所述拖动操作。
9.根据权利要求2所述的方法,其特征在于,所述检测到针对所述第二页面的所述第一视图对象的第四操作,响应于所述第四操作,执行所述第一视图对象的第二功能,包括:
检测到作用于所述第二页面的所述第一视图对象的第十一操作;
响应于所述第十一操作,显示所述第一视图对象的多个功能对应的功能选项,所述多个功能选项包括所述第二功能对应的功能选项;
检测到作用于所述第二功能对应的功能选项的第十二操作;
响应于所述第十二操作,执行所述第二功能;所述第四操作包括所述第十一操作和所述第十二操作。
10.根据权利要求1-3任一项所述的方法,其特征在于,向所述第二页面添加了所述第一应用的多个视图对象后,所述第二页面显示有所述第一应用的应用标识;所述方法还包括:
检测到作用于所述第一应用的应用标识的第十三操作;
响应于所述第十三操作,在所述第二页面显示所述第一应用的多个视图对象。
11.根据权利要求1-3任一项所述的方法,其特征在于;
所述显示第一应用的第一页面之前,还包括:
显示所述第二页面,所述第二页面包括第三控件;
检测到作用于所述第三控件的第十四操作;
响应于所述第十四操作,显示多个应用的应用标识,所述多个应用包括所述第一应用;
检测到作用于所述第一应用的应用标识的第十五操作;
所述显示第一应用的第一页面,包括:
响应于所述第十五操作,显示所述第一应用的所述第一页面,并进入视图对象的提取模式;所述提取模式下,所述第二操作用于将视图对象添加到所述第二页面。
12.根据权利要求1-3任一项所述的方法,其特征在于,
所述显示第一应用的第一页面之前,还包括:
显示第五页面,所述第五页面包括视图对象的提取模式的开关控件;
检测到作用于所述开关控件的第十六操作;
响应于所述第十六操作,开启所述提取模式;所述提取模式下,所述第二操作用于将视图对象添加到所述第二页面。
13.根据权利要求1-3任一项所述的方法,其特征在于,所述检测到针对所述第一页面的所述第一视图对象的第二操作的情况下,将所述第一视图对象添加到第二页面之前,还包括:
检测到作用于所述第一页面的第十七操作,所述第十七操作的触摸位置包括于所述第一视图对象和第四视图对象;
响应于所述第十七操作,显示所述第一视图对象的指示框和所述第四视图对象的指示框。
14.根据权利要求1-3任一项所述的方法,其特征在于,所述检测到针对所述第一页面的所述第一视图对象的第二操作的情况下,将所述第一视图对象添加到第二页面之前,还包括:
检测到第十八操作;
响应于所述第十八操作,显示所述第一页面的所有视图对象分别对应的指示框。
15.根据权利要求1-3任一项所述的方法,其特征在于,所述检测到针对所述第一页面的所述第一视图对象的第二操作的情况下,将所述第一视图对象添加到第二页面,包括:
检测到作用于所述第一页面的所述第一视图对象的第十九操作;
响应于所述第十九操作,显示所述第一视图对象的指示信息以及第二控件,所述第一视图对象的指示信息用于指示所述第一视图对象被选中;
检测到作用于所述第二控件的第二十操作;
响应于所述第二十操作,将所述第一视图对象添加到所述第二页面。
16.根据权利要求1-3任一项所述的方法,其特征在于,所述检测到作用于所述第二控件的第二十操作之前,还包括:
检测到作用于所述第一页面的第五视图对象的第二十一操作;
响应于所述第二十一操作,显示所述第五视图对象的指示信息,所述第五视图对象的指示信息用于指示所述第五视图对象被选中;
所述响应于所述第二十操作,将所述第一视图对象添加到所述第二页面,包括:
所述响应于所述第二十操作,将所述第一视图对象和所述第五视图对象添加到所述第二页面。
17.一种电子设备,其特征在于,包括存储器和处理器,所述存储器和所述处理器电偶合,所述存储器用于存储程序指令,所述处理器被配置用于调用所述存储器存储的全部或部分程序指令,执行如权利要求1-16任一项所述的方法。
18.一种计算机存储介质,其特征在于,包括计算机指令,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1-17任一项所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210915485.1A CN117519861A (zh) | 2022-07-30 | 2022-07-30 | 界面显示方法及相关装置 |
PCT/CN2023/109733 WO2024027570A1 (zh) | 2022-07-30 | 2023-07-28 | 界面显示方法及相关装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210915485.1A CN117519861A (zh) | 2022-07-30 | 2022-07-30 | 界面显示方法及相关装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117519861A true CN117519861A (zh) | 2024-02-06 |
Family
ID=89765097
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210915485.1A Pending CN117519861A (zh) | 2022-07-30 | 2022-07-30 | 界面显示方法及相关装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN117519861A (zh) |
WO (1) | WO2024027570A1 (zh) |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4063153B2 (ja) * | 2003-06-17 | 2008-03-19 | コニカミノルタビジネステクノロジーズ株式会社 | 画像形成装置および画像形成条件の表示方法 |
CN106603851A (zh) * | 2016-12-21 | 2017-04-26 | 北京奇虎科技有限公司 | 一种通信快捷方式的实现方法及电子设备 |
CN107422959A (zh) * | 2017-08-10 | 2017-12-01 | 珠海格力电器股份有限公司 | 一种快捷启动功能页面的方法及其装置、电子设备 |
CN111124207B (zh) * | 2019-12-23 | 2021-06-15 | 维沃移动通信有限公司 | 多媒体文件播放方法及电子设备 |
-
2022
- 2022-07-30 CN CN202210915485.1A patent/CN117519861A/zh active Pending
-
2023
- 2023-07-28 WO PCT/CN2023/109733 patent/WO2024027570A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2024027570A1 (zh) | 2024-02-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110119296B (zh) | 切换父页面和子页面的方法、相关装置 | |
CN110362244B (zh) | 一种分屏方法及电子设备 | |
CN111240547A (zh) | 跨设备任务处理的交互方法、电子设备及存储介质 | |
CN111078091A (zh) | 分屏显示的处理方法、装置及电子设备 | |
JP7302038B2 (ja) | ユーザプロフィールピクチャ生成方法および電子デバイス | |
CN114201097B (zh) | 一种多应用程序之间的交互方法 | |
CN109857401B (zh) | 电子设备的显示方法、图形用户界面及电子设备 | |
CN113986070B (zh) | 一种应用卡片的快速查看方法及电子设备 | |
US20240077987A1 (en) | Widget display method and electronic device | |
US20240192835A1 (en) | Display method and related apparatus | |
CN112068907A (zh) | 一种界面显示方法和电子设备 | |
CN116048933B (zh) | 一种流畅度检测方法 | |
CN113448658A (zh) | 截屏处理的方法、图形用户接口及终端 | |
CN115904160A (zh) | 一种图标移动方法、相关图形界面及电子设备 | |
EP4365722A1 (en) | Method for displaying dock bar in launcher and electronic device | |
US20240086035A1 (en) | Display Method and Electronic Device | |
WO2024027570A1 (zh) | 界面显示方法及相关装置 | |
CN115808997A (zh) | 一种预览方法、电子设备及*** | |
WO2024169305A1 (zh) | 应用管理的方法和电子设备 | |
CN115562535B (zh) | 应用控制方法和电子设备 | |
WO2023160455A1 (zh) | 删除对象的方法及电子设备 | |
WO2024060968A1 (zh) | 管理服务卡片的方法和电子设备 | |
US20240061549A1 (en) | Application switching method, graphical interface, and related apparatus | |
CN117991937A (zh) | 多窗口管理方法、图形界面及相关装置 | |
CN116781808A (zh) | 一种显示方法及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |