WO2020259669A1 - 一种视图显示方法和电子设备 - Google Patents

一种视图显示方法和电子设备 Download PDF

Info

Publication number
WO2020259669A1
WO2020259669A1 PCT/CN2020/098416 CN2020098416W WO2020259669A1 WO 2020259669 A1 WO2020259669 A1 WO 2020259669A1 CN 2020098416 W CN2020098416 W CN 2020098416W WO 2020259669 A1 WO2020259669 A1 WO 2020259669A1
Authority
WO
WIPO (PCT)
Prior art keywords
window
view
electronic device
application
copy
Prior art date
Application number
PCT/CN2020/098416
Other languages
English (en)
French (fr)
Inventor
朱培
文平
Original Assignee
华为技术有限公司
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
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to EP20832852.6A priority Critical patent/EP3951589A4/en
Priority to US17/615,170 priority patent/US20220236837A1/en
Publication of WO2020259669A1 publication Critical patent/WO2020259669A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR 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; CALCULATING OR 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/04845Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR 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; CALCULATING OR 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/46Multiprogramming arrangements
    • G06F9/54Interprogram communication
    • G06F9/543User-generated data transfer, e.g. clipboards, dynamic data exchange [DDE], object linking and embedding [OLE]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR 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

Definitions

  • the electronic device can display the second window floating, and the size of the second window is smaller than the size of the first window.
  • the electronic device displays the second window floating, which can make the user continue to browse the content in the first window, or close the first application and start the second application, the second window can still be displayed on the top layer, so that the user You can always see the first view in the second window.
  • the size of the second window is smaller than the size of the first window. Even if the second window is displayed stacked on top of the first window, all the content in the first window may not be completely blocked, so that the user can see the second window. At the same time as the first view in, you can continue to see the unobstructed view in the first window, or perform operations on the unobstructed view in the first window.
  • the electronic device may display the view sharing option in response to the fourth operation; the electronic device may copy the first view in the first window in response to the fifth operation on the view sharing option to obtain the first view Then, add a copy of the first view to the third window.
  • an embodiment of the present application also provides a computer-readable storage medium that stores a computer program, and when the computer program runs on an electronic device, the electronic device realizes the first
  • a computer-readable storage medium that stores a computer program, and when the computer program runs on an electronic device, the electronic device realizes the first
  • FIG. 2 is a schematic structural diagram of an electronic device provided by an embodiment of the application.
  • FIG. 6 is a schematic diagram of another set of user graphical interfaces provided by an embodiment of the application.
  • FIG. 9 is a schematic diagram of another set of user graphical interfaces provided by an embodiment of the application.
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) Wait.
  • the different processing units may be independent devices or integrated in one or more processors.
  • the controller may be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.
  • the electronic device 100 may also include a camera, such as a front camera and a rear camera; it may also include a motor for generating vibration notifications (such as an incoming call vibration notification); it may also include indicators such as indicator lights. , Is used to indicate the charging status, power change, and can also be used to indicate messages, missed calls, notifications, etc.
  • the electronic device 100 may also include a Bluetooth device, a positioning device, a flashlight, a miniature projection device, a near field communication (NFC) device, etc., which will not be repeated here.
  • the window 330 also includes a control 331 for monitoring the operation of closing the window 330.
  • the user can operate (such as clicking) the control 331 in the window 330 to restore the view 321 to the window 320.
  • the GUI shown in 3b in FIG. 3 is displayed, that is, the GUI shown in 3c in FIG. 3 is not displayed.
  • Window 330, and a view 321 is displayed in the window 320.
  • the electronic device 100 may display different windows on a split screen in response to the operation, such as displaying the original window in the first area of the display screen, A window including the separated view is displayed in the second area of the display screen.
  • the two windows are located in two different areas, and the two windows will not block each other, so that the user can see the two windows at the same time.
  • FIG. 6 shows a GUI of the electronic device 100.
  • the GUI includes a window 610 of the Toutiao application.
  • the window 610 may include a text view and a picture view.
  • the picture view 611 shown in 6a in FIG. 6 includes " The way you smile is the most beautiful flower in the world", "I met you when I was powerless, let you disappear into the vast sea of people", and "May every encounter in the world be a long-lost reunion" and other texts.
  • the difference between the window 610 shown in 6b in FIG. 6 and the window 610 shown in 6a in FIG. 6 is that the window 610 shown in 6a in FIG. 6 includes a picture view 611, and the window 610 shown in 6b in FIG.
  • the picture view 611 is not included in, but a control 612 is displayed in the window 610 shown in 6b in FIG. 6, and the control 612 is used to monitor the operation of restoring the picture view 611.
  • a control 612 is displayed in the window 610 shown in 6b in FIG. 6, and the control 612 is used to monitor the operation of restoring the picture view 611.
  • the electronic device 100 when the electronic device 100 detects the operation of clicking the control 612, it displays the picture view 611 in the window 610 in response to the operation, that is, when the user clicks When controlling 612, the electronic device 100 can restore the picture view 611 in the window 630 to the window 610.
  • the user can drag the window 630 to any display area of the display screen 194.
  • a window 630 is displayed on the right side of the display screen 194, and the window 630 displays Picture view 611.
  • FIG. 7 takes the electronic device 100 displaying the main interface 310 and the window 630 as an example.
  • the electronic device 100 detects the icon 314 acting on the SMS application, it displays the window of the SMS application in response to the operation, and then goes through a series of operations.
  • the window 710 of the short message editing interface as shown in 7b in Fig. 7 can be displayed.
  • the window 710 includes an input box 711.
  • the window 630 is displayed on the right side of the display screen 194. The user can input "Wish every time in the world Meeting is a long time apart reunion" and sent to "Xiao Ming".
  • FIG. 8 is a schematic diagram of another set of user graphical interfaces provided by an embodiment of this application.
  • the view 813 is stacked on the view 811, that is, the view 813 covers the content of the view 811, so that the electronic device 100 Only the view 813 is displayed in the window 810 displayed on the display screen 194, and the user can only see the view 813 in the window 810.
  • the user can only see the window 820, and cannot see the window 810 stacked on the next layer of the window 820, in order to be able to see the window 810 and the window on the display screen at the same time. 820, the user can move the window 820 stacked on the window 810.
  • the above embodiment is applied to a folding screen device, and the feature of split screen display of the folding screen device can be used to display two windows at the same time, for example, a window of application A is displayed on the main screen, and a window including slave application A is displayed on the secondary screen. For example, display the window of application B on the main screen, and display the window of the view separated from the window of application A on the secondary screen.
  • Scene 4 View sharing scene. Take the Tmall app as an example.
  • the Tmall app displays multiple product views.
  • a user wants to share a product view in the Tmall app to the memo app they can copy the view in the Tmall app and copy the generated view. A copy of the view is shared in the window of the memo application.
  • FIG. 10 when the electronic device 100 detects an operation (such as a two-finger press) acting on the view 1011, in response to the operation, a window 1030 as shown in 10b in FIG. 10 is displayed, the window 1030 A view 1031 is displayed in which is a copy of view 1011.
  • an operation such as a two-finger press
  • the operation of triggering view separation and the operation of triggering view sharing in the foregoing embodiment may be triggered by different gestures, or may be triggered by the same gesture.
  • the operation of view separation can be triggered by a two-finger pressing gesture
  • the operation of triggering view sharing can be triggered by a single-finger long press gesture.
  • the electronic device 100 may display a prompt box when it detects a two-finger pressing operation on the view to be operated.
  • the prompt box includes two views: view separation and view sharing. Function options.
  • FIG. 2 Based on the hardware structure shown in FIG. 2, the following exemplarily shows a schematic diagram of the software architecture provided by the present application.
  • the window manager calls WindowManager.addView() to create a new Window (such as window 1030), and adds the copied ViewGroup to the newly created Window, which is displayed as a floating window.
  • the window manager adds the view 1031 to the newly created window 1030.
  • the window manager adds the ViewGroup corresponding to the view 1031 in the window 1030 to the EditView node in the View Tree corresponding to the window 1020.
  • the copy mode in the embodiment of the present application may be implemented by means of inter-process memory sharing, socket transmission, serialization to a file, etc., but is not limited to these methods.
  • the electronic device 100 realizes the process of switching from the GUI shown in 10a in FIG. 10 to the GUI shown in 10c in FIG. 10.
  • the view is used as the unit to copy between the two windows, and there is no need to formulate a copy agreement between the two windows, so that a compatible method for sharing content between different windows can be provided.
  • the embodiments of the present application provide a view display method, which can be applied to electronic devices, which can be mobile phones, pads, laptops, and the like. This method can be applied to the above scenario 1, scenario 2, and scenario 3.
  • the first operation may be an operation of the user pressing the view 321 as shown in 3b in FIG. 3 with two fingers.
  • the third window may be a window 1030 as shown in 10b in FIG. 10, the window 1030 includes a view 1031, and the view 1031 is a copy of the view 1011.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种视图显示方法和电子设备,在该方法中,电子设备显示第一应用的第一窗口,其中第一窗口包括第一视图,第一视图为第一窗口包括的各最小控件单元中的一个;电子设备检测到作用于第一视图的第一操作,响应于第一操作,生成并悬浮显示第二窗口,其中第二窗口中包括第一视图。如此,第一窗口中的第一视图可以单独显示在第二窗口中,从而可以满足用户对感兴趣的视图内容单独显示的需求,进而可以提升用户体验。

Description

一种视图显示方法和电子设备
本申请要求在2019年6月28日提交中国国家知识产权局、申请号为201910582881.5、发明名称为“一种视图显示方法和电子设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本发明涉及终端技术领域,尤其涉及一种视图显示方法和电子设备。
背景技术
目前,大多电子设备上都设置有显示屏,显示屏上可以显示各种图形用户界面(graphical user interface,GUI),GUI上可以显示以应用为单位的窗口。
在有些场景下,用户在打开应用A之后,在显示屏上可以显示应用A的窗口,用户对应用A的窗口中的视图B的内容感兴趣,希望在翻阅应用A的窗口中的其他内容时,或者显示屏显示其它应用的窗口时,可以一直看到视图B的内容,而现有的显示技术中很难满足用户的这一需求。
发明内容
本申请实施例提供一种视图显示方法和电子设备,用以实现在显示屏上显示以视图为单位的窗口,以满足用户对应用窗口中感兴趣的视图内容单独显示的需求。
第一方面,本申请实施例提供一种视图显示方法,该方法可由电子设备(比如,手机、pad、笔记本电脑等)执行。该方法包括:电子设备显示第一应用的第一窗口,其中第一窗口包括第一视图,第一视图为第一窗口包括的各最小控件单元中的一个;电子设备检测到作用于第一视图的第一操作,响应于第一操作,生成第二窗口,其中第二窗口中包括第一视图;电子设备显示第二窗口。
基于该方案,第一窗口中的第一视图可以单独显示在第二窗口中,从而可以满足用户对感兴趣的视图内容单独显示的需求,进而可以提升用户体验。
在一种可能的设计中,电子设备可以响应于第一操作,显示视图分离选项,然后,响应于对视图分离选项的第二操作,从第一窗口中分离出第一视图,电子设备将分离出的第一视图添加至第二窗口。
通过该设计,电子设备可以为用户提供视图分离选项,以实现在用户选择该视图分离选项之后,电子设备从第一窗口分离出第一视图,并将分离出的第一视图添加在第二窗口中。
在一种可能的设计中,第一窗口对应第一视图树;第一视图树包括与第一视图对应的第一子视图树;电子设备可以响应于第一操作,从第一视图树中分离出第一子视图树,并从第一窗口中分离出第一视图。
通过该设计,电子设备可以通过从第一视图树中分离出第一子视图树,从而实现从第一 窗口中分离出第一视图。
在一种可能的设计中,在电子设备响应于第一操作,生成第二窗口之后,电子设备还可以在第一窗口中生成还原控件,然后,电子设备可以响应于对还原控件的第三操作,将第一视图还原至第一窗口中。
通过该设计,电子设备为用户提供了一种可以简便的实现还原第一视图的方式,比如,第一视图为从第一窗口中分离出来的,然后添加在第二窗口中,用户可以通过对还原控件的点击操作,从而实现将第二窗口中的第一视图还原至第一窗口中。
在一种可能的设计中,电子设备可以悬浮显示第二窗口,第二窗口的尺寸小于第一窗口的尺寸。
通过该设计,电子设备悬浮显示第二窗口,可以使得用户在继续翻阅第一窗口中的内容,或者关闭第一应用而启动第二应用时,第二窗口仍旧可以显示在最上层,从而使得用户一直可以看到第二窗口中的第一视图。而且,第二窗口的尺寸小于第一窗口的尺寸,即使在第二窗口层叠在第一窗口之上显示,可以不完全遮挡第一窗口中的所有内容,从而可以使得用户在看到第二窗口中的第一视图的同时,还可以继续看到第一窗口中未被遮挡的视图,或者对第一窗口未被遮挡的视图进行操作。
在一种可能的设计中,在电子设备响应于第一操作,生成第二窗口之后,电子设备还可以在第一区域显示第一窗口,在第二区域显示第二窗口;其中,第一区域与第二区域不存在重叠区域。
通过该设计,第一窗口和第二窗口分别在不同区域显示,可以使得两个窗口之间不互相遮挡,从而可以提升用户体验。
在一种可能的设计中,电子设备还可以显示第二应用的窗口;第二窗口层叠在第二应用的窗口之上。
通过该设计,电子设备在显示第二应用的窗口时,仍然可以看到层叠在第二应用的窗口之上的第二窗口,从而用户可以一直看到第二窗口中的第一视图。
第二方面,本申请实施例提供一种视图显示方法,该方法可由电子设备(比如,手机、pad、笔记本电脑等)执行。该方法包括:电子设备显示第一应用的第一窗口,第一窗口包括第一视图,第一视图为第一窗口包括的各最小控件单元中的一个;电子设备检测到作用于第一视图的第四操作,响应于第四操作,生成第三窗口,第三窗口包括第一视图的副本;然后,电子设备显示第三窗口。
基于该方案,电子设备可以将第一窗口中的第一视图的副本,单独显示在第三窗口中,从而可以满足用户对感兴趣的视图内容单独显示的需求,进而可以提升用户体验。
在一种可能的设计中,电子设备可以响应于第四操作,显示视图共享选项;电子设备可以响应于对视图共享选项的第五操作,复制第一窗口中的第一视图,得到第一视图的副本;然后,将第一视图的副本添加至第三窗口中。
通过该设计,电子设备可以为用户提供视图共享选项,以实现在用户选择该视图共享选项之后,电子设备可以复制第一窗口中的第一视图,得到第一视图的副本,这样就可以在第三窗口中单独显示第一视图的副本。
在一种可能的设计中,第一窗口对应第一视图树,第一视图树包括与第一视图对应的第一子视图树。电子设备可以复制第一视图树中的第一子视图树,得到第一子视图树的副本, 并复制第一窗口中的第一视图,得到第一视图的副本;然后,电子设备可以将第一子视图树的副本添加至与第三窗口对应的第三视图树中。
通过该设计,电子设备可以通过从第一视图树中分离出第一子视图树,从而实现从第一窗口中分离出第一视图。
在一种可能的设计中,电子设备可以悬浮显示第三窗口,第三窗口的尺寸小于第一窗口的尺寸。
通过该设计,电子设备悬浮显示第三窗口,可以使得用户在继续翻阅第一窗口中的内容,或者关闭第一应用而启动第二应用时,第三窗口仍旧可以显示在最上层,从而使得用户一直可以看到第三窗口中的第一视图的副本。而且,第三窗口的尺寸小于第一窗口的尺寸,即使在第三窗口层叠在第一窗口之上显示,可以不完全遮挡第一窗口中的所有内容,从而可以使得用户在看到第三窗口中的第一视图的副本的同时,还可以继续看到第一窗口中未被遮挡的视图,或者对第一窗口未被遮挡的视图进行操作。
在一种可能的设计中,电子设备还可以显示第二应用的窗口,第三窗口层叠在第二应用的窗口之上。
通过该设计,电子设备在显示第二应用的窗口时,仍然可以看到层叠在第二应用的窗口之上的第三窗口,从而用户可以一直看到第三窗口中的第一视图的副本。
在一种可能的设计中,电子设备还可以显示第二应用的窗口,在电子设备显示第三窗口之后,还可以将第三窗口中第一视图的副本添加至第二应用的窗口中,然后删除第三窗口。
通过该设计,电子设备可以将第一窗口中的第一视图的副本添加到第二应用的窗口中,从而可以在电子设备显示第二应用的窗口时,使得用户可以在第二应用的窗口中看到第一视图的副本。
第三方面,本申请实施例还提供一种电子设备,所述电子设备包括显示屏;一个或多个处理器;存储器;多个应用程序;以及一个或多个计算机程序,其中所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述电子设备执行时,使得所述电子设备实现如上述第一方面或第一方面中任一可能的设计提供的方法,或者,实现如上述第二方面或第二方面中任一可能的设计提供的方法。
第四方面,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,当计算机程序在电子设备上运行时,使得所述电子设备实现如上述第一方面或第一方面中任一种可能的设计提供的方法,或者,实现如上述第二方面或第二方面中任一可能的设计提供的方法。
第五方面,本申请实施例还提供一种包含指令的计算机程序产品,当所述计算机程序产品在电子设备上运行时,使得所述电子设备实现如上述第一方面或第一方面中任一种可能的设计提供的方法,或者,实现如上述第二方面或第二方面中任一可能的设计提供的方法。
附图说明
图1为本申请实施例提供的界面组成示意图;
图2为本申请实施例提供的一种电子设备的结构示意图;
图3为本申请实施例提供的一组用户图形界面的示意图;
图4A为本申请实施例提供的一用户图形界面的示意图;
图4B为本申请实施例提供的一用户图形界面的示意图;
图4C为本申请实施例提供的一用户图形界面的示意图;
图4D为本申请实施例提供的一用户图形界面的示意图;
图5为本申请实施例提供的另一组用户图形界面的示意图;
图6为本申请实施例提供的另一组用户图形界面的示意图;
图7为本申请实施例提供的另一组用户图形界面的示意图;
图8为本申请实施例提供的另一组用户图形界面的示意图;
图9为本申请实施例提供的另一组用户图形界面的示意图;
图10为本申请实施例提供的另一组用户图形界面的示意图;
图11为本申请实施例提供的软件架构示意图;
图12为本申请实施例提供的一种View Tree的布局示意图;
图13为本申请实施例提供的一种View节点分布的示意图;
图14为本申请实施例提供的一种视图显示方法的流程示意图;
图15为本申请实施例提供的另一种视图显示方法的流程示意图;
图16为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。
需要说明的是,本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,如无特殊说明,一般表示前后关联对象是一种“或”的关系。且在本申请实施例的描述中,“第一”、“第二”等词汇,仅用于区分描述的目的,而不能理解为指示或暗示相对重要性,也不能理解为指示或暗示顺序。在本申请的描述中,除非另有说明,“多个”的含义是两个或两个以上。
以下,对本申请实施例中的部分用语进行解释说明,以便于本领域技术人员理解。
本申请实施例涉及的用户界面,是电子设备的显示屏上显示的GUI,包括主界面(也可称为桌面,比如图3中3a所示的主界面310),负一屏显示界面、各个应用程序(application,APP)的显示界面。本申请实施例涉及的应用程序,为能够实现某项或多项特定功能的计算机程序。通常,电子设备中可以安装多个应用程序。比如,相机应用、短信应用、微博、邮箱应用、微信(WeChat)、腾讯QQ、钉钉等。下文中提到的应用程序,可以是电子设备出厂时自带的应用程序,也可以是用户在使用电子设备的过程中安装的应用程序,本申请实施例不限定。
本申请实施例中涉及活动界面(Activity)、窗口(Window)、视图(View)进行描述。
参见图1,本申请实施例涉及的Activity,在Android系统中,Activity用于描述应用程序的一个独立的活动界面,其并不是一个界面,而是界面的承载体,用户可以在其上绘制用户界面。
在Activity内部持有一个Window对象,用来管理View,如图1中所示的应用界面窗口(PhoneWindow),为整个界面的窗口。在PhoneWindow中有一个DecorView,为整个界面的根视图(也称为ViewRoot),其中ViewRoot可以是一个View或者视图组(ViewGroup)。在 DecorView中还可以包括标题栏(TitleBar)和操作栏(ActionBar),ActionBar和ActionBar也可合称为TitleActionBar。
本申请涉及的窗口(Window)是视图(View)的载体,视图为组成应用界面的最小控件单元,而窗口用来展示应用界面,所以视图也可以看成是窗口中包括的最小控件单元。如图1所示,这个窗口中包括的所有View以树状结构组成视图树,即一个窗口(Window)对应一个View树。本申请实施例涉及的View树是由一个或多个view组成,而对于用户界面上的一个视图来说,该视图可以对应View树中的一个view或一个ViewGroup,例如,如图3中3b所示的视图321对应View树中的一个ViewGroup,ViewGroup中可以包括多个View。
下面结合示例对本申请实施例涉及的视图分离和视图共享进行说明。
以电子设备的显示屏显示应用窗口1为例,应用窗口1中包括多个视图,比如包括视图A、视图B、视图C,应用窗口1对应View树1,View树1中可以包括多个View节点,视图A在View树1中对应ViewGroup1。
本申请实施例涉及的视图分离,以从应用窗口1分离视图A为例,可以通过对视图A的特定的手势操作,使电子设备将视图A对应的ViewGroup1从应用窗口1对应的View树1中分离出来,反映在用户界面上可以将视图A从应用窗口1中分离出来。然后,可以将分离出的视图A添加到一个新建的窗口2中,窗口2可以悬浮显示,这样用户翻阅应用窗口1中其它内容,或者切换到其它应用窗口时,可以一直显示该窗口2中的视图A的内容,这样用户可以一直看到该视图A的内容。
本申请实施例涉及的视图共享,以从应用窗口1分享视图A到应用窗口2为例,可以通过对视图A的特定的手势操作,使电子设备拷贝该视图A对应的ViewGroup1,即创建一份视图A对应的ViewGroup1的副本,然后可以将ViewGroup1的副本添加至应用窗口2对应的View树2中,反映在用户界面上即为将应用窗口1中的视图A复制到应用窗口2中。
以下介绍电子设备、用于这样的电子设备的图形用户界面(graphical user interface,GUI)、和用于使用这样的电子设备的实施例。在本申请一些实施例中,电子设备可以是手机、平板电脑、笔记本计算机或具备无线通讯功能的可穿戴设备(如智能手表或智能眼镜等)等。该电子设备包含能够实现数据处理功能的器件(比如处理器,或,应用处理器,或,图像处理器,或,其他处理器),以及能够显示用户界面的器件(比如显示屏)。该电子设备的示例性实施例包括但不限于搭载
Figure PCTCN2020098416-appb-000001
或者其它操作系统的设备。上述电子设备也可以是其它便携式设备,诸如具有触敏表面(例如触控面板)的膝上型计算机(laptop)等。还应当理解的是,在本申请其他一些实施例中,上述电子设备也可以不是便携式电子设备,而是具有触敏表面(例如触控面板)的台式计算机。
结合附图,进一步说明上述电子设备的结构。
图2仅示出了本申请实施例提供的一种电子设备的硬件结构示意图,在图2所示的基础上,还可以有其他变型结构方式存在。如图2所示,电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块151,无线通信模块152,音频模块191(包括扬声器,受话器,麦克风,耳机接口等在图2中未示出),传感器模块180,按键190,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,距离传感器180F,接近光 传感器180G,指纹传感器180H,触摸传感器180K等(电子设备100还可包括其他传感器比如温度传感器、环境光传感器、陀螺仪传感器等,在图2中未示出)。
可以理解的是,本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图2中所示出的更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图2所示的部件可以以硬件、软件、或软件和硬件的组合实现。
下面对图2示出的电子设备100具有的部件进行详细介绍。
处理器110可以包括一个或多个处理单元,例如,处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用,从而可避免重复存取,可减少处理器110的等待时间,因而可提高系统的效率。
在一些实施例中,处理器110可以包括一个或多个接口。比如,接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuit sound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purpose input/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行或执行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据、电话本、网络页面、图片、文字等)。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失存储器,例如磁盘存储器件、闪存器件或其他非易失性固态存储器件等。内部存储器121还可以存储各种操作系统,例如苹果公司所开发的
Figure PCTCN2020098416-appb-000002
操作系统、谷歌公司所开发的
Figure PCTCN2020098416-appb-000003
操作系统等。
下面介绍传感器模块180的功能。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。
距离传感器180F,用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中,拍摄场景,电子设备100可以利用距离传感器180F测距以实现快速对焦。在另一些实施例中,电子设备100还可以利用距离传感器180F检测是否有人或物体靠近。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时,可以确定电子设备100附近有物体。当检测到不充分的反射光时,电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话,接近光传感器可在电子设备100移动到耳边时,关闭显示屏的电源,以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式,口袋模式自动解锁与锁屏。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。在一些示例中,可以在电子设备100的背面(例如后置摄像头的下方)配置指纹传感器,或者在电子设备100的正面(例如触摸屏的下方)配置指纹传感器。在另一些示例中,也可以通过在触摸屏中配置指纹传感器来实现指纹识别功能,即指纹传感器可以与触摸屏集成在一起来实现电子设备100的指纹识别功能。在这种情况下,该指纹传感器可以配置在触摸屏中,可以是触摸屏的一部分,也可以以其他方式配置在触摸屏中。另外,该指纹传感器还可以被实现为全面板指纹传感器,因此,可以把触摸屏看成是任何位置都可以进行指纹采集的一个面板。在一些实施例中,该指纹传感器可以对采集到的指纹进行处理(例如对采集到的指纹进行验证),并将指纹处理结果(例如指纹是否验证通过)发送给处理器110,由处理器110根据指纹处理结果做出相应的处理。在另一些实施例中,该指纹传感器还可以将采集到的指纹发送给处理器110,以便处理器110对该指纹进行处理(例如指纹验证等)。本申请实施例中的指纹传感器可以采用任何类型的感测技术,包括但不限于光学式、电容式、压电式或超声波传感技术等。此外,电子设备100还可配置的陀螺仪、气压计、湿度计、温度计、运动传感器、红外线传感器等其他传感器,在此不予赘述。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194的下方,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器180K可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
比如,显示屏(比如触摸屏)显示一个图像时,触摸传感器180K检测到在所述图像上的触摸操作(比如点击操作)后,将该触摸操作发送给处理器110,处理器110确定该触摸操作对应的位置坐标(比如触摸屏是电容式触摸屏时,处理器110基于电容变化确定该触摸操作对应的坐标位置),即用户点击显示屏上的位置坐标,该位置坐标对应的物体即用户点击的所述图像上的物体(或者,触摸传感器180K自身能够确定触摸操作对应的坐标位置,将该触摸操作和该坐标位置发送给处理器110,处理器110无需再确定触摸操作对应的坐标位置)。
显示屏194可用于显示由用户输入的信息或提供给用户的信息以及各种图形用户界面。例如,显示屏194可以显示图片、文字、视频、网页、或者文件等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的,AMOLED),柔性发光二极管(flex light-emitting  diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
另外,电子设备100可以通过音频模块191(扬声器,受话器,麦克风,耳机接口),以及处理器110等实现音频功能。例如音乐播放,录音等。其中,音频模块191可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,麦克风将收集的声音信号转换为电信号,由音频模块接收后转换为音频数据,再将音频数据输出至无线通信模块152以发送给比如一个终端,或者将音频数据输出至内部存储器121以便进一步处理。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块151,无线通信模块152,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块151可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块151可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块151可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块151还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块151的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块151的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频模块(不限于扬声器,受话器等)输出声音信号,或通过显示屏194显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块151或其他功能模块设置在同一个器件中。
无线通信模块152可以提供应用在电子设备100上的包括无线局域网(wireless local area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块152可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块152经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块152还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
电子设备100还可以包括外设接口,用于为外部的输入/输出设备(例如键盘、鼠标、外接显示器、外部存储器、用户识别模块卡等)提供各种接口。例如通过通用串行总线(USB)接口130与鼠标连接,通过用户识别模块卡卡槽上的金属触点与运营商提供的SIM卡连接。 外设接口可以被用来将上述外部的输入/输出外围设备耦接到处理器110和内部存储器121。
电子设备100还可以包括给各个部件供电的充电管理模块140(比如电池142和电源管理模块141),电池141可以通过电源管理模块141与处理器110逻辑相连,从而通过充电管理模块140实现管理充电、放电、以及功耗管理等功能。
电子设备100可以接收按键190输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。电子设备100中的SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195,或从SIM卡接口195拔出,实现和电子设备100的接触和分离。
尽管图2中未示出,电子设备100还可以包括摄像头,例如前置摄像头、后置摄像头;还可以包括马达,用于产生振动提示(比如来电振动提示);还可以包括指示器比如指示灯,用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。电子设备100还可以包括蓝牙装置、定位装置、闪光灯、微型投影装置、近场通信(near field communication,NFC)装置等,在此不予赘述。
以下实施例均可以在具有上述硬件结构的电子设备100中实现。
本申请实施例中提供一种视图显示方法,电子设备可以将一个应用A的窗口中的视图从应用A的窗口中分离、或者拷贝,并单独显示在窗口B中,当用户翻阅应用A的窗口中的其它内容,或者,切换至其它应用的窗口时,用户可以一直可以看到该视图的内容,从而可以满足用户对感兴趣的视图内容单独显示的需求,提升用户体验。
为了实现将满足用户对感兴趣的视图内容单独显示的需求,以下实施例中提供两种可能的实现方式,一种可能的实现方式为视图分离,视图分离是将需要分离的视图从应用的窗口中分离出来并单独显示在另一个窗口中,分离之前之后原窗口中不包括该视图。另一种可能的实现方式为视图共享,将需要分离的视图从应用的窗口中拷贝至另一个窗口中,原应用的窗口中仍包括该视图。
本申请实施例提供的视图显示方法可以应用于多种场景,其中,场景一、场景二、场景三用来描述视图分离的过程,场景四用来描述视图共享的过程。下面结合附图对视图显示方法适用的各个场景进行介绍。
场景一:视频视图分离显示场景。电子设备100的用户想看应用A(如今日头条应用)内的某一个视频,同时又需要在应用B(如短信应用)的窗口中进行操作,则可以将应用A内的该视频对应的ViewGroup从应用A对应的View树中分离显示,然后切换到应用B,而该视频仍然可以保持悬浮显示在电子设备100的显示屏194上播放。
为了便于理解,本申请以下实施例将以具有图2所示结构的电子设备100为例,结合附图对本申请实施例提供的场景一的视图显示方法进行具体阐述。
请参见图3,为本申请实施例提供的一组用户图形界面的示意图。
图3中的3a示出了电子设备100的一GUI,该GUI为手机的主界面310。主界面310可包括状态栏311、以及各种应用的图标,其中包括闹钟应用的图标、设置应用的图标、今日头条应用的图标313。状态栏311中可包括Wi-Fi图标、时间和剩余电量(如30%)等。主界面310还可以包括Dock栏312,Dock栏312中可以包括常用的应用图标,如浏览器应用的图标、音乐应用的图标、微信应用的图标、照片应用的图标、相机应用的图标等。
示例性的,当电子设备100检测到作用于主界面310上今日头条应用的图标313的操作 (如点击)时,响应于该操作显示如图3中3b所示的另一GUI,该GUI中包括窗口320,其中窗口320中包括多个视图,比如视图321。
当电子设备100检测到作用于窗口320中的视图321的操作(如双指按压)时,响应于该操作显示如图3中3c所示的又一GUI,该GUI中包括窗口320以及窗口330,其中,窗口330中显示有视图321。其中,作用于窗口320中的视图321的操作不限于双指按压手势,还可以是单指压感屏按压手势、单指长按等,此处不做限定。
其中,图3中3c所示的窗口320中与图3中3b所示的窗口320的区别在于:图3中3b所示的窗口320中包括视图321;图3中3c所示的窗口320中不包括视图321,在与图3中3b所示的窗口320中的视图321对应的位置上显示一个控件322,该控件322用于监听还原视图321的操作。
在其他一些实施例中,当电子设备100检测到作用于窗口320中的视图321的操作(如双指按压)时,电子设备100还可以响应于该操作可以显示视图分离选项,然后电子设备100响应于对视图分离选项的操作,从窗口320中分离出视图321;将分离出的第一视图321添加至新建的窗口330中。
用户可以对电子设备100进行操作,使从窗口320中分离出来的视图321还原至窗口320中。在一些示例中,用户可以对该控件322进行操作,电子设备可以实现将视图321还原至窗口320中,示例性的,当电子设备100检测到作用于该控件322的操作(如点击)时,响应于该操作显示如图3中3b所示的GUI,即不显示图3中3c所示的GUI中的窗口330,而且窗口320中显示有视图321。
在另一些示例中,窗口330中还包括控件331,用于监听关闭该窗口330的操作,用户可以对窗口330中的控件331进行操作(如点击),实现将视图321还原至窗口320中,示例性的,当电子设备100检测到作用于该控件331的操作(如点击)时,响应于该操作显示如图3中3b所示的GUI,即不显示图3中3c所示的GUI中的窗口330,而且窗口320中显示有视图321。
在视图321从今日头条应用的窗口中分离出来,并显示在窗口330时,电子设备100可以悬浮显示该窗口330,从而该视图321可以一直显示。
在窗口330显示时,用户可以对窗口320进行操作(比如向上或向下滑动),从而可以翻阅今日头条应用中的其它内容。当然,也可以对该电子设备100进行操作,比如对电子设备100的HOME键进行点击操作,实现返回主界面310。然后通过对主界面310上的除今日头条之外的应用的图标进行操作,打开该操作所作用的应用的界面,示例性的,当电子设备100检测到作用于短信应用的图标的操作(如点击),响应于该操作显示如图4A所示的GUI,该GUI中显示有短信的聊天界面400以及窗口330,窗口330中显示有视图321。电子设备100的用户可以观看视图321中的视频的同时,对短信的聊天界面400进行操作,如在聊天输入框中输入文字。
在另一些实施例中,在对一个窗口中的视图进行用于分离视图的操作时,电子设备100可以响应于该操作分屏显示不同的窗口,比如在显示屏的第一区域显示原窗口,在显示屏的第二区域显示包括分离出的视图的窗口。这样两个窗口分别位于两个不同的区域,两个窗口之间不会相互遮挡,使得用户可以同时看到两个窗口。
示例的,以电子设备100显示图3中3b所示的GUI,该GUI包括窗口320为例,当电 子设备100检测到作用于窗口320中的视图321的操作(如双指按压)时,响应于该操作在如图4B所示的第一区域410显示窗口320,在第二区域420显示窗口330,该窗口320中不包括视图321,窗口330中显示有视图321。窗口320以及窗口330涉及的相关内容参见对图3中相关内容的描述,此处不再赘述。
在其他一些实施例中,在对一个窗口中的视图进行用于分离视图的操作时,电子设备100可以响应于该操作分屏显示不同的窗口,比如在第一区域显示主界面,在第二区域显示包括分离出的视图的窗口。
示例性的,以电子设备100显示图3中3b所示的GUI,该GUI包括窗口320为例,当电子设备100检测到作用于窗口320中的视图321的操作(如双指按压)时,响应于该操作在如图4C所示的第一区域410显示主界面411,主界面411中可以包括多个应用的图标,在第二区域420显示窗口330,同时关闭窗口320,或者在后台运行今日头条应用,窗口330涉及的相关内容参见对图3中相关内容的描述,此处不再赘述。
进一步,还可以对如图4C所示的主界面411上的应用的图标进行操作,以打开该应用。参见图4C、以及图4D,当手机检测到对图4C所示的第一区域410上短信应用的图标412进行点击操作时,响应于该操作在如图4D所示的第一区域410中显示短信编辑界面413。这样可以使得用户可以一边观看窗口430中的视频视图,一边在第一区域中编辑短信。
可以理解的是,图3以及图4A-图4D所示的示例,是以电子设备100为大屏设备为例进行说明的,本申请实施例中,也可以在折叠屏或多屏设备的场景中实现,比如,可以将主屏的视频分离到副屏上显示,同时主屏上可以切换显示其它应用进行操作。
请参见图5,为本申请实施例提供的另一组用户图形界面的示意图。
如图5中5a所示,电子设备100为折叠屏设备,其包括主屏510和副屏520,其中主屏510中显示有今日头条应用的窗口511,该窗口511中显示有视图512,该视图512中显示有视频,副屏520中包括显示区域521,该显示区域521无显示内容。
用户可以对视图512进行操作,比如双指按压,实现将该视图512显示在窗口514中,并可以将窗口514沿虚线箭头530方向拖动至副屏520,即从主屏510的窗口511中分离出来视图512,并在副屏520中显示分离出来的视图512。示例性的,当电子设备100检测到作用于该视图512的操作(如双指按压)时,响应于该操作显示一个新的窗口514,该窗口514中显示有视图512。
将该显示有视图512的窗口514拖动到副屏520上显示时,电子设备100显示如图5中5b所示的GUI,该GUI中主屏510显示的窗口511中显示有一个控件513,该控件513可以监听用于将分离的视图还原至原窗口的操作。该主屏510的窗口511中不显示视图512,副屏520中的显示区域521上显示有视图512。
通过上述图5所示的示例,电子设备100可以将今日头条应用中的一个视频的视图(视图512)从该今日头条应用的窗口(窗口511)中分离出来,并将分离出来的视图512显示在另一个新建的窗口(窗口514)中,从而可以实现在主屏510上翻阅今日头条应用中的其它内容时,或者,在切换主屏510上的应用时,可以在新建的窗口中一直显示该视图512。
可选的,可以对电子设备100进行操作实现还原该视图512至窗口511中,一些示例中,电子设备100可以响应于用户点击该窗口511中的控件513,将视图512还原至窗口511中,同时删除该窗口514和窗口511中的控件513。在另一些示例中,参见图5中5b,窗口514 中还可以包括控件515,电子设备100可以响应于用户点击窗口514中的控件515,关闭窗口514,并在窗口511中显示该视图512,同时删除控件513。
参见图5中5b,在窗口514中还可以包括控件516,当电子设备100响应于作用于该控件516时,可以最小化该窗口514,当用户需要观看该窗口514中的内容时,再最大化显示该窗口514。
本申请实施例中,可以在折叠屏和多屏设备上分屏显示应用窗口和从应用窗口中分离出的视图,一般而言,用户通常在主屏上进行操作,所以可以在副屏显示分离出来的视图,然后在主屏上继续翻阅分离的视图之外的其它内容。
以上实施例中是以分离视频视图为例进行说明的,应理解,本申请实施例中,可分离的视图并不局限于视频视图,也可以是文字视图,图片视图,聊天框视图,网页视图等。
下面以图片视图为例,结合场景二介绍视图分离显示的过程。
场景二:图片视图分离显示场景。电子设备100的用户想将应用A(如今日头条应用)内的某张图片上的文字,在应用B中编辑并发给朋友,在这种场景下,需要在看到图片上的文字的同时,又需要在应用B(如短信应用)的窗口中进行操作,则可以将应用A内的该图片对应的ViewGroup从应用A对应的View树中分离出来,并单独显示在一个新窗口中,然后打开应用B,该图片仍然可以保持悬浮显示在电子设备100的显示屏194上。
为了便于理解,本申请以下实施例将以具有图2所示结构的电子设备100为例,结合附图对本申请实施例提供的场景二的视图显示方法进行具体阐述。
请参见图6,为本申请实施例提供的另一组用户图形界面的示意图。
图6中6a示出了电子设备100的一GUI,该GUI中包括今日头条应用的窗口610,窗口610中可以包括文字视图和图片视图,如图6中6a所示的图片视图611中包括“你微笑的样子,是世间最美丽的花”、“在我无能为力的时候遇到你,任你消失在茫茫人海”、以及“愿世间的每一次相遇都是久别重逢”等文字内容。
当电子设备100的用户想要将图片视图611中的文字内容“愿世间的每一次相遇都是久别重逢”发送给朋友,可以将图片视图611单独分离显示。
当电子设备100检测到作用于窗口610中的图片视图611的操作(如双指按压)时,响应于该操作新建窗口630,窗口630中显示有图片视图611。电子设备100可以响应于用户拖动图片视图611的操作(如沿着虚线箭头620方向),显示如图6中6b所示的又一GUI,该GUI中包括窗口610以及窗口630,其中,窗口630中显示有图片视图611。
其中,图6中6b所示的窗口610中与图6中6a所示的窗口610的区别在于:图6中6a所示的窗口610中包括图片视图611,图6中6b所示的窗口610中不包括图片视图611,但包括在图6中6b所示的窗口610中显示一个控件612,该控件612用于监听还原图片视图611的操作。示例性的,在如图6中6b所示的GUI中,当电子设备100检测到点击该控件612的操作时,响应于该操作在窗口610中显示图片视图611,也就是说,当用户点击控件612时,电子设备100可将窗口630中的图片视图611还原至窗口610中。
在图6所示的示例中,用户可以拖动该窗口630至显示屏194的任意显示区域,如图6中6b所示,在显示屏194的右侧显示窗口630,该窗口630中显示有图片视图611。
在电子设备100的显示屏194上单独显示图片视图611时,可以打开社交应用,并在社 交应用中编辑图片视图611中的文字内容“愿世间的每一次相遇都是久别重逢”。
以如图6中6b所示的GUI为例,可以实现显示短信应用的窗口的方式有多种,一种可能的实现方式中,可以先返回如图3中3a所示的主界面310,在显示主界面310的同时,窗口630一直显示,通过对主界面310上的短信应用的图标进行点击操作打开短信应用,显示如图7中7a所示的主界面310以及窗口630。在一个示例中,点击今日头条的窗口610上的关闭按钮,实现关闭今日头条的窗口610,显示如图7中7a所示的主界面310以及窗口630。在另一个示例中,点击电子设备100上的HOME键,返回主界面310。在又一个示例中,电子设备100的显示屏上显示有悬浮按钮,可以通过点击悬浮按钮实现返回主界面310。另一种实现方式中,当短信应用已在后台运行时,可以在电子设备100的HOME键上进行滑动操作,显示多个悬浮的在后台运行的应用窗口,在屏幕上进行左右滑动可以找到悬浮的短信应用的窗口,选中短信应用的窗口可实现在显示屏上显示短信应用的窗口。本申请实施例,对此不做限定。
图7中7a以电子设备100显示主界面310以及窗口630为例,当电子设备100检测到作用于该短信应用的图标314时,响应于该操作显示短信应用的窗口,之后经过一系列操作,可以显示如图7中7b所示的短信编辑界面的窗口710,窗口710中包括输入框711,窗口630在显示屏194的右侧显示,用户可以在输入框711中输入“愿世间的每一次相遇都是久别重逢”,并发送给“小明”。
场景三:重叠视图分离显示场景。一个应用中可能会存在视图重叠的场景,可以通过特定手势(如双指按压)将两个重叠的视图分离显示。为了便于理解,本申请以下实施例将以具有图2所示结构的电子设备100为例,结合附图对本申请实施例提供的场景三的视图显示方法进行具体阐述。
参见图8,为本申请实施例提供的另一组用户图形界面的示意图。
图8中8a示出了电子设备100的一GUI,该GUI中包括短信应用的窗口810,窗口810中包括视图811,该视图811显示有与多个联系人对话的对话列表,对话列表中的联系人标识可以为电话号码(例如10001、+861889657****、+861532528****等)、姓名(例如小明)、昵称(例如爸爸)等,点击对话列表中的联系人标识所在区域,可以打开与该联系人对话的对话详情页,示例性的,当电子设备100检测到作用于对话列表中的联系人标识所在区域(如虚线框812所标记的电话号码10001所在区域)的操作(如点击),响应于该操作可显示如图8中8b所示的GUI,该GUI中包括窗口810,该窗口810中包括视图813,该视图813显示有与联系人10001对话的对话详情页。在图8中8b所示的窗口810中,显示有视图813,该窗口810中还包括视图811,由于视图813层叠在视图811之上,即视图813遮挡视图811的内容,从而电子设备100的显示屏194显示的窗口810中只显示有视图813,用户只能看到窗口810中的视图813。
为了让用户可以同时看到视图811和视图813中的内容,可以将层叠的视图811和视图813进行分离显示。下面以将位于上层的视图813从窗口810分离为例进行说明。
用户可以对如图8中8b所示的窗口810进行操作,实现分离层叠的视图811和视图813,示例性的,当电子设备100检测到作用于视图813的操作(如双指按压),显示如图8中8c所示的GUI,该GUI中显示新建的窗口820,在窗口820中显示有视图813。在图8中8c所 示的窗口820的下一层有窗口810,窗口810中包括视图811,而不包括视图813。用户可以通过双指按压的操作,将窗口810中的视图813分离出来,显示在新建的窗口820中。
如图8中8c所示的GUI中,用户只能看到其中的窗口820,而看不到层叠在窗口820的下一层的窗口810,为了可以同时在显示屏上看到窗口810和窗口820,用户可以对层叠在窗口810之上的窗口820进行移动。
示例性的,当电子设备100检测到作用于如图8中8c所示的窗口820的操作(沿虚线箭头830的拖动操作),响应于该操作显示如图9中9a所示的GUI,该GUI中显示有窗口810和窗口820,窗口810中显示有视图811,窗口820中显示有视图813。
在图9中9a所示的窗口820中,还可以包括控件821,该控件821用于监听返回上一页面的操作,示例性的,当电子设备100检测到作用于该控件821的操作(如点击),响应于该操作显示如图9中9b所示的GUI,GUI中包括窗口810,窗口810中仅包括视图811,不包括视图813,也就是说,通过点击视图813中的控件821可以实现返回到上一层级的视图811。
在图9中9a所示的窗口820中,还可以包括控件822,控件822可以监听用于还原窗口中的视图的操作,电子设备100可以响应于用户点击该控件822的操作实现关闭该窗口820,并将视图813还原至窗口810显示,示例性的,当电子设备100检测到作用于该控件822的操作(如点击),响应于该操作显示如图8中8b所示的GUI,该GUI中包括窗口810,窗口810中显示有视图813,在该窗口810中还包括视图811,由于视图813层叠在视图811之上,即视图813遮挡视图811的内容,从而电子设备100的显示屏194显示的窗口810中只显示有视图813。
以上场景一、场景二以及场景三的实施例,可以实现在显示屏上显示以视图为单位的窗口,可以满足用户对应用窗口中感兴趣的视图内容单独显示的需求。以上实施例,可以应用在普通屏幕设备中,也可以应用在大屏设备以及折叠屏设备中。比如,上述实施例应用在大屏设备中,可以利用大屏设备具有的较大的显示面积的优势,在屏幕上同时显示两个窗口,这样可以同时显示应用A的窗口、以及包括从应用A的窗口中分离的视图的窗口,或者,同时显示应用B的窗口、以及包括从应用A的窗口中分离出来的视图的窗口。再比如,上述实施例应用在折叠屏设备中,可以利用折叠屏设备的分屏显示的特点,同时显示两个窗口,例如在主屏显示应用A的窗口,在副屏显示包括从应用A的窗口中分离出来的视图的窗口,又例如在主屏显示应用B的窗口,在副屏显示包括从应用A的窗口中分离出来的视图的窗口,这样可以充分利用大屏设备的大屏优势以及折叠屏设备的双屏优势。
下面结合场景四介绍视图共享的过程。
场景四:视图共享场景。以天猫应用为例,天猫应用显示有多个商品视图,当用户希望将天猫应用中的一个商品视图共享到备忘录应用中时,可以拷贝天猫应用中的视图,并将拷贝生成的视图的副本共享至备忘录应用的窗口中。
为了便于理解,本申请以下实施例将以具有图2所示结构的电子设备100为例,结合附图10对本申请实施例提供的场景四的视图显示方法进行具体阐述。
请参见图10,为本申请实施例提供的另一组用户图形界面的示意图。
图10中10a示出了电子设备100的一GUI,该GUI中包括天猫应用的窗口1010以及备忘录应用的窗口1020,窗口1010中包括多个商品视图,商品视图中显示有文字或商品图片, 例如商品视图为视图1011,该视图1011中包括有文字和乒乓球拍的图片。
以下详细介绍将天猫应用的窗口1010中的视图,共享至备忘录应用的窗口1020中的实现过程。
示例性的,如图10中10a所示,当电子设备100检测到作用于视图1011的操作(如双指按压),响应于该操作显示如图10中10b所示的窗口1030,该窗口1030中显示有视图1031,该视图1031为视图1011的副本。
在其他一些实施例中,当电子设备100检测到作用于视图1011的操作(如双指按压)时,电子设备100还可以响应于该操作显示视图共享选项,然后电子设备100响应于对视图共享选项的操作,复制窗口1020中的视图1011得到视图1031(该视图1031为视图1011的副本),然后视图1031添加至窗口1030中。
如图10中10b所示,当电子设备检测到作用于窗口1030的操作(沿虚线箭头方向的拖动操作),响应于该操作可以将窗口1030移动至窗口1020所在区域,如图10中10c所示的GUI,该GUI中显示有窗口1010、窗口1020以及窗口1030,其中窗口1030层叠在窗口1020之上,窗口1010包括视图1011,窗口1030包括视图1031。
在另一些实施例中,还可以将如图10中10所示的窗口1030中的视图1031添加至窗口1020中,即视图1031从窗口1030中剪切出来并粘贴在窗口1020中,这样在窗口1020中除了包括原来的备忘录应用对应的原始视图,还包括层叠在原始视图之上的视图1031。
上述场景四中,是以在两个不同的应用的窗口之间共享视图(从天猫应用的窗口共享视图至备忘录应用的窗口中)为例进行说明的,应理解,也可以在同一应用的两个不同窗口之间共享视图,也可以是在不同的屏幕上的窗口中共享视图。
需要说明的是,上述实施例中的触发视图分离的操作和触发视图共享的操作,可以采用不同的手势触发,也可以采用相同的手势触发。当采用不同的手势触发时,比如视图分离的操作可采用双指按压的手势触发,触发视图共享的操作可采用单指长按的手势触发。当采用相同的手势(比如双指按压)触发时,电子设备100可以在检测到作用于待操作视图的双指按压的操作时,显示提示框,该提示框中包括视图分离和视图共享两个功能选项,当用户点击视图分离的功能选项时,电子设备100执行视图分离的过程;当用户点击视图共享的功能选项时,电子设备100执行视图共享的过程。
基于图2所示的硬件结构,以下示例性示出本申请提供的软件架构示意图。
请参见图11,为本申请提供的软件架构示意图,在图11中,以电子设备100为手机为例,且以安卓系统为例。如图11所示,电子设备100的软件架构主要包括4层,自下而上依次包括:内核(kernel)层、硬件抽象层(hardware abstraction layer,HAL)、应用程序框架(Framework)层以及应用程序(Application)层。
内核层主要包含输入/输出设备的驱动。其中,输出设备可以包括显示屏、扬声器等。输入设备可以包括传感器(比如触摸传感器)、键盘、麦克风等。内核层中的输入设备可以采集用户的输入事件,然后将输入事件通过硬件抽象层发送给上层(即应用程序框架层)处理。示例性的,图11中仅画出了触摸传感器驱动和显示驱动,但内核层包括的驱动并不局限于触摸传感器驱动和显示驱动。
硬件抽象层,用于向Framework层提供调用内核层中的驱动的通用接口,并将内核层发送的输入事件分发给上层,即应用程序框架层。
应用程序框架层主要包含输入管理器(InputManager)、窗口管理器(WindowManager)、视图分离管理器(ViewSeparateManager)、表面管理器(SurfaceFlinger)。
其中,输入管理器可以负责对输入事件对应的输入手势进行检测,当内核层通过硬件抽象层将输入事件发送给应用程序框架层时,输入管理器可以确定输入手势是用于分离视图的手势还是用于共享视图的手势,之后再将输入手势的检测结果发送给视图分离管理器以及上层(即应用层)。
示例性的,输入管理器用于对用户的输入事件进行监听,实时监测输入事件对应的输入手势,并将输入事件对应的坐标(x,y)和输入事件传递给视图分离管理器。当输入管理器监测到输入手势时,调用函数ViewSeparateManager.separateAt(int x,inty),该函数用于寻找坐标(x,y)位置对应的最上层的ViewGroup,并弹出弹框询问用户选择分离视图还是共享视图,并将结果发送给视图分离管理器。
视图分离管理器,用于当确定输入手势为用于分离视图的手势时,调用ViewGroup.getParent().RemoveView(this)函数,将View树中的与待操作视图对应的ViewGroup从View树中移出;当确定输入手势为用于共享视图的手势时,调用ViewSeparateManager.deapCopy(ViewGroup)函数拷贝View树中的与待操作视图对应的ViewGroup。
窗口管理器,用于调用WindowManager.addView()为分离或拷贝的ViewGroup(即待操作视图对应的ViewGroup)建立独立的窗口,并将分离的ViewGroup添加至新建立的窗口中。
表面管理器,用于将新建的窗口和其它窗口叠加,并根据叠加的窗口合成GUI,然后通过硬件抽象层将合成的GUI发送给内核层中的显示驱动,用以驱动显示屏194显示该GUI。
应用程序层包括各种应用程序,比如微信、淘宝、短信、腾讯QQ、相机、微博等。应用程序层中的各个应用程序可以确定显示界面如何显示。
下面结合图11所示的电子设备100的软件系统架构,以上述场景一为例说明视图分离显示的具体方式。
安卓(Android)应用的内容是由一个视图(View)组成的视图树(View Tree)。以图3中3b中的今日头条应用的窗口320为例,介绍窗口320对应的视图分布。
如图3中3b所示的今日头条应用的窗口320,窗口320中包括的视图组成的视图树如图12所示,图13示出了窗口320对应的视图树节点分布示意图。
如图3中3b所示的今日头条应用的窗口320中的各个视图组成视图树,可以参见图12所示视图树(View Tree)1200,该视图树1200中有一个根节点(DecorView)1210以及各层级的子节点。窗口320中的视图321,反映在图11中视图树1200中对应于tu节点1211,该tu节点1211反映在图13中13a所示的View Tree1310中对应于tu子节点1311。当视图321从窗口320中分离时,反映在图13中13a中所示的View Tree1310中,tu子节点1311从View Tree1310中分离出来,参见图13中13b所示,原视图树View Tree1310变成View Tree1320,tu子节点1311成为一个View Tree1330。
下面结合图11所示的软件架构,说明图3中3b以及3c所示的分离窗口320中的视图321的过程。
当触摸传感器驱动将检测到的输入事件(比如检测到在图3中3b所示的界面上的双指按 压手势操作、位置坐标等)通过硬件抽象层发送给应用程序框架层。应用程序框架层中的输入管理器(InputManager)监测到输入手势时,可以分析该输入手势是用于分离视图的手势还是用于共享视图的手势,输入管理器将输入事件中的位置坐标与存储的触摸区域的坐标进行比对,可以确定出输入时间对应的触摸区域,然后将该输入事件以及输入事件对应的触摸区域上报给应用程序层的今日头条应用。
今日头条应用响应于该输入事件,向输入管理器下发操作指令,该操作指令中携带不同区域显示的内容,即今日头条应用告知需要显示何种内容的用户界面。
输入管理器还用于调用函数ViewSeparateManager.separateAt(int x,inty),将坐标点(x,y)、输入事件、以及上层下发的操作指令传递给视图分离管理器(ViewSeparateManager)。
以该输入手势为用于分离视图的手势为例,视图分离管理器接收到的操作指令为分离视图指令,视图分离管理器调用函数ViewSeparateManager.separateSelect()将坐标点(x,y)处最上层的ViewGroup(如图12中所示的子视图树1211)标记为选中状态,并调用函数ViewGroup.getParent().remove(this)将选中的ViewGroup(如图12子视图树1211,对应图3中3b所示的视图321)从原视图树(如图12中视图树1200,对应图3中3b所示的窗口320)中分离,同时在窗口320中生成一个还原控件(如控件322),可以实现将分离出来的子视图树1211还原至视图树1200的功能。
窗口管理器调用WindowManager.addView()新建一个Window(如图3中3c所示的窗口330),并将分离的ViewGroup添加到新建的Window中,该新建的Window为悬浮窗显示。
窗口管理器将窗口320和窗口330合成一个GUI,并将合成的GUI发送给SurfaceFlinger。SurfaceFlinger将合成的GUI通过硬件抽象层下发给显示驱动,以驱动显示屏194显示该如图3中3c所示的GUI。
通过以上过程,电子设备100实现从图3中3b所示的GUI切换到图3中3c所示的GUI的过程。将应用窗口内的内容,以视图为单位进行分离显示,用户可以只悬浮显示自己感兴趣的一部分视图内容,并且在应用切换时仍然可以将这部分视图悬浮显示,给用户提供更加订制化的显示方式,提升用户体验。
下面结合图11所示的电子设备100的软件系统架构、以及图10,以上述场景四为例说明视图共享的具体方式。
当触摸传感器驱动将检测到的输入事件(比如检测到在图10中10a所示的界面上的双指按压手势操作、位置坐标等)通过硬件抽象层发送给应用程序框架层。应用程序框架层中的输入管理器(InputManager)监测到输入手势时,可以分析该输入手势是用于分离视图的手势还是用于共享视图的手势,输入管理器将输入事件中的位置坐标与存储的触摸区域的坐标进行比对,可以确定出输入时间对应的触摸区域,然后将该输入事件以及输入事件对应的触摸区域上报给应用程序层的天猫应用。示例性的,图10中10a所示的输入手势为用于共享视图的手势。
天猫应用响应于该输入事件,向输入管理器下发操作指令,该操作指令中携带不同区域显示的内容,即天猫应用告知需要显示何种内容的用户界面。
输入管理器还用于调用函数ViewSeparateManager.separateAt(int x,inty),将坐标点(x,y)、输入事件、以及上层下发的操作指令传递给视图分离管理器(ViewSeparateManager)。
视图分离管理器接收到的操作指令为共享视图指令,视图分离管理器调用函数ViewSeparateManager.separateSelect()将坐标点(x,y)处最上层的ViewGroup(如图12中所示的子视图树1211)标记为选中状态,并调用函数ViewSeparateManager.deapCopy(ViewGroup)深度拷贝选中的ViewGroup,得到选中的ViewGroup的副本。示例性的,选中的视图为窗口1010中的视图1011,拷贝该视图1011得到视图1031。
窗口管理器调用WindowManager.addView()新建一个Window(如窗口1030),并将拷贝的ViewGroup添加到新建的Window中,该新建的Window为悬浮窗显示。示例性的,窗口管理器将视图1031添加至新建的窗口1030中。当用户拖动该新建的窗口1030至备忘录应用的窗口1020中的可编辑视图所在区域时,窗口管理器将窗口1030中的视图1031对应的ViewGroup添加到窗口1020对应的View Tree中的EditView节点,从而可以实现将窗口1030中的视图1031添加到窗口1020中,并删除窗口1030。可选的,本申请实施例中的拷贝方式可以采用进程间内存共享方式、套接字(socket)传输、序列化到文件等方式实现,但不限于这些方式。
窗口管理器将窗口1010和窗口1020合成一个GUI,并将合成的GUI发送给SurfaceFlinger。SurfaceFlinger将合成的GUI通过硬件抽象层下发给显示驱动,以驱动显示屏194显示该如图3中3c所示的GUI。
通过以上过程,电子设备100实现从图10中10a所示的GUI切换到图10中10c所示的GUI的过程。该过程中,以视图为单位在两个窗口之间进行拷贝,不需要两个窗口之间专门制定拷贝协议,从而可以提供一种在不同窗口间分享内容的兼容性方法。
本申请实施例中各个实施例可以相互结合使用,也可以单独使用。
结合上述实施例及相关附图,本申请实施例提供了一种视图显示方法,该方法可以适用于电子设备,电子设备可以为手机、pad、笔记本电脑等。该方法可以适用于上述场景一、场景二、场景三。
请参见图14,为本申请实施例提供的一种视图显示方法的流程示意图。如图14所示,该方法的流程包括:
步骤1401,电子设备显示第一应用的第一窗口,其中第一窗口包括第一视图,第一视图为第一窗口包括的各最小控件单元中的一个。
示例性的,以第一应用为今日头条应用为例,第一窗口为如图3中3b中所示的窗口320,第一视图为视图321。
步骤1402,电子设备检测到作用于第一视图的第一操作。
示例性的,以第一应用为今日头条应用为例,第一操作可以为用户双指按压如图3中3b中所示的视图321的操作。
步骤1403,电子设备响应于第一操作,生成第二窗口,其中第二窗口中包括第一视图。
步骤1404,电子设备显示第二窗口。
示例性的,以第一应用为今日头条应用为例,第二窗口可以为如图3中3c所示的窗口330,窗口330中包括视图321。
可选的,电子设备可以悬浮显示第二窗口,第二窗口的尺寸小于第一窗口的尺寸。
在一种可能的实现方式中,第一窗口对应第一视图树;第一视图树包括与第一视图对应 的第一子视图树;从第一窗口中分离出第一视图,可以通过以下方式实现:从第一视图树中分离出第一子视图树,并从第一窗口中分离出第一视图。
示例性的,以第一应用为今日头条应用为例,第一视图树可以为如图13中13a所示的视图树1310,第一视图树包括的第一子视图树可以为子视图树1311。将第一子视图树从第一视图树分离之后,第一子视图树可以为如图13中13b所示的子视图树1330,第一视图树可以为视图树1320。
在一种可能的实现方式中,在上述步骤1403之后,电子设备还可以在第一窗口中生成还原控件;响应于对还原控件的第三操作,将第一视图还原至第一窗口中。
示例性的,以第一应用为今日头条应用为例,还原控件可以为如图3中3c所示的322。
在一种可能的实现方式中,在步骤1403之后,电子设备还可以在第一区域显示第一窗口,在第二区域显示第二窗口;其中,第一区域与第二区域不存在重叠区域。
示例性的,以第一应用为今日头条应用为例,第一区域可以为如图4B中所示的区域410,在第一区域显示的第一窗口可以为如图4B中所示的窗口320。第二区域可以为如图4B中所示的区域420,在第二区域显示的第二窗口可以为如图4B中所示的窗口330。
在一种可能的实现方式中,电子设备还可以显示第二应用的窗口;第二窗口层叠在第二应用的窗口之上。
示例性的,以第一应用为今日头条应用、第二应用为短信应用为例,第二应用的窗口可以为如图4A中所示的短信的聊天界面400所在的窗口。
结合上述实施例及相关附图,本申请实施例还提供了一种视图显示方法,该方法可以适用于电子设备,电子设备可以为手机、pad、笔记本电脑等。该方法可以适用于上述场景四。
请参见图15,为本申请实施例提供的一种视图显示方法的流程示意图。如图15所示,该方法的流程包括:
步骤1501,电子设备显示第一应用的第一窗口,第一窗口包括第一视图;第一视图为第一窗口包括的各最小控件单元中的一个。
示例性的,以第一应用为天猫应用为例,第一窗口为如图10中10a中所示的窗口1010,第一视图为视图1011。
步骤1502,电子设备检测到作用于第一视图的第四操作。
示例性的,以第一应用为天猫应用为例,第一操作可以为用户双指按压如图10中10a中所示的视图1011的操作。
步骤1503,电子设备响应于第四操作,生成第三窗口;第三窗口包括第一视图的副本。
在一种可实现步骤1503的方式中,电子设备可以响应于第四操作,显示视图共享选项,响应于对视图共享选项的第五操作,复制第一窗口中的第一视图,得到第一视图的副本,将第一视图的副本添加至第三窗口中。示例性的,第一窗口对应第一视图树,第一视图树包括与第一视图对应的第一子视图树,复制第一视图树中的第一子视图树,得到第一子视图树的副本,并复制第一窗口中的第一视图,得到第一视图的副本;将第一子视图树的副本添加至与第三窗口对应的第三视图树中。
步骤1504,电子设备显示第三窗口。可选的,电子设备可以悬浮显示第三窗口,第三窗口的尺寸小于第一窗口的尺寸。
示例性的,以第一应用为今日头条应用为例,第三窗口可以为如图10中10b中所示的窗口1030,窗口1030中包括视图1031,该视图1031为视图1011的副本。
在一种可能的实现方式中,电子设备还可以显示第二应用的窗口;第三窗口层叠在第二应用的窗口之上。
示例性的,以第一应用为天猫应用、第二应用为备忘录应用为例,第二应用的窗口可以为如图10中10c中所示的窗口1020,第三窗口可以为如图10中10c中所示的窗口1030。
在另一种可能的实现方式中,电子设备还可以显示第二应用的窗口;电子设备显示第三窗口之后,还可以将第三窗口中第一视图的副本添加至第二应用的窗口中;删除第三窗口。
上述本申请提供的实施例中,从电子设备(如手机、pad、笔记本电脑等)作为执行主体的角度对本申请实施例提供的方法进行了介绍。为了实现上述本申请实施例提供的方法中的各功能,电子设备可以包括硬件结构和/或软件模块,以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行,取决于技术方案的特定应用和设计约束条件。
如图16所示,本申请另外一些实施例公开了一种电子设备,该电子设备比如为电子设备可以为手机、pad、笔记本电脑等。该电子设备可以包括:触摸屏1601,其中,所述触摸屏1601包括触敏表面1606和显示屏1607;应用程序1608;一个或多个处理器1602;一个或多个存储器1603,用于存储一个或多个程序1604;上述各器件可以通过一个或多个通信总线1605连接。所述显示屏1607可以用于显示电子设备中的某个应用程序的显示界面;或者所述显示屏1607还可以用于显示电子设备的桌面(即主界面);或者所述显示屏1607可以用于显示一个图像等。
其中,当存储器1603中存储的一个或多个程序1604被一个或多个处理器1602执行时,电子设备可以用于执行如图14或图15及相应实施例中的各个步骤。
上述实施例中所用,根据上下文,术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地,根据上下文,短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以程序产品的形式实现。所述程序产品包括一个或多个计算机指令。在计算机上加载和执行所述程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。
为了解释的目的,前面的描述是通过参考具体实施例来进行描述的。然而,上面的示例性的讨论并非意图是详尽的,也并非意图要将本申请限制到所公开的精确形式。根据以上教 导内容,很多修改形式和变型形式都是可能的。选择和描述实施例是为了充分阐明本申请的原理及其实际应用,以由此使得本领域的其他技术人员能够充分利用具有适合于所构想的特定用途的各种修改的本申请以及各种实施例。
上述本申请提供的实施例中,从电子设备作为执行主体的角度对本申请实施例提供的方法进行了介绍。为了实现上述本申请实施例提供的方法中的各功能,电子设备可以包括硬件结构和/或软件模块,以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行,取决于技术方案的特定应用和设计约束条件。

Claims (27)

  1. 一种视图显示方法,其特征在于,应用于电子设备,所述方法包括:
    显示第一应用的第一窗口,所述第一窗口包括第一视图;所述第一视图为所述第一窗口包括的各最小控件单元中的一个;
    检测到作用于所述第一视图的第一操作;
    响应于所述第一操作,生成第二窗口,所述第二窗口中包括所述第一视图;
    显示所述第二窗口。
  2. 如权利要求1所述的方法,其特征在于,所述响应于所述第一操作,生成第二窗口,包括:
    响应于所述第一操作,显示视图分离选项;
    响应于对所述视图分离选项的第二操作,从所述第一窗口中分离出所述第一视图;
    将分离出的所述第一视图添加至所述第二窗口。
  3. 如权利要求2所述的方法,其特征在于,所述第一窗口对应第一视图树;所述第一视图树包括与所述第一视图对应的第一子视图树;
    所述从所述第一窗口中分离出所述第一视图,包括:
    从所述第一视图树中分离出所述第一子视图树,并从所述第一窗口中分离出所述第一视图。
  4. 如权利要求1-3任一项所述的方法,其特征在于,所述响应于所述第一操作,生成第二窗口之后,还包括:
    在所述第一窗口中生成还原控件;
    响应于对所述还原控件的第三操作,将所述第一视图还原至所述第一窗口中。
  5. 如权利要求1-4任一项所述的方法,其特征在于,所述显示所述第二窗口,包括:
    悬浮显示所述第二窗口,所述第二窗口的尺寸小于所述第一窗口的尺寸。
  6. 如权利要求1-5任一项所述的方法,其特征在于,所述响应于所述第一操作,生成第二窗口之后,还包括:
    在第一区域显示所述第一窗口,在第二区域显示所述第二窗口;其中,所述第一区域与所述第二区域不存在重叠区域。
  7. 如权利要求1-6任一项所述的方法,其特征在于,还包括:
    显示第二应用的窗口;所述第二窗口层叠在所述第二应用的窗口之上。
  8. 一种视图显示方法,其特征在于,应用于电子设备,所述方法包括:
    显示第一应用的第一窗口,所述第一窗口包括第一视图;所述第一视图为所述第一窗口包括的各最小控件单元中的一个;
    检测到作用于所述第一视图的第四操作;
    响应于所述第四操作,生成第三窗口;所述第三窗口包括所述第一视图的副本;
    显示所述第三窗口。
  9. 如权利要求8所述的方法,其特征在于,所述响应于所述第四操作,生成第三窗口,包括:
    响应于所述第四操作,显示视图共享选项;
    响应于对所述视图共享选项的第五操作,复制所述第一窗口中的第一视图,得到所述第 一视图的副本;
    将所述第一视图的副本添加至所述第三窗口中。
  10. 如权利要求9所述的方法,其特征在于,所述第一窗口对应第一视图树;所述第一视图树包括与所述第一视图对应的第一子视图树;
    所述复制所述第一视图得到所述第一视图的副本,包括:
    复制所述第一视图树中的第一子视图树,得到所述第一子视图树的副本,并复制所述第一窗口中的第一视图,得到所述第一视图的副本;
    所述将所述第一视图的副本添加至所述第三窗口中,包括:
    将所述第一子视图树的副本添加至与所述第三窗口对应的第三视图树中。
  11. 如权利要求8-10任一项所述的方法,其特征在于,所述显示所述第三窗口,包括:
    悬浮显示所述第三窗口,所述第三窗口的尺寸小于所述第一窗口的尺寸。
  12. 如权利要求8-11任一项所述的方法,其特征在于,还包括:
    显示第二应用的窗口;所述第三窗口层叠在所述第二应用的窗口之上。
  13. 如权利要求8-12任一项所述的方法,其特征在于,还包括:
    显示第二应用的窗口;
    所述显示所述第三窗口之后,还包括:
    将所述第三窗口中第一视图的副本添加至所述第二应用的窗口中;
    删除所述第三窗口。
  14. 一种电子设备,其特征在于,所述电子设备包括显示屏;一个或多个处理器;存储器;多个应用程序;以及一个或多个计算机程序,其中所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述电子设备执行时,使得所述电子设备执行如下步骤:
    显示第一应用的第一窗口,所述第一窗口包括第一视图;所述第一视图为所述第一窗口包括的各最小控件单元中的一个;
    检测到作用于所述第一视图的第一操作;
    响应于所述第一操作,生成第二窗口,所述第二窗口中包括所述第一视图;
    显示所述第二窗口。
  15. 如权利要求14所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备具体执行以下步骤:
    响应于所述第一操作,显示视图分离选项;
    响应于对所述视图分离选项的第二操作,从所述第一窗口中分离出所述第一视图;
    将分离出的所述第一视图添加至所述第二窗口。
  16. 如权利要求15所述的电子设备,其特征在于,所述第一窗口对应第一视图树;所述第一视图树包括与所述第一视图对应的第一子视图树;
    当所述指令被所述电子设备执行时,使得所述电子设备具体执行以下步骤:
    从所述第一视图树中分离出所述第一子视图树,并从所述第一窗口中分离出所述第一视图。
  17. 如权利要求14-16任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备还执行以下步骤:
    在所述第一窗口中生成还原控件;
    响应于对所述还原控件的第三操作,将所述第一视图还原至所述第一窗口中。
  18. 如权利要求14-17任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备具体执行以下步骤:
    悬浮显示所述第二窗口,所述第二窗口的尺寸小于所述第一窗口的尺寸。
  19. 如权利要求14-18任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备还执行以下步骤:
    在第一区域显示所述第一窗口,在第二区域显示所述第二窗口;其中,所述第一区域与所述第二区域不存在重叠区域。
  20. 如权利要求14-19任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备还执行以下步骤:
    显示第二应用的窗口;所述第二窗口层叠在所述第二应用的窗口之上。
  21. 一种电子设备,其特征在于,所述电子设备包括显示屏;一个或多个处理器;存储器;多个应用程序;以及一个或多个计算机程序,其中所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述电子设备执行时,使得所述电子设备执行如下步骤:
    显示第一应用的第一窗口,所述第一窗口包括第一视图;所述第一视图为所述第一窗口包括的各最小控件单元中的一个;
    检测到作用于所述第一视图的第四操作;
    响应于所述第四操作,生成第三窗口;所述第三窗口包括所述第一视图的副本;
    显示所述第三窗口。
  22. 如权利要求21所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备执行如下步骤:
    响应于所述第四操作,显示视图共享选项;
    响应于对所述视图共享选项的第五操作,复制所述第一窗口中的第一视图,得到所述第一视图的副本;
    将所述第一视图的副本添加至所述第三窗口中。
  23. 如权利要求22所述的电子设备,其特征在于,所述第一窗口对应第一视图树;所述第一视图树包括与所述第一视图对应的第一子视图树;
    当所述指令被所述电子设备执行时,使得所述电子设备执行如下步骤:
    复制所述第一视图树中的第一子视图树,得到所述第一子视图树的副本,并复制所述第一窗口中的第一视图,得到所述第一视图的副本;
    所述将所述第一视图的副本添加至所述第三窗口中,包括:
    将所述第一子视图树的副本添加至与所述第三窗口对应的第三视图树中。
  24. 如权利要求21-23任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备执行如下步骤:
    悬浮显示所述第三窗口,所述第三窗口的尺寸小于所述第一窗口的尺寸。
  25. 如权利要求21-24任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备执行如下步骤:
    显示第二应用的窗口;所述第三窗口层叠在所述第二应用的窗口之上。
  26. 如权利要求21-25任一项所述的电子设备,其特征在于,当所述指令被所述电子设备执行时,使得所述电子设备还执行如下步骤:
    显示第二应用的窗口;
    将所述第三窗口中第一视图的副本添加至所述第二应用的窗口中;
    删除所述第三窗口。
  27. 一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,当计算机程序在电子设备上运行时,使得所述电子设备执行如权利要求1至7任一所述的方法,或者执行如权利要求8至13任一所述的方法。
PCT/CN2020/098416 2019-06-28 2020-06-28 一种视图显示方法和电子设备 WO2020259669A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP20832852.6A EP3951589A4 (en) 2019-06-28 2020-06-28 VIEW DISPLAY METHOD AND ELECTRONIC DEVICE
US17/615,170 US20220236837A1 (en) 2019-06-28 2020-06-28 View Display Method and Electronic Device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910582881.5 2019-06-28
CN201910582881.5A CN112148401A (zh) 2019-06-28 2019-06-28 一种视图显示方法和电子设备

Publications (1)

Publication Number Publication Date
WO2020259669A1 true WO2020259669A1 (zh) 2020-12-30

Family

ID=73891718

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/098416 WO2020259669A1 (zh) 2019-06-28 2020-06-28 一种视图显示方法和电子设备

Country Status (4)

Country Link
US (1) US20220236837A1 (zh)
EP (1) EP3951589A4 (zh)
CN (1) CN112148401A (zh)
WO (1) WO2020259669A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20210056220A1 (en) * 2019-08-22 2021-02-25 Mediatek Inc. Method for improving confidentiality protection of neural network model
EP4092514A1 (en) * 2021-05-17 2022-11-23 Google LLC Systems and methods for asynchronous sub-window interaction in application views

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021045247A1 (ko) * 2019-09-03 2021-03-11 엘지전자 주식회사 데이터를 처리하는 방법 및 그 전자 장치

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103412711A (zh) * 2013-08-27 2013-11-27 宇龙计算机通信科技(深圳)有限公司 文档对比参照方法和装置
CN104123078A (zh) * 2014-08-12 2014-10-29 广州三星通信技术研究有限公司 输入信息的方法和设备
CN108062194A (zh) * 2017-12-12 2018-05-22 维沃移动通信有限公司 一种显示方法、装置及移动终端
US10122839B1 (en) * 2014-12-02 2018-11-06 Facebook, Inc. Techniques for enhancing content on a mobile device

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5689666A (en) * 1994-01-27 1997-11-18 3M Method for handling obscured items on computer displays
US8661361B2 (en) * 2010-08-26 2014-02-25 Sitting Man, Llc Methods, systems, and computer program products for navigating between visual components
US8555155B2 (en) * 2010-06-04 2013-10-08 Apple Inc. Reader mode presentation of web content
US20120005607A1 (en) * 2010-06-30 2012-01-05 Alcatel-Lucent Canada Inc. Floating window
US20130268837A1 (en) * 2012-04-10 2013-10-10 Google Inc. Method and system to manage interactive content display panels
KR102057629B1 (ko) * 2013-02-19 2020-01-22 엘지전자 주식회사 이동 단말기 및 이동 단말기의 제어 방법
CN104133898A (zh) * 2014-07-31 2014-11-05 上海二三四五网络科技股份有限公司 一种浏览器内视频小窗播放的方法和装置
US20160188196A1 (en) * 2014-12-30 2016-06-30 Airwatch Llc Floating media player
CN107037949B (zh) * 2017-03-29 2020-11-27 北京小米移动软件有限公司 一种分屏显示方法及装置
US20180324116A1 (en) * 2017-05-08 2018-11-08 Alexandru George VADUVA Method and system for organizing chat content

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103412711A (zh) * 2013-08-27 2013-11-27 宇龙计算机通信科技(深圳)有限公司 文档对比参照方法和装置
CN104123078A (zh) * 2014-08-12 2014-10-29 广州三星通信技术研究有限公司 输入信息的方法和设备
US10122839B1 (en) * 2014-12-02 2018-11-06 Facebook, Inc. Techniques for enhancing content on a mobile device
CN108062194A (zh) * 2017-12-12 2018-05-22 维沃移动通信有限公司 一种显示方法、装置及移动终端

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3951589A4

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20210056220A1 (en) * 2019-08-22 2021-02-25 Mediatek Inc. Method for improving confidentiality protection of neural network model
EP4092514A1 (en) * 2021-05-17 2022-11-23 Google LLC Systems and methods for asynchronous sub-window interaction in application views

Also Published As

Publication number Publication date
US20220236837A1 (en) 2022-07-28
CN112148401A (zh) 2020-12-29
EP3951589A1 (en) 2022-02-09
EP3951589A4 (en) 2022-08-17

Similar Documents

Publication Publication Date Title
US11922005B2 (en) Screen capture method and related device
CN110471639B (zh) 显示方法及相关装置
US20220342850A1 (en) Data transmission method and related device
US11861161B2 (en) Display method and apparatus
US12014223B2 (en) Content sharing method and electronic device
WO2021103981A1 (zh) 分屏显示的处理方法、装置及电子设备
WO2021063074A1 (zh) 一种分屏显示方法与电子设备
CN112947823B (zh) 会话处理方法、装置、设备及存储介质
KR102064952B1 (ko) 수신 데이터를 이용하여 어플리케이션을 운영하는 전자 장치
WO2021000839A1 (zh) 一种分屏方法及电子设备
CN107193524B (zh) 多显示设备及其操作方法
WO2021136133A1 (zh) 一种应用程序切换方法及电子设备
WO2020259669A1 (zh) 一种视图显示方法和电子设备
WO2019062910A1 (zh) 一种复制和粘贴的方法、数据处理装置和用户设备
US11989383B2 (en) Application window display method and terminal
WO2020215957A1 (zh) 界面显示方法及终端设备
WO2023010940A1 (zh) 分屏显示方法和装置
WO2020156118A1 (zh) 管理方法及终端设备
US20150177957A1 (en) Method and apparatus for processing object provided through display
WO2021057301A1 (zh) 文件控制方法及电子设备
WO2021057699A1 (zh) 具有柔性屏幕的电子设备的控制方法及电子设备
WO2020019330A1 (zh) 一种邮件翻译的方法及电子设备
WO2022134691A1 (zh) 一种终端设备中啸叫处理方法及装置、终端
KR20180080484A (ko) 이동 단말기
WO2024104094A1 (zh) 截图分享方法及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20832852

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2020832852

Country of ref document: EP

Effective date: 20211029

NENP Non-entry into the national phase

Ref country code: DE