技术领域technical field
本申请实施例涉及人机交互领域，特别涉及一种用户界面显示方法、装置、设备及存储介质。The embodiments of the present application relate to the field of human-computer interaction, and in particular to a user interface display method, device, device, and storage medium.
背景技术Background technique
智能手机上安装有多个应用程序。当后台运行有多个应用程序时，用户可以将其中一个应用程序切换至前台运行。There are several applications installed on the smartphone. When there are multiple applications running in the background, the user can switch one of the applications to run in the foreground.
相关技术中，应用程序切换方法通常包括：在前台运行应用程序A的过程中，若接收到菜单键上的第一点击信号时，智能手机显示缩略图页面，该缩略图页面上显示有若干个后台运行的应用程序的缩略图。当接收到应用程序B对应的缩略图上的第二点击信号时，智能手机将该应用程序B切换至前台运行。In related technologies, the application program switching method usually includes: in the process of running the application program A in the foreground, if the first click signal on the menu key is received, the smart phone displays a thumbnail page, and the thumbnail page displays several Thumbnails of apps running in the background. When receiving the second click signal on the thumbnail corresponding to the application program B, the smart phone switches the application program B to the foreground to run.
发明内容Contents of the invention
本申请实施例提供了一种用户界面显示方法、装置、设备及存储介质，可以解决相关技术中的应用程序切换方法需要较多次人机操作，人机交互效率较低的问题。所述技术方案如下：Embodiments of the present application provide a user interface display method, device, device, and storage medium, which can solve the problem of requiring many human-computer operations and low efficiency of human-computer interaction in the application program switching method in the related art. Described technical scheme is as follows:
第一方面，提供了一种用户界面显示方法，所述方法包括：In a first aspect, a method for displaying a user interface is provided, the method comprising:
显示第一应用程序的第一用户界面；displaying a first user interface of a first application;
当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；When receiving a preset gesture signal on the first user interface, displaying a first floating window on the first user interface, the first floating window includes a program icon of a second application program;
当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。When the first operation signal on the program icon is received, the display of the first floating window is canceled, and the second user interface of the second application program is displayed in a partial screen area of the display screen.
第二方面，提供了一种用户界面显示装置，所述装置包括：In a second aspect, a user interface display device is provided, the device comprising:
第一显示模块，用于显示第一应用程序的第一用户界面；a first display module, configured to display a first user interface of a first application program;
第二显示模块，用于当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；The second display module is configured to display a first floating window on the first user interface when a preset gesture signal on the first user interface is received, the first floating window including a second application program program icon;
第三显示模块，用于当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。A third display module, configured to cancel the display of the first floating window when receiving the first operation signal on the program icon, and display the second application program in a partial screen area of the display screen Second user interface.
第三方面，提供了一种终端，所述终端包括处理器和存储器；所述存储器存储有至少一条指令，所述至少一条指令用于被所述处理器执行以实现如上第一方面所述的用户界面显示方法。In a third aspect, a terminal is provided, the terminal includes a processor and a memory; the memory stores at least one instruction, and the at least one instruction is used to be executed by the processor to implement the above first aspect User interface display method.
第四方面，提供了一种计算机可读存储介质，所述存储介质存储有至少一条指令，所述至少一条指令用于被处理器执行以实现如上第一方面所述的用户界面显示方法。In a fourth aspect, a computer-readable storage medium is provided, the storage medium stores at least one instruction, and the at least one instruction is used to be executed by a processor to implement the user interface display method described in the first aspect above.
本申请实施例提供的技术方案带来的有益效果是：The beneficial effects brought by the technical solutions provided by the embodiments of the present application are:
本实施例提供的用户界面显示方法，通过显示第一应用程序的第一用户界面，当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标；当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面，能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率。同时，还不会打断用户对第一应用程序的正常使用，比如第一应用程序是游戏应用，则方便用户在使用游戏应用时，不打断游戏体验的同时，对第二应用程序进行快速操作。In the user interface display method provided in this embodiment, by displaying the first user interface of the first application program, when a preset gesture signal on the first user interface is received, the first floating window is displayed on the first user interface. A floating window includes the program icon of the second application program; when the first operation signal on the program icon is received, the display of the first floating window is canceled, and the first application program of the second application program is displayed in the partial screen area of the display screen. The second user interface can simplify the user's operation steps when switching between different application programs, and improve the efficiency of human-computer interaction. At the same time, it will not interrupt the user's normal use of the first application. For example, if the first application is a game application, it is convenient for the user to quickly update the second application without interrupting the game experience when using the game application. operate.
附图说明Description of drawings
图1是本申请一个示例性实施例提供的终端的结构示意图；FIG. 1 is a schematic structural diagram of a terminal provided in an exemplary embodiment of the present application;
图2是本申请另一个示例性实施例提供的终端的结构示意图；FIG. 2 is a schematic structural diagram of a terminal provided in another exemplary embodiment of the present application;
图3A至图3F是本申请的示例性实施例提供的具有不同触摸显示屏的终端的外观示意图；3A to 3F are schematic appearance diagrams of terminals with different touch screens provided by an exemplary embodiment of the present application;
图4是本申请一个示例性实施例提供的用户界面显示方法的流程图；Fig. 4 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application;
图5是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；Fig. 5 is a schematic interface diagram during implementation of a user interface display method provided by an exemplary embodiment of the present application;
图6是本申请一个示例性实施例提供的用户界面显示方法的流程图；Fig. 6 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application;
图7至图13是图6实施例提供的用户界面显示方法在实施时的界面示意图；7 to 13 are schematic diagrams of the user interface display method provided by the embodiment of FIG. 6 during implementation;
图14是本申请另一个示例性实施例提供的用户界面显示装置的结构示意图；Fig. 14 is a schematic structural diagram of a user interface display device provided by another exemplary embodiment of the present application;
图15是本申请另一个示例性实施例提供的终端的结构示意图。Fig. 15 is a schematic structural diagram of a terminal provided by another exemplary embodiment of the present application.
具体实施方式Detailed ways
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。In order to make the object, technical solution and advantages of the present invention clearer, the implementation manner of the present invention will be further described in detail below in conjunction with the accompanying drawings.
在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。The "plurality" mentioned herein means two or more. "And/or" describes the association relationship of associated objects, indicating that there may be three types of relationships, for example, A and/or B may indicate: A exists alone, A and B exist simultaneously, and B exists independently. The character "/" generally indicates that the contextual objects are an "or" relationship.
参考图1和图2所示，其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以是手机、平板电脑、笔记本电脑和电子书等。本申请中的终端100可以包括一个或多个如下部件：处理器110、存储器120和触摸显示屏130。Referring to FIG. 1 and FIG. 2 , it shows a structural block diagram of a terminal 100 provided by an exemplary embodiment of the present application. The terminal 100 may be a mobile phone, a tablet computer, a notebook computer, an e-book, and the like. The terminal 100 in this application may include one or more of the following components: a processor 110 , a memory 120 and a touch display 130 .
处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在存储器120内的数据，执行终端100的各种功能和处理数据。可选地，处理器110可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable LogicArray，PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(CentralProcessing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责触摸显示屏130所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块芯片进行实现。Processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire terminal 100, and executes the terminal by running or executing instructions, programs, code sets or instruction sets stored in the memory 120, and calling data stored in the memory 120. 100's of various functions and processing data. Optionally, the processor 110 may use at least one of Digital Signal Processing (Digital Signal Processing, DSP), Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and Programmable Logic Array (Programmable LogicArray, PLA). implemented in the form of hardware. The processor 110 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU), a modem, and the like. Among them, the CPU mainly processes the operating system, user interface and application programs, etc.; the GPU is responsible for rendering and drawing the content that needs to be displayed on the touch screen 130 ; the modem is used for processing wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 110, but implemented by a single chip.
存储器120可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选地，该存储器120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等；存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。The memory 120 may include a random access memory (Random Access Memory, RAM), and may also include a read-only memory (Read-Only Memory). Optionally, the memory 120 includes a non-transitory computer-readable storage medium. The memory 120 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. The memory 120 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), Instructions and the like for implementing the following method embodiments; the storage data area can store data created according to the use of the terminal 100 (such as audio data, phonebook) and the like.
以操作系统为安卓(Android)系统为例，存储器120中存储的程序和数据如图1所示，存储器120中存储有Linux内核层220、系统运行库层240、应用框架层260和应用层280。Linux内核层220为终端100的各种硬件提供了底层的驱动，如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、Wi-Fi驱动、电源管理等。系统运行库层240通过一些C/C++库来为Android系统提供了主要的特性支持。如SQLite库提供了数据库的支持，OpenGL/ES库提供了3D绘图的支持，Webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有Android运行时库242(Android Runtime)，它主要提供了一些核心库，能够允许开发者使用Java语言来编写Android应用。应用框架层260提供了构建应用程序时可能用到的各种API，开发者也可以通过使用这些API来构建自己的应用程序，比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序，这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序，比如即时通信程序、相片美化程序等。Taking the operating system as an Android system as an example, the programs and data stored in the memory 120 are as shown in Figure 1, and the memory 120 is stored with a Linux kernel layer 220, a system runtime layer 240, an application framework layer 260 and an application layer 280 . The Linux kernel layer 220 provides underlying drivers for various hardware of the terminal 100, such as display drivers, audio drivers, camera drivers, Bluetooth drivers, Wi-Fi drivers, power management, and so on. The system runtime layer 240 provides main feature support for the Android system through some C/C++ libraries. For example, the SQLite library provides database support, the OpenGL/ES library provides 3D drawing support, and the Webkit library provides browser kernel support. The system runtime layer 240 also provides an Android runtime library 242 (Android Runtime), which mainly provides some core libraries and can allow developers to use the Java language to write Android applications. The application framework layer 260 provides various APIs that may be used when building applications. Developers can also use these APIs to build their own applications, such as activity management, window management, view management, notification management, content providers, Package management, call management, resource management, location management. There is at least one application program running in the application layer 280, and these application programs can be contact programs, SMS programs, clock programs, camera applications, etc. Communication programs, photo beautification programs, etc.
以操作系统为IOS系统为例，存储器120中存储的程序和数据如图2所示，IOS系统包括：核心操作系统层320(Core OS layer)、核心服务层340(Core Services layer)、媒体层360(Media layer)、可触摸层380(Cocoa Touch Layer)。核心操作系统层320包括了操作系统内核、驱动程序以及底层程序框架，这些底层程序框架提供更接近硬件的功能，以供位于核心服务层340的程序框架所使用。核心服务层340提供给应用程序所需要的系统服务和/或程序框架，比如基础(Foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层360为应用程序提供有关视听方面的接口，如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(AirPlay)接口等。可触摸层380为应用程序开发提供了各种常用的界面相关的框架，可触摸层380负责用户在终端100上的触摸交互操作。比如本地通知服务、远程推送服务、广告框架、游戏工具框架、消息用户界面接口(User Interface，UI)框架、用户界面UIKit框架、地图框架等等。Taking the operating system as the IOS system as an example, the programs and data stored in the memory 120 are as shown in Figure 2, and the IOS system includes: a core operating system layer 320 (Core OS layer), a core service layer 340 (Core Services layer), a media layer 360 (Media layer), touchable layer 380 (Cocoa Touch Layer). The core operating system layer 320 includes an operating system kernel, drivers, and underlying program frameworks. These underlying program frameworks provide functions closer to hardware for use by the program frameworks located in the core service layer 340 . The core service layer 340 provides system services and/or program frameworks required by applications, such as foundation framework, account framework, advertisement framework, data storage framework, network connection framework, geographic location framework, exercise framework and so on. The media layer 360 provides audio-visual interfaces for applications, such as interfaces related to graphics and images, interfaces related to audio technology, interfaces related to video technology, and wireless playback (AirPlay) interfaces of audio and video transmission technologies. The touchable layer 380 provides various commonly used interface-related frameworks for application development, and the touchable layer 380 is responsible for the user's touch interaction operation on the terminal 100 . Such as local notification service, remote push service, advertisement framework, game tool framework, message user interface interface (User Interface, UI) framework, user interface UIKit framework, map framework and so on.
在图2所示出的框架中，与大部分应用程序有关的框架包括但不限于：核心服务层340中的基础框架和可触摸层380中的UIKit框架。基础框架提供许多基本的对象类和数据类型，为所有应用程序提供最基本的系统服务，和UI无关。而UIKit框架提供的类是基础的UI类库，用于创建基于触摸的用户界面，iOS应用程序可以基于UIKit框架来提供UI，所以它提供了应用程序的基础架构，用于构建用户界面，绘图、处理和用户交互事件，响应手势等等。In the framework shown in FIG. 2 , frameworks related to most applications include but not limited to: the basic framework in the core service layer 340 and the UIKit framework in the touchable layer 380 . The basic framework provides many basic object classes and data types, and provides the most basic system services for all applications, regardless of UI. The class provided by the UIKit framework is a basic UI class library for creating a touch-based user interface. iOS applications can provide UI based on the UIKit framework, so it provides the infrastructure of the application for building user interfaces, drawing , Handle and user interaction events, respond to gestures, and more.
触摸显示屏130用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作，以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异型屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合，异型屏与曲面屏的结合，本实施例对此不加以限定。其中：The touch display screen 130 is used to receive a user's touch operation on or near it using any suitable object such as a finger or a touch pen, and to display user interfaces of various application programs. The touch display screen 130 is usually arranged on the front panel of the terminal 130 . The touch display screen 130 can be designed as a full screen, a curved screen or a special-shaped screen. The touch display screen 130 can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in this embodiment. in:
全面屏full screen
全面屏可以是指触摸显示屏130占用终端100的前面板的屏占比超过阈值(比如80％或90％或95％)的屏幕设计。屏占比的一种计算方式为：(触摸显示屏130的面积/终端100的前面板的面积)*100％；屏占比的另一种计算方式为：(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100％；屏占比的再一种计算方式为：(触摸显示屏130的对角线/在终端100的前面板的对角线)*100％。示意性的如图3A所示的例子中，终端100的前面板上近乎所有区域均为触摸显示屏130，在终端100的前面板40上，除中框41所产生的边缘之外的其它区域，全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。The full screen may refer to a screen design in which the screen-to-body ratio occupied by the touch display screen 130 on the front panel of the terminal 100 exceeds a threshold (such as 80% or 90% or 95%). One calculation method of the screen-to-body ratio is: (area of the touch screen 130/area of the front panel of the terminal 100)*100%; another calculation method of the screen-to-body ratio is: (the actual display area in the touch screen 130 area/area of the front panel of the terminal 100)*100%; another calculation method of the screen-to-body ratio is: (diagonal line of the touch screen 130/diagonal line of the front panel of the terminal 100)*100% . In the schematic example shown in FIG. 3A , almost all areas on the front panel of the terminal 100 are touch display screens 130 , and on the front panel 40 of the terminal 100 , other areas except the edge generated by the middle frame 41 , all of which are touch screens 130 . The four corners of the touch display screen 130 may be right angles or rounded corners.
全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选地，该至少一种前面板部件包括：摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中，将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中，比如将摄像头中的感光元件拆分为多个感光像素后，将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部，所以全面屏具有更高的屏占比。The full screen may also be a screen design in which at least one front panel component is integrated inside or under the touch display screen 130 . Optionally, the at least one front panel component includes: a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, and the like. In some embodiments, other components on the front panel of the traditional terminal are integrated into all or part of the area of the touch display 130, for example, after splitting the photosensitive element in the camera into multiple photosensitive pixels, each photosensitive Pixels are integrated in the black area of each display pixel in the touch display screen 130 . Since at least one front panel component is integrated inside the touch display screen 130 , the full screen has a higher screen-to-body ratio.
当然在另外一些实施例中，也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面，比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。Of course, in some other embodiments, the front panel components on the front panel of the traditional terminal can also be arranged on the side or back of the terminal 100, for example, the ultrasonic fingerprint sensor is arranged under the touch screen 130, the bone conduction The handset is disposed inside the terminal 130, and the camera is disposed on a side of the terminal in a pluggable structure.
在一些可选的实施例中，当终端100采用全面屏时，终端100的中框的单个侧边，或两个侧边(比如左、右两个侧边)，或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120，该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作，对终端100中的应用程序进行控制。In some optional embodiments, when the terminal 100 adopts a full screen, a single side of the middle frame of the terminal 100, or two sides (such as left and right sides), or four sides (such as Edge touch sensors 120 are arranged on the upper, lower, left, and right sides), and the edge touch sensors 120 are used to detect touch operations, click operations, press operations, and slide operations of the user on the middle frame. at least one action. The edge touch sensor 120 may be any one of a touch sensor, a heat sensor, a pressure sensor, and the like. The user can perform operations on the edge touch sensor 120 to control the application programs in the terminal 100 .
曲面屏curved screen
曲面屏是指触摸显示屏130的截面呈弯曲形状且沿平行于截面的方向上的投影为平面的屏幕设计，该弯曲形状可以是U型。可选地，曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选地，曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框，也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域，从而使得曲面屏具有了更高的屏占比。可选地，如图3B所示的例子中，曲面屏是指左右两个侧边42是弯曲形状的屏幕设计；或者，曲面屏是指上下两个侧边是弯曲形状的屏幕设计；或者，曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中，曲面屏采用具有一定柔性的触摸屏材料制备。The curved screen refers to a screen design in which the cross section of the touch display screen 130 is curved and the projection along a direction parallel to the cross section is a plane. The curved shape may be U-shaped. Optionally, the curved screen refers to a screen design in which at least one side is curved. Optionally, the curved screen means that at least one side of the touch display screen 130 extends to cover the middle frame of the terminal 100 . Since the side of the touch display screen 130 extends to cover the middle frame of the terminal 100, that is, the middle frame that originally does not have a display function and a touch function is covered as a displayable area and/or an operable area, so that the curved screen has more features. High screen-to-body ratio. Optionally, in the example shown in FIG. 3B , the curved screen refers to a screen design in which the left and right sides 42 are curved; or, the curved screen refers to a screen design in which the upper and lower sides are curved; or, A curved screen refers to a screen design in which the upper, lower, left, and right sides are curved. In an optional embodiment, the curved screen is made of a touch screen material with certain flexibility.
异型屏Shaped screen
异型屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选地，异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选地，该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时，可以设置在该边缘的中间位置或两端；当凸起、缺口和/或挖孔设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时，凸起、缺口和挖孔可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选地，该凸起、缺口和/或挖孔的数量也不限。A shaped screen is a touch display screen with an irregular appearance, and the irregular shape is not a rectangle or a rounded rectangle. Optionally, the special-shaped screen refers to a screen design in which protrusions, notches and/or holes are provided on the rectangular or rounded rectangular touch display screen 130 . Optionally, the protrusion, notch and/or hole can be located on the edge of the touch display screen 130, in the center of the screen or both. When the protrusion, notch and/or digging hole is set on one edge, it can be set in the middle or both ends of the edge; when the protrusion, notch and/or digging hole is set in the center of the screen, it can be set on the top of the screen region, upper left region, left region, lower left region, lower region, lower right region, right region, upper right region. When arranged in multiple regions, the protrusions, notches and digging holes can be distributed in a concentrated manner or in a dispersed manner; they can be distributed symmetrically or asymmetrically. Optionally, the number of the protrusions, notches and/or holes is not limited.
由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异型屏也具有更大的屏占比。在一些实施例中，缺口和/或挖孔中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。Since the special-shaped screen covers the upper forehead area and/or the lower forehead area of the touch display screen as a displayable area and/or an operable area, the touch display screen occupies more space on the front panel of the terminal, so the special-shaped screen also has Larger screen-to-body ratio. In some embodiments, the notch and/or the hole is used to accommodate at least one front panel component, the front panel component includes a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, an earpiece, an ambient light sensor, a physical button, etc. at least one of .
示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图3C所示的例子中，异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图3D所示，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图3E所示的例子中，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图3F所示的例子中，异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔46的屏幕设计，该小孔46所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。Exemplarily, the notch can be provided on one or more edges, and the notch can be a semicircular notch, a right-angled rectangular notch, a rounded rectangular notch or an irregular-shaped notch. In the schematic example shown in FIG. 3C , the special-shaped screen may be a screen design in which a semicircular notch 43 is provided at the center of the upper edge of the touch display 130, and the position vacated by the semicircular notch 43 is used for It is used to accommodate at least one front panel component of a camera, a distance sensor (also known as a proximity sensor), an earpiece, and an ambient light brightness sensor; as shown schematically in FIG. A screen design with a semicircular notch 44 in the central position, the position vacated by the semicircular notch 44 is used to accommodate at least one of the physical buttons, fingerprint sensor, and microphone; schematically shown in Figure 3E In an example, the special-shaped screen may be a screen design in which a semi-elliptical notch 45 is provided at the center of the lower edge of the touch display 130, and at the same time, a semi-elliptical notch is formed on the front panel of the terminal 100, and two semi-elliptical notches are formed. Shaped gaps form an elliptical area, which is used to accommodate physical buttons or fingerprint recognition modules; in the example shown in Figure 3F, the special-shaped screen can be in the upper half of the touch display screen 130 The screen design is provided with at least one small hole 46, and the position vacated by the small hole 46 is used to accommodate at least one front panel component among the camera, the distance sensor, the earpiece, and the ambient light brightness sensor.
除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。In addition, those skilled in the art can understand that the structure of the terminal 100 shown in the above drawings does not constitute a limitation on the terminal 100, and the terminal may include more or less components than those shown in the figure, or combine some components, or different component arrangements. For example, the terminal 100 also includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (Wireless Fidelity, WiFi) module, a power supply, and a Bluetooth module, which will not be repeated here.
请参考图4，其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明。该方法包括：Please refer to FIG. 4 , which shows a flowchart of a user interface display method according to an exemplary embodiment of the present application. This embodiment is described by taking the method applied to the terminal 100 as an example. The method includes:
步骤401，显示第一应用程序的第一用户界面。Step 401, displaying a first user interface of a first application program.
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中，终端在显示屏上显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。The first application is an application running in the foreground. During the user's use of the first application program, the terminal displays a first user interface of the first application program on the display screen, where the first user interface refers to a program interface of the first application program.
步骤402，当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标。Step 402: When a preset gesture signal on the first user interface is received, a first floating window is displayed on the first user interface, where the first floating window includes a program icon of the second application program.
可选的，终端在第一用户界面上的局部界面区域中叠加显示第一浮动窗口。Optionally, the terminal superimposes and displays the first floating window in a partial interface area on the first user interface.
第一浮动窗口可以仅显示一个第二应用程序的程序图标，还可以显示第三应用程序、第四应用程序等其它应用程序的程序图标。其中，第二应用程序可以是尚未启动的应用程序，也可以是位于后台运行状态的应用程序，本申请实施例对第二应用程序的运行状态不加以限定。The first floating window may only display a program icon of the second application program, and may also display program icons of other application programs such as the third application program and the fourth application program. Wherein, the second application program may be an application program that has not been started, or may be an application program running in the background, and the embodiment of the present application does not limit the running state of the second application program.
步骤403，当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。Step 403, when the first operation signal on the program icon is received, the display of the first floating window is canceled, and the second user interface of the second application program is displayed in a partial screen area of the display screen.
第一操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。The first operation signal may be at least one of a click signal, a double-click signal, a long-press signal, and a slide signal.
以第一操作信号是点击信号为例，参考图5，终端在显示屏上显示有第一用户界面51，当接收到第一用户界面51上的预设手势信号时，在第一用户界面51上叠加(或弹出)第一浮动窗口52，第一浮动窗口52包括第二应用程序A的程序图标。当终端接收到第二应用程序A的程序图标上的点击信号时，取消对第一浮动窗口52的显示，且在显示屏的局部屏幕区域中显示第二应用程序A的第二用户界面53。Taking the first operation signal as an example of a click signal, referring to FIG. 5 , the terminal displays a first user interface 51 on the display screen. When receiving a preset gesture signal on the first user interface 51, the first user interface 51 The first floating window 52 is superimposed (or popped up), and the first floating window 52 includes the program icon of the second application program A. When the terminal receives a click signal on the program icon of the second application program A, the display of the first floating window 52 is canceled, and the second user interface 53 of the second application program A is displayed in a partial screen area of the display screen.
综上所述，本实施例提供的用户界面显示方法，通过显示第一应用程序的第一用户界面，当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标；当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面，能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率。同时，还不会打断用户对第一应用程序的正常使用，比如第一应用程序是游戏应用，则方便用户在使用游戏应用时，不打断游戏体验的同时，对第二应用程序进行快速操作。To sum up, the user interface display method provided by this embodiment displays the first user interface of the first application program, and when a preset gesture signal on the first user interface is received, the second user interface is displayed on the first user interface. A floating window, the first floating window includes the program icon of the second application program; when the first operation signal on the program icon is received, the display of the first floating window is canceled, and the second application is displayed in the partial screen area of the display screen The second user interface of the two application programs can simplify the user's operation steps when switching between different application programs, and improve the efficiency of human-computer interaction. At the same time, it will not interrupt the user's normal use of the first application. For example, if the first application is a game application, it is convenient for the user to quickly update the second application without interrupting the game experience when using the game application. operate.
请参考图6，其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明。该方法包括：Please refer to FIG. 6 , which shows a flowchart of a user interface display method provided by an exemplary embodiment of the present application. This embodiment is described by taking the method applied to the terminal 100 as an example. The method includes:
步骤601，在主显示区域显示第一应用程序的第一用户界面。Step 601, displaying a first user interface of a first application program in a main display area.
终端的显示屏上包括主显示区域和辅显示区域。通常，主显示区域和辅显示区域是属于同一显示屏上的不同显示区域。主显示区域的第一显示面积大于辅显示区域的第二显示面积。The display screen of the terminal includes a main display area and an auxiliary display area. Usually, the main display area and the auxiliary display area belong to different display areas on the same display screen. The first display area of the main display area is larger than the second display area of the auxiliary display area.
可选地，主显示区域与辅显示区域相邻，主显示区域和辅显示区域的总显示面积等于显示屏的可用显示面积。Optionally, the main display area is adjacent to the auxiliary display area, and the total display area of the main display area and the auxiliary display area is equal to the available display area of the display screen.
当显示屏是异形屏时，主显示区域是异形屏上呈矩形的显示区域，辅显示区域是异形屏上呈异形形状的显示区域，主显示区域和辅显示区域的合集等于异形屏的整个显示区域。示意性地，异形屏的三个边为直线边，剩余一个边是存在凹陷部位的曲线边，主显示区域是按照三个直线边和凹陷部位的边缘所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。可选地，辅显示区域是一个或两个。When the display screen is a special-shaped screen, the main display area is the rectangular display area on the special-shaped screen, and the auxiliary display area is the special-shaped display area on the special-shaped screen. The combination of the main display area and the auxiliary display area is equal to the entire display of the special-shaped screen area. Schematically, the three sides of the special-shaped screen are straight lines, and the remaining one side is a curved side with a concave part. The main display area is the area where the largest rectangle is divided according to the three straight lines and the edge of the concave part. The display area is the remainder except the main display area. Optionally, there are one or two auxiliary display areas.
当显示屏是矩形屏(含圆角矩形屏)时，主显示区域可以是矩形的显示区域，辅显示区域可以是位于一个侧边的条状区域，比如用于显示状态栏或导航栏的区域。当显示屏是曲面屏时，主显示区域可以是平面显示区域，辅显示区域可以是位于侧边的曲面显示区域，本申请实施例对主显示区域和辅显示区域的位置不加以限定。When the display screen is a rectangular screen (including a rounded rectangular screen), the main display area can be a rectangular display area, and the auxiliary display area can be a bar-shaped area located on one side, such as the area used to display the status bar or navigation bar . When the display screen is a curved screen, the main display area may be a flat display area, and the auxiliary display area may be a curved display area located on the side, and the embodiments of the present application do not limit the positions of the main display area and the auxiliary display area.
在本实施例中，仅以终端的显示屏是异形屏，异形屏包括有主显示区域和辅显示区域为例进行说明。可选的，辅显示区域是两个：位于终端右侧的第一辅显示区域，位于终端左侧的第二辅显示区域。当然，第一辅显示区域和第二辅显示区域也可以看成是一个整体，作为一个辅显示区域来看待。In this embodiment, only the display screen of the terminal is a special-shaped screen, and the special-shaped screen includes a main display area and an auxiliary display area as an example for illustration. Optionally, there are two auxiliary display areas: a first auxiliary display area located on the right side of the terminal, and a second auxiliary display area located on the left side of the terminal. Certainly, the first auxiliary display area and the second auxiliary display area may also be regarded as a whole and treated as an auxiliary display area.
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中，终端在主显示区域上显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。The first application is an application running in the foreground. During the user's use of the first application program, the terminal displays a first user interface of the first application program on the main display area, where the first user interface refers to a program interface of the first application program.
在初始状态下，若终端处于竖屏显示状态，则辅显示区域上可以显示状态栏信息。状态栏信息包括：运营商名称、信号强度、网络制式、时间、日期、电池电量、无线保真(Wireless Fidelity，WiFi)网络信息、蓝牙信息中的至少一种。若终端处于横屏显示状态，则辅显示区域可以不显示任何内容，或者显示固定色(比如黑色)背景，或者显示与第一应用程序匹配的显示内容。In the initial state, if the terminal is in the vertical display state, status bar information can be displayed on the auxiliary display area. The information in the status bar includes: at least one of operator name, signal strength, network standard, time, date, battery level, wireless fidelity (Wireless Fidelity, WiFi) network information, and Bluetooth information. If the terminal is in a landscape display state, the auxiliary display area may not display any content, or display a fixed color (such as black) background, or display content that matches the first application program.
步骤602，当接收到主显示区域上的预设手势信号时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口，局部界面区域与辅显示区域之间的距离大于预设距离，第一浮动窗口包括第二应用程序的程序图标。Step 602, when a preset gesture signal on the main display area is received, a first floating window is superimposed and displayed in a partial interface area on the main display area, and the distance between the partial interface area and the auxiliary display area is greater than the preset distance, The first floating window includes a program icon of the second application program.
其中，预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，N为正整数；或者，预设手势信号是从终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。Wherein, the preset gesture signal is a gesture signal corresponding to N sliding tracks sliding from the bottom to the top of the terminal, and N is a positive integer; or, the preset gesture signal is N sliding tracks sliding from the top to the bottom of the terminal Corresponding gesture signals.
终端可以在主显示区域上的局部界面区域中叠加显示第一浮动窗口，该第一浮动窗口中显示有第二应用程序的程序图标。该局部界面区域可以是辅显示区域的相邻区域，也可以是，也即该局部界面区域与第一辅显示区域之间的距离小于阈值。当第二应用程序是未启动的应用程序时，终端根据第一操作信号启动第二应用程序，然后在浮动窗口中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至浮动窗口中进行显示。The terminal may superimpose and display a first floating window in a partial interface area on the main display area, and a program icon of the second application program is displayed in the first floating window. The partial interface area may be an adjacent area of the auxiliary display area, or, that is, the distance between the partial interface area and the first auxiliary display area is smaller than a threshold. When the second application program is an unstarted application program, the terminal starts the second application program according to the first operation signal, and then displays the second user interface of the second application program in the floating window; when the second application program is running in the background When running an application, the terminal switches the application running in the background to a floating window for display.
其中，辅显示区域用于不显示内容或者显示固定色背景。Wherein, the auxiliary display area is used for not displaying content or displaying a fixed color background.
主显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边。可选地，第一长边和第二长边是平行的两条直边，第一短边和第二短边是平行的两条直边。The main display area includes a first long side, a first short side, a second long side and a second short side which are sequentially connected. Optionally, the first long side and the second long side are two parallel straight sides, and the first short side and the second short side are two parallel straight sides.
预设手势信号用于指示预设滑动方向、预设滑动距离和预设滑动起止位置中的至少一种。可选的，预设滑动方向为从第一长边向第二长边的滑动方向。The preset gesture signal is used to indicate at least one of a preset sliding direction, a preset sliding distance, and a preset starting and ending position of sliding. Optionally, the preset sliding direction is a sliding direction from the first long side to the second long side.
示意性的，预设手势信号是从第一长边向第二长边滑动的N个滑动轨迹对应的信号，或者，预设手势信号是从第二长边向第一长边滑动的N个滑动轨迹对应的信号，N为正整数。Schematically, the preset gesture signal is a signal corresponding to N sliding tracks sliding from the first long side to the second long side, or the preset gesture signal is N sliding tracks from the second long side to the first long side The signal corresponding to the sliding track, N is a positive integer.
比如，当终端的机身状态是横屏状态时，用户通过三根手指在终端的主显示区域向上进行滑动操作，终端接收到的预设手势信号为从第二长边向第一长边滑动的3个滑动轨迹对应的信号。For example, when the body of the terminal is in landscape orientation, and the user slides upwards on the main display area of the terminal with three fingers, the preset gesture signal received by the terminal is to slide from the second long side to the first long side. The signals corresponding to the 3 sliding trajectories.
第一浮动窗口包括至少一个应用程序的程序图标，第二应用程序是至少一个应用程序中的一个。The first floating window includes a program icon of at least one application program, and the second application program is one of the at least one application program.
可选的，第二应用程序和第一应用程序是不同的应用程序。Optionally, the second application program and the first application program are different application programs.
如果第二应用程序是具有消息接收功能的应用程序，则第二应用程序的程序图标上可以显示有角标，该角标用于指示第二应用程序存在未读消息。比如，第二应用程序是短信息程序、邮件应用程序、即时通信程序、微博程序、语音通信程序中的任意一种。If the second application program is an application program with a message receiving function, a subscript may be displayed on the program icon of the second application program, and the subtitle is used to indicate that there are unread messages in the second application program. For example, the second application program is any one of a short message program, a mail application program, an instant messaging program, a microblog program, and a voice communication program.
参考图7，终端在主显示区域显示第一应用程序的第一用户界面71，当接收到主显示区域上的预设手势信号，该预设手势信号是从主显示区域的第一长边701从第二长边702滑动(从终端的底端向顶端滑动)的信号时，终端在主显示区域上的局部界面区域中叠加显示第一浮动窗口72，第一浮动窗口72上显示为应用程序A、应用程序B和应用程序C的程序图标。示意性的，本图以应用程序A为第二应用程序来举例说明。Referring to FIG. 7, the terminal displays the first user interface 71 of the first application program in the main display area. When a preset gesture signal on the main display area is received, the preset gesture signal is from the first long side 701 of the main display area. When the signal is slid from the second long side 702 (sliding from the bottom to the top of the terminal), the terminal superimposes and displays the first floating window 72 in the local interface area on the main display area, and the first floating window 72 is displayed as an application program A. The program icons of application B and application C. Schematically, in this figure, the application program A is used as an example for illustration.
在一个可选的实施例中，当终端接收到主显示区域上的预设手势信号且机身状态是横屏状态时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口。示意性的，终端可以仅在横屏显示模式下响应预设手势信号，在竖屏显示模式下不响应预设手势信号。比如，当终端接收到主显示区域上的预设手势信号时，检测机身状态是否为横屏状态；当机身状态是横屏状态时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口。否则，则不响应预设手势信号，或按照其它方式响应预设手势信号，其它方式可以是弹出下拉通知栏。In an optional embodiment, when the terminal receives a preset gesture signal on the main display area and the body is in a landscape orientation, the first floating window is superimposed and displayed in a partial interface area on the main display area. Schematically, the terminal may only respond to the preset gesture signal in the landscape display mode, and not respond to the preset gesture signal in the portrait display mode. For example, when the terminal receives a preset gesture signal on the main display area, it detects whether the body is in landscape mode; when the body is in landscape mode, it superimposes and displays the first A floating window. Otherwise, do not respond to the preset gesture signal, or respond to the preset gesture signal in other ways, and the other way can be to pop up a pull-down notification bar.
步骤603，当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。Step 603, when the first operation signal on the program icon is received, the display of the first floating window is canceled, and the second user interface of the second application program is displayed in a partial screen area of the display screen.
如果用户需要使用第二应用程序，则用户在第一浮动窗口上点击该第二应用程序的程序图标。终端接收到程序图标上的第一操作信号。可选地，第一操作信号是单击信号、双击信号、长按信号中的任意一种。If the user needs to use the second application program, the user clicks the program icon of the second application program on the first floating window. The terminal receives the first operation signal on the program icon. Optionally, the first operation signal is any one of a single-click signal, a double-click signal, and a long-press signal.
终端可以在显示屏的局部屏幕区域中叠加显示第二应用程序的第二用户界面。该局部屏幕区域可以是辅显示区域的相邻区域，也可以是与辅显示区域之间的距离大于预设距离的区域。当第二应用程序是未启动的应用程序时，终端根据第一操作信号启动第二应用程序，然后在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至显示屏的局部屏幕区域中进行显示。The terminal may superimpose and display the second user interface of the second application program in the partial screen area of the display screen. The partial screen area may be an adjacent area of the auxiliary display area, or an area whose distance from the auxiliary display area is greater than a preset distance. When the second application program is an unstarted application program, the terminal starts the second application program according to the first operation signal, and then displays the second user interface of the second application program in a partial screen area of the display screen; when the second application program When it is an application program running in the background, the terminal switches the application program running in the background to a partial screen area of the display screen for display.
终端取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面，包括但不限于以下两种可能的实现方式：The terminal cancels the display of the first floating window, and displays the second user interface of the second application program in a partial screen area of the display screen, including but not limited to the following two possible implementations:
在一种可能的实现方式中，终端在第一用户界面上的局部界面区域中，将第一浮动窗口切换显示为第二浮动窗口，第二浮动窗口用于显示第二应用程序的第二用户界面。In a possible implementation manner, the terminal switches and displays the first floating window as a second floating window in the partial interface area on the first user interface, and the second floating window is used to display the interface.
可选的，终端取消显示第一用户界面上的局部界面区域中的第一浮动窗口，且在该局部界面区域中叠加显示第二浮动窗口。Optionally, the terminal cancels displaying the first floating window in the partial interface area on the first user interface, and superimposes and displays the second floating window in the partial interface area.
在另一种可能的实现方式中，终端取消对第一浮动窗口的显示，且控制显示屏进入分屏模式，显示屏包括第一局部屏幕区域和第二局部屏幕区域；其中，分屏模式包括在第一局部屏幕区域上显示第一应用程序的第一用户界面，且在第二屏幕区域上显示第二应用程序的第二用户界面。In another possible implementation manner, the terminal cancels the display of the first floating window, and controls the display screen to enter a split-screen mode, and the display screen includes a first partial screen area and a second partial screen area; wherein, the split-screen mode includes A first user interface of the first application is displayed on the first partial screen area, and a second user interface of the second application is displayed on the second screen area.
可选的，当终端接收到程序图标上的第一操作信号时，显示第一模式入口和第二模式入口，第一模式入口用于触发上述第一种可能的实现方式，即触发显示屏进入浮窗模式，浮窗模式包括在第一用户界面上的局部界面区域中叠加显示第二浮动窗口；第二模式入口用于触发上述第二种可能的实现方式，即触发显示屏进入分屏模式。当终端接收到第一模式入口上的预设操作信号时，执行在第一用户界面上的局部界面区域中，将第一浮动窗口切换显示为第二浮动窗口的步骤；当终端接收到第二模式入口上的预设操作信号时，执行取消对第一浮动窗口的显示，且控制显示屏进入分屏模式的步骤。Optionally, when the terminal receives the first operation signal on the program icon, it displays the first mode entry and the second mode entry, and the first mode entry is used to trigger the first possible implementation above, that is, trigger the display screen to enter Floating window mode, the floating window mode includes superimposing and displaying the second floating window in the local interface area on the first user interface; the second mode entry is used to trigger the second possible implementation above, that is, trigger the display screen to enter the split-screen mode . When the terminal receives the preset operation signal on the first mode entry, perform the step of switching and displaying the first floating window as a second floating window in the partial interface area on the first user interface; when the terminal receives the second When the preset operation signal on the mode entry is executed, the steps of canceling the display of the first floating window and controlling the display screen to enter the split-screen mode are executed.
可选的，第一应用程序是支持浮窗模式和/或分屏模式的应用程序。Optionally, the first application program is an application program supporting floating window mode and/or split screen mode.
基于图7所示的第一浮动窗口72，参考图8，当终端接收到应用程序A的程序图标上的点击信号时，显示第一模式入口81和第二模式入口82，第一模式入口81上显示有文字内容“进入画中画”，用于触发显示屏进入浮窗模式；第二模式入口82上显示有文字内容“进入分屏”，用于触发显示屏进入分屏模式。当终端接收到第一模式入口82上的点击信号时，继续参考图8，终端在第一用户界面71上的局部界面区域中，将第一浮动窗口72切换显示为第二浮动窗口84，第二浮动窗口84用于显示应用程序A(即第二应用程序)的第二用户界面85。当终端接收到第二模式入口83上的点击信号时，参考图9，终端取消对第一浮动窗口72的显示，控制显示屏进入分屏模式，即在显示屏的第一局部屏幕区域91(左侧屏幕区域)上显示第一用户界面71，且在第二屏幕区域92(右侧屏幕区域)上显示第二应用程序A的第二用户界面85。Based on the first floating window 72 shown in Figure 7, with reference to Figure 8, when the terminal receives a click signal on the program icon of the application program A, the first mode entry 81 and the second mode entry 82 are displayed, the first mode entry 81 The text content "enter picture-in-picture" is displayed on the screen, which is used to trigger the display screen to enter the floating window mode; the text content "enter split screen" is displayed on the second mode entry 82, which is used to trigger the display screen to enter the split screen mode. When the terminal receives the click signal on the first mode entry 82, continue to refer to FIG. The second floating window 84 is used to display the second user interface 85 of the application program A (ie, the second application program). When the terminal receives the click signal on the second mode entry 83, with reference to FIG. The first user interface 71 is displayed on the left screen area), and the second user interface 85 of the second application program A is displayed on the second screen area 92 (right screen area).
需要说明的是，浮动窗口，又称为顶层窗口或画中画窗口，可以由安卓操作系统中的Windows Manager窗口实现。在本申请实施例中，第一浮动窗口或第二浮动窗口可以尽量不遮挡第一用户界面上的主要显示元素。用户可以对第一浮动窗口中至少一个应用程序的程序图标进行操作，也可以对第二浮动窗口中的第二用户界面进行操作，进而控制第二应用程序的运行。It should be noted that the floating window, also called a top-level window or a picture-in-picture window, can be implemented by a Windows Manager window in the Android operating system. In the embodiment of the present application, the first floating window or the second floating window may try not to block the main display elements on the first user interface. The user can operate the program icon of at least one application program in the first floating window, and can also operate the second user interface in the second floating window, so as to control the running of the second application program.
可选地，终端接收浮动窗口(第一浮动窗口或第二浮动窗口)的边框或边角上的拖动信号，根据该拖动信号改变浮动窗口的长、宽以及显示比例中的任意一种。Optionally, the terminal receives a drag signal on the frame or corner of the floating window (the first floating window or the second floating window), and changes any one of the length, width and display ratio of the floating window according to the drag signal .
可选地，第二浮动窗口上还显示有隐藏按钮、全屏按钮和移动按钮中的至少一个按钮。参考图10，在用户点击第一浮动窗口72上的第二应用程序A的程序图标后，终端在主显示区域上叠加显示第二浮动窗口84，该第二浮动窗口84用于显示第二应用程序A的第二用户界面85。该第二浮动窗口84上还显示有移动按钮101、隐藏按钮102和全屏按钮103。Optionally, at least one of a hide button, a full screen button and a move button is further displayed on the second floating window. Referring to FIG. 10, after the user clicks the program icon of the second application program A on the first floating window 72, the terminal superimposes and displays a second floating window 84 on the main display area, and the second floating window 84 is used to display the second application program A. Program A's second user interface 85 . The second floating window 84 also displays a move button 101 , a hide button 102 and a full screen button 103 .
步骤604，当接收到隐藏按钮上的第二操作信号时，取消显示第二浮动窗口。Step 604, cancel displaying the second floating window when receiving the second operation signal on the hidden button.
可选地，第二操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第二操作信号是单击信号进行举例说明。Optionally, the second operation signal is any one of a single-click signal, a double-click signal, and a long-press signal. In this embodiment, the second operation signal is a single-click signal for illustration.
可选地，当用户点击隐藏按钮，终端取消显示第二浮动窗口，并且关闭第二应用程序。或者，当用户点击隐藏按钮后，终端取消显示浮动窗口，并且将第二应用程序切换为后台运行状态。Optionally, when the user clicks the hide button, the terminal cancels displaying the second floating window, and closes the second application program. Alternatively, after the user clicks the hide button, the terminal cancels displaying the floating window, and switches the second application program to a background running state.
结合图11，在用户点击第二浮动窗口84上的隐藏按钮102时，终端取消显示第二浮动窗口84。Referring to FIG. 11 , when the user clicks the hide button 102 on the second floating window 84 , the terminal cancels the display of the second floating window 84 .
当接收到隐藏按钮上的第二操作信号时，将第二应用程序切换为后台运行状态。When receiving the second operation signal on the hidden button, switch the second application program to the background running state.
步骤605，当接收到全屏按钮上的第三操作信号时，在主显示区域以全屏方式显示第二应用程序的第二用户界面。Step 605, when the third operation signal on the full screen button is received, display the second user interface of the second application program in full screen in the main display area.
可选地，第三操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第三操作信号是单击信号进行举例说明。Optionally, the third operation signal is any one of a single-click signal, a double-click signal, and a long-press signal. In this embodiment, the third operation signal is a single-click signal for illustration.
当用户点击全屏按钮后，终端将第二应用程序的第二用户界面以全屏方式显示在主显示区域中，将第一应用程序从前台运行状态切换为后台运行状态。After the user clicks the full-screen button, the terminal displays the second user interface of the second application program in the main display area in a full-screen manner, and switches the first application program from the foreground running state to the background running state.
结合图12，在用户点击第二浮动窗口84上的全屏按钮103后，终端在整个主显示区域中以全屏方式显示第二用户界面85。Referring to FIG. 12 , after the user clicks the full screen button 103 on the second floating window 84 , the terminal displays the second user interface 85 in full screen in the entire main display area.
步骤606，当接收到移动区域上的第四操作信号时，根据第四操作信号改变第二浮动窗口在主显示区域中的显示位置。Step 606: When the fourth operation signal on the moving area is received, the display position of the second floating window in the main display area is changed according to the fourth operation signal.
可选地，第四操作信号是拖动信号。移动区域可以是一个按钮、一个控件或者浮动窗口上的任意一个区域。Optionally, the fourth operation signal is a dragging signal. The moving area can be a button, a control or any area on the floating window.
当用户拖动移动区域后，终端根据第四操作信号改变浮动窗口在主显示区域中的显示位置。After the user drags the moving area, the terminal changes the display position of the floating window in the main display area according to the fourth operation signal.
结合图13，在用户拖动第二浮动窗口84上的移动按钮101时，终端跟随拖动信号改变第二浮动窗口84的显示位置。在不同的实施例中，该移动按钮101也可以不显示出来，采用第二浮动窗口84上的任意一个区域来代替。Referring to FIG. 13 , when the user drags the move button 101 on the second floating window 84 , the terminal changes the display position of the second floating window 84 following the dragging signal. In different embodiments, the move button 101 may not be displayed, and any area on the second floating window 84 may be used instead.
上述步骤604至步骤606可以只执行其中一个，也可以执行其中多个，视终端实际接收到的操作信号而定，本申请对此不加以限定。Only one of the above steps 604 to 606 may be performed, or multiple of them may be performed, depending on the operation signal actually received by the terminal, which is not limited in this application.
综上所述，本实施例提供的用户界面显示方法，还通过在第二浮层窗口上增加移动按钮、隐藏按钮和全屏按钮，可以由用户自由改变第二浮层窗口的显示位置以及显示状态，使得用户可以自由地在使用第一应用程序、第二应用程序和同时使用两者之间进行兼顾。比如，第一应用程序是视频播放器，第二应用程序是即时通信程序，用户可以在不影响视频播放的过程下，与其它用户进行文字聊天；又比如，第一应用程序是游戏程序，第二应用程序是视频聊天程序，用户可以同时进行游戏和与其它用户进行视频聊天；再比如，第一应用程序是文字编辑程序，第二应用程序是词典程序，用户可以在使用文字编辑程序编辑文本的过程中，同时进行查词或翻译的操作。To sum up, the user interface display method provided by this embodiment also allows the user to freely change the display position and display state of the second floating layer window by adding a move button, a hidden button, and a full screen button on the second floating layer window , so that the user can freely choose between using the first application program, the second application program, and using the two at the same time. For example, the first application program is a video player, and the second application program is an instant messaging program. Users can chat with other users by text without affecting the video playback process; The second application program is a video chat program, and users can play games and conduct video chats with other users at the same time; for another example, the first application program is a text editing program, and the second application program is a dictionary program. In the process of searching words or translating at the same time.
需要说明的是，上述第二应用程序的程序类型、数量、显示顺序可以为操作系统预设的，也可以是由用户自定义的。It should be noted that, the program type, quantity, and display order of the above-mentioned second application program may be preset by the operating system, or may be user-defined.
请参考图14，其示出了本申请一个实施例提供的用户界面显示装置的结构框图。该用户界面显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括：Please refer to FIG. 14 , which shows a structural block diagram of a user interface display device provided by an embodiment of the present application. The user interface display device can be implemented as all or a part of the terminal through software, hardware or a combination of the two. The unit includes:
第一显示模块1410，用于显示第一应用程序的第一用户界面。The first display module 1410 is configured to display the first user interface of the first application program.
第二显示模块1420，用于当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标。The second display module 1420 is configured to display a first floating window on the first user interface when a preset gesture signal on the first user interface is received, and the first floating window includes a program icon of the second application program.
第三显示模块1430，用于当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。The third display module 1430 is configured to, when receiving the first operation signal on the program icon, cancel the display of the first floating window, and display the second user interface of the second application program in a partial screen area of the display screen.
在一个可选的实施例中，第二显示模块1420，还用于当接收到第一用户界面上的预设手势信号时，在第一用户界面上的局部界面区域中叠加显示第一浮动窗口。In an optional embodiment, the second display module 1420 is also configured to superimpose and display the first floating window in a partial interface area on the first user interface when a preset gesture signal on the first user interface is received .
在一个可选的实施例中，预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，N为正整数。或者，In an optional embodiment, the preset gesture signal is a gesture signal corresponding to N sliding tracks that slide from the bottom to the top of the terminal, where N is a positive integer. or,
预设手势信号是从终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。The preset gesture signal is a gesture signal corresponding to N sliding tracks sliding from the top to the bottom of the terminal.
在一个可选的实施例中，显示屏是异形屏，异形屏包括有主显示区域和辅显示区域，In an optional embodiment, the display screen is a special-shaped screen, and the special-shaped screen includes a main display area and an auxiliary display area,
第一显示模块1410，还用于在主显示区域显示第一应用程序的第一用户界面；The first display module 1410 is further configured to display the first user interface of the first application program in the main display area;
第二显示模块1420，还用于当接收到主显示区域上的预设手势信号时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口，局部界面区域与辅显示区域之间的距离大于预设距离，辅显示区域用于不显示内容或者显示固定色背景。The second display module 1420 is also configured to superimpose and display the first floating window in the local interface area on the main display area when receiving a preset gesture signal on the main display area, and the area between the local interface area and the auxiliary display area If the distance is greater than the preset distance, the auxiliary display area is used to not display content or to display a fixed color background.
在一个可选的实施例中，第二显示模块1420，还用于当接收到主显示区域上的预设手势信号且机身状态是横屏状态时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口。In an optional embodiment, the second display module 1420 is also configured to, when a preset gesture signal on the main display area is received and the state of the fuselage is in a horizontal screen state, display the display in the local interface area on the main display area The first floating window is superimposed and displayed.
在一个可选的实施例中，第三显示模块1430，还用于当接收到程序图标上的第一操作信号时，在第一用户界面上的局部界面区域中，将第一浮动窗口切换显示为第二浮动窗口，第二浮动窗口用于显示第二应用程序的第二用户界面。In an optional embodiment, the third display module 1430 is further configured to switch and display the first floating window in the partial interface area on the first user interface when the first operation signal on the program icon is received. is the second floating window, and the second floating window is used to display the second user interface of the second application program.
在一个可选的实施例中，第三显示模块1430，还用于取消对第一浮动窗口的显示，且控制显示屏进入分屏模式，显示屏包括第一局部屏幕区域和第二局部屏幕区域；其中，分屏模式包括在第一局部屏幕区域上显示第一应用程序的第一用户界面，且在第二屏幕区域上显示第二应用程序的第二用户界面。In an optional embodiment, the third display module 1430 is also configured to cancel the display of the first floating window, and control the display screen to enter a split-screen mode, and the display screen includes a first partial screen area and a second partial screen area ; Wherein, the split-screen mode includes displaying the first user interface of the first application program on the first partial screen area, and displaying the second user interface of the second application program on the second screen area.
相关细节可结合参考图4至图13所示的方法实施例。其中，第一显示模块1410、第二显示模块1420和第三显示模块1430还用于实现上述方法实施例中其他任意隐含或公开的显示步骤相关的功能。Relevant details may be combined with reference to the method embodiments shown in FIG. 4 to FIG. 13 . Wherein, the first display module 1410 , the second display module 1420 and the third display module 1430 are also used to implement any other implicit or disclosed functions related to the display steps in the above method embodiments.
需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。It should be noted that, when realizing the functions of the device provided by the above-mentioned embodiments, the division of the above-mentioned functional modules is used as an example for illustration. In practical applications, the above-mentioned function allocation can be completed by different functional modules according to the needs. The internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and the method embodiment provided by the above embodiment belong to the same idea, and the specific implementation process thereof is detailed in the method embodiment, and will not be repeated here.
请参考图15，其示出了本申请一个示例性实施例提供的一种终端的结构框图。该终端包括处理器1501、存储器1502以及触摸显示屏1503。Please refer to FIG. 15 , which shows a structural block diagram of a terminal provided by an exemplary embodiment of the present application. The terminal includes a processor 1501 , a memory 1502 and a touch screen 1503 .
处理器1501可以是中央处理器(英文：central processing unit，CPU)，网络处理器(英文：network processor，NP)或者CPU和NP的组合。处理器1501还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(英文：application-specific integratedcircuit，ASIC)，可编程逻辑器件(英文：programmable logic device，PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(英文：complex programmable logic device，CPLD)，现场可编程逻辑门阵列(英文：field-programmable gate array，FPGA)，通用阵列逻辑(英文：generic array logic，GAL)或其任意组合。The processor 1501 may be a central processing unit (English: central processing unit, CPU), a network processor (English: network processor, NP) or a combination of CPU and NP. The processor 1501 may further include a hardware chip. The aforementioned hardware chip may be an application-specific integrated circuit (English: application-specific integrated circuit, ASIC), a programmable logic device (English: programmable logic device, PLD) or a combination thereof. The above-mentioned PLD may be a complex programmable logic device (English: complex programmable logic device, CPLD), field-programmable logic gate array (English: field-programmable gate array, FPGA), general array logic (English: generic array logic, GAL) or any combination thereof.
存储器1502通过总线或其它方式与处理器1501相连，存储器1502中存储有至少一条指令、至少一段程序、代码集或指令集，上述至少一条指令、至少一段程序、代码集或指令集由处理器1501加载并执行以实现如上各个实施例所述的用户界面显示方法。存储器1502可以为易失性存储器(英文：volatile memory)，非易失性存储器(英文：non-volatilememory)或者它们的组合。易失性存储器可以为随机存取存储器(英文：random-accessmemory，RAM)，例如静态随机存取存储器(英文：static random access memory，SRAM)，动态随机存取存储器(英文：dynamic random access memory，DRAM)。非易失性存储器可以为只读存储器(英文：read only memory image，ROM)，例如可编程只读存储器(英文：programmable read only memory，PROM)，可擦除可编程只读存储器(英文：erasableprogrammable read only memory，EPROM)，电可擦除可编程只读存储器(英文：electrically erasable programmable read-only memory，EEPROM)。非易失性存储器也可以为快闪存储器(英文：flash memory)，磁存储器，例如磁带(英文：magnetic tape)，软盘(英文：floppy disk)，硬盘。非易失性存储器也可以为光盘。The memory 1502 is connected to the processor 1501 through a bus or other means, at least one instruction, at least one section of program, code set or instruction set is stored in the memory 1502, and the above-mentioned at least one instruction, at least one section of program, code set or instruction set is controlled by the processor 1501 Load and execute to realize the user interface display method described in the above embodiments. The memory 1502 may be a volatile memory (English: volatile memory), a non-volatile memory (English: non-volatile memory) or a combination thereof. The volatile memory can be random access memory (English: random-access memory, RAM), such as static random access memory (English: static random access memory, SRAM), dynamic random access memory (English: dynamic random access memory, DRAM). The non-volatile memory can be read-only memory (English: read only memory image, ROM), such as programmable read-only memory (English: programmable read only memory, PROM), erasable programmable read-only memory (English: erasableprogrammable read only memory, EPROM), electrically erasable programmable read-only memory (English: electrically erasable programmable read-only memory, EEPROM). The non-volatile memory may also be a flash memory (English: flash memory), a magnetic memory, such as a magnetic tape (English: magnetic tape), a floppy disk (English: floppy disk), and a hard disk. The non-volatile memory can also be an optical disk.
触摸显示屏1503通过总线或其它方式与处理器1501相连。存储器1502存储有至少一条指令，所述至少一条指令由所述处理器1501加载并执行以实现如上各个实施例所述的用户界面显示方法。The touch screen 1503 is connected with the processor 1501 through a bus or other means. The memory 1502 stores at least one instruction, and the at least one instruction is loaded and executed by the processor 1501 to implement the user interface display method described in the above embodiments.
本申请实施例还提供了一种计算机可读介质，该计算机可读介质存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。The embodiment of the present application also provides a computer-readable medium, the computer-readable medium stores at least one instruction, and the at least one instruction is loaded and executed by the processor to realize the user interface display as described in each of the above embodiments method.
本申请实施例还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。The embodiment of the present application also provides a computer program product, the computer program product stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the user interface display method described in the above embodiments.
本领域技术人员应该可以意识到，在上述一个或多个示例中，本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。Those skilled in the art should be aware that, in the foregoing one or more examples, the functions described in the embodiments of the present application may be implemented by hardware, software, firmware or any combination thereof. When implemented in software, the functions may be stored on or transmitted over as one or more instructions or code on a computer-readable medium. Computer-readable media includes both computer storage media and communication media including any medium that facilitates transfer of a computer program from one place to another. A storage media may be any available media that can be accessed by a general purpose or special purpose computer.
以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。The above descriptions are only preferred embodiments of the application, and are not intended to limit the application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the application shall be included in the protection of the application. within range.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810202199.4ACN108415752A (en) | 2018-03-12 | 2018-03-12 | user interface display method, device, equipment and storage medium |
| PCT/CN2019/077675WO2019174546A1 (en) | 2018-03-12 | 2019-03-11 | User interface display method and device, apparatus, and storage medium |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810202199.4ACN108415752A (en) | 2018-03-12 | 2018-03-12 | user interface display method, device, equipment and storage medium |
| Publication Number | Publication Date |
|---|---|
| CN108415752Atrue CN108415752A (en) | 2018-08-17 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810202199.4APendingCN108415752A (en) | 2018-03-12 | 2018-03-12 | user interface display method, device, equipment and storage medium |
| Country | Link |
|---|---|
| CN (1) | CN108415752A (en) |
| WO (1) | WO2019174546A1 (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109246464A (en)* | 2018-08-22 | 2019-01-18 | Oppo广东移动通信有限公司 | user interface display method, device, terminal and storage medium |
| CN109240787A (en)* | 2018-09-09 | 2019-01-18 | 海南大学 | Personalized facilitation adaptive multi-layer grade interaction area Optimal Configuration Method |
| CN109358941A (en)* | 2018-11-01 | 2019-02-19 | 联想(北京)有限公司 | A kind of control method and electronic equipment |
| CN109445572A (en)* | 2018-09-10 | 2019-03-08 | 华为技术有限公司 | The method, graphical user interface and terminal of wicket are quickly recalled in full screen display video |
| CN109542328A (en)* | 2018-11-30 | 2019-03-29 | 北京小米移动软件有限公司 | Method for displaying user interface, device, terminal and storage medium |
| CN109947979A (en)* | 2018-08-22 | 2019-06-28 | Oppo广东移动通信有限公司 | song identification method, device, terminal and storage medium |
| CN110109724A (en)* | 2019-04-29 | 2019-08-09 | 珠海豹好玩科技有限公司 | A kind of display methods, device, terminal and storage medium |
| WO2019174546A1 (en)* | 2018-03-12 | 2019-09-19 | Oppo广东移动通信有限公司 | User interface display method and device, apparatus, and storage medium |
| CN110262720A (en)* | 2019-06-21 | 2019-09-20 | 网易（杭州）网络有限公司 | Control method, device, equipment and the storage medium of floating window |
| CN110278305A (en)* | 2019-06-29 | 2019-09-24 | Oppo广东移动通信有限公司 | pattern recognition method and related product |
| CN111061419A (en)* | 2019-10-23 | 2020-04-24 | 华为技术有限公司 | Application bar display method and electronic equipment |
| CN111273829A (en)* | 2020-02-07 | 2020-06-12 | 北京嘀嘀无限科技发展有限公司 | Information processing method based on interactive interface and electronic equipment |
| CN111324400A (en)* | 2018-12-17 | 2020-06-23 | 中兴通讯股份有限公司 | Display method, device, terminal and storage medium |
| CN111371988A (en)* | 2020-02-27 | 2020-07-03 | Oppo广东移动通信有限公司 | Content operation method, device, terminal and storage medium |
| CN111381758A (en)* | 2018-12-27 | 2020-07-07 | 北京小米移动软件有限公司 | Status bar display method, device and storage medium |
| CN111596840A (en)* | 2020-04-27 | 2020-08-28 | 维沃移动通信有限公司 | Multitasking display method and electronic device |
| CN111589168A (en)* | 2020-05-12 | 2020-08-28 | 腾讯科技（深圳）有限公司 | Instant messaging method, device, equipment and medium |
| CN111913622A (en)* | 2020-07-29 | 2020-11-10 | 海信视像科技股份有限公司 | Screen interface interactive display method and display equipment |
| WO2020259452A1 (en)* | 2019-06-25 | 2020-12-30 | 华为技术有限公司 | Full-screen display method for mobile terminal, and apparatus |
| CN112181571A (en)* | 2020-09-28 | 2021-01-05 | 北京字节跳动网络技术有限公司 | Floating window display method, device, terminal and storage medium |
| CN112346802A (en)* | 2019-04-15 | 2021-02-09 | 苹果公司 | System, method and user interface for interacting with multiple application windows |
| CN112578978A (en)* | 2020-12-14 | 2021-03-30 | 努比亚技术有限公司 | Window switching control method and device and computer readable storage medium |
| CN112825040A (en)* | 2019-11-21 | 2021-05-21 | 腾讯科技（深圳）有限公司 | User interface display method, device, equipment and storage medium |
| US20210303106A1 (en)* | 2020-03-24 | 2021-09-30 | Beijing Xiaomi Mobile Software Co., Ltd. | Method, apparatus and storage medium for displaying application interface |
| CN113946248A (en)* | 2021-10-19 | 2022-01-18 | 维沃移动通信有限公司 | A display method, apparatus, electronic device and readable storage medium |
| CN114168029A (en)* | 2021-11-30 | 2022-03-11 | 深圳市鸿合创新信息技术有限责任公司 | Display method, device, equipment and medium |
| CN114416269A (en)* | 2022-01-27 | 2022-04-29 | 维沃移动通信有限公司 | Interface display method and display device |
| CN114518929A (en)* | 2022-02-22 | 2022-05-20 | 维沃移动通信有限公司 | Application program processing method and device |
| CN114610434A (en)* | 2022-03-28 | 2022-06-10 | 联想(北京)有限公司 | Output control method and electronic equipment |
| CN114840298A (en)* | 2022-07-04 | 2022-08-02 | 荣耀终端有限公司 | Floating window opening method and electronic device |
| CN114911637A (en)* | 2022-04-20 | 2022-08-16 | 深圳市科脉技术股份有限公司 | Program calling method, apparatus, electronic device and readable storage medium |
| CN115103149A (en)* | 2022-05-23 | 2022-09-23 | 深圳康佳电子科技有限公司 | Interaction control method for social fitness scene, terminal equipment and storage medium |
| CN115437541A (en)* | 2019-09-29 | 2022-12-06 | 华为技术有限公司 | A method for operating an electronic device and the electronic device |
| WO2023030030A1 (en)* | 2021-09-02 | 2023-03-09 | 荣耀终端有限公司 | Translation method and electronic device |
| CN118192759A (en)* | 2024-05-17 | 2024-06-14 | 山东云海国创云计算装备产业创新中心有限公司 | Clock synchronization method, device, equipment and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111047305A (en)* | 2019-12-09 | 2020-04-21 | 成都宇飞信息工程有限责任公司 | A kind of private key storage and mnemonic method of encrypted digital currency wallet based on digital watermark technology |
| CN111399959B (en)* | 2020-03-17 | 2024-08-16 | Oppo广东移动通信有限公司 | Multitasking operation method, device, electronic device and storage medium |
| CN115866122A (en) | 2020-04-24 | 2023-03-28 | 华为技术有限公司 | Application interface interaction method, electronic device and computer-readable storage medium |
| CN111897463A (en)* | 2020-07-29 | 2020-11-06 | 海信视像科技股份有限公司 | Screen interface interactive display method and display device |
| CN114089902A (en)* | 2020-07-30 | 2022-02-25 | 华为技术有限公司 | Gesture interaction method and device and terminal equipment |
| CN115129403A (en)* | 2021-03-24 | 2022-09-30 | Oppo广东移动通信有限公司 | An animation display method, device, storage medium and electronic device |
| CN115480629A (en)* | 2021-05-28 | 2022-12-16 | 华为技术有限公司 | Multi-interface display method and electronic equipment |
| CN113797537B (en)* | 2021-09-17 | 2024-06-25 | 网易（杭州）网络有限公司 | Method, apparatus, device, medium and program product for determining floating layer display position |
| CN114578899B (en)* | 2022-02-18 | 2024-07-19 | 维沃移动通信有限公司 | Display method, display device, electronic equipment and readable storage medium |
| CN117331628A (en)* | 2022-06-27 | 2024-01-02 | 北京小米移动软件有限公司 | Page display method, device, electronic equipment and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104598104A (en)* | 2014-12-31 | 2015-05-06 | 小米科技有限责任公司 | Widget processing method and device |
| CN107506109A (en)* | 2017-08-16 | 2017-12-22 | 维沃移动通信有限公司 | A kind of method and mobile terminal for starting application program |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107577414A (en)* | 2017-09-07 | 2018-01-12 | 广东欧珀移动通信有限公司 | The method and mobile terminal of split screen display available |
| CN107765959B (en)* | 2017-11-07 | 2020-06-30 | Oppo广东移动通信有限公司 | Background application display method and terminal |
| CN108415752A (en)* | 2018-03-12 | 2018-08-17 | 广东欧珀移动通信有限公司 | user interface display method, device, equipment and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104598104A (en)* | 2014-12-31 | 2015-05-06 | 小米科技有限责任公司 | Widget processing method and device |
| CN107506109A (en)* | 2017-08-16 | 2017-12-22 | 维沃移动通信有限公司 | A kind of method and mobile terminal for starting application program |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019174546A1 (en)* | 2018-03-12 | 2019-09-19 | Oppo广东移动通信有限公司 | User interface display method and device, apparatus, and storage medium |
| CN109947979A (en)* | 2018-08-22 | 2019-06-28 | Oppo广东移动通信有限公司 | song identification method, device, terminal and storage medium |
| CN109246464A (en)* | 2018-08-22 | 2019-01-18 | Oppo广东移动通信有限公司 | user interface display method, device, terminal and storage medium |
| CN109240787A (en)* | 2018-09-09 | 2019-01-18 | 海南大学 | Personalized facilitation adaptive multi-layer grade interaction area Optimal Configuration Method |
| US11893219B2 (en) | 2018-09-10 | 2024-02-06 | Huawei Technologies Co., Ltd. | Method for quickly invoking small window when video is displayed in full screen, graphic user interface, and terminal |
| CN109445572A (en)* | 2018-09-10 | 2019-03-08 | 华为技术有限公司 | The method, graphical user interface and terminal of wicket are quickly recalled in full screen display video |
| CN109445572B (en)* | 2018-09-10 | 2023-12-08 | 华为技术有限公司 | Method for quickly calling up small window in full-screen display video, graphical user interface and terminal |
| US11599254B2 (en) | 2018-09-10 | 2023-03-07 | Huawei Technologies Co., Ltd. | Method for quickly invoking small window when video is displayed in full screen, graphic user interface, and terminal |
| WO2020052529A1 (en)* | 2018-09-10 | 2020-03-19 | 华为技术有限公司 | Method for quickly adjusting out small window in fullscreen display during video, graphic user interface and terminal |
| CN109358941B (en)* | 2018-11-01 | 2021-04-13 | 联想(北京)有限公司 | Control method and electronic equipment |
| CN109358941A (en)* | 2018-11-01 | 2019-02-19 | 联想(北京)有限公司 | A kind of control method and electronic equipment |
| CN109542328A (en)* | 2018-11-30 | 2019-03-29 | 北京小米移动软件有限公司 | Method for displaying user interface, device, terminal and storage medium |
| US11112967B2 (en) | 2018-11-30 | 2021-09-07 | Beijing Xiaomi Mobile Software Co., Ltd. | Method and apparatus for displaying user interface, terminal and storage medium |
| CN111324400A (en)* | 2018-12-17 | 2020-06-23 | 中兴通讯股份有限公司 | Display method, device, terminal and storage medium |
| CN111381758B (en)* | 2018-12-27 | 2021-08-17 | 北京小米移动软件有限公司 | Status bar display method, device and storage medium |
| CN111381758A (en)* | 2018-12-27 | 2020-07-07 | 北京小米移动软件有限公司 | Status bar display method, device and storage medium |
| CN112346802B (en)* | 2019-04-15 | 2024-11-26 | 苹果公司 | System, method and user interface for interacting with multiple application windows |
| US12131005B2 (en) | 2019-04-15 | 2024-10-29 | Apple Inc. | Systems, methods, and user interfaces for interacting with multiple application windows |
| CN112346802A (en)* | 2019-04-15 | 2021-02-09 | 苹果公司 | System, method and user interface for interacting with multiple application windows |
| CN110109724A (en)* | 2019-04-29 | 2019-08-09 | 珠海豹好玩科技有限公司 | A kind of display methods, device, terminal and storage medium |
| CN110262720B (en)* | 2019-06-21 | 2021-06-08 | 网易（杭州）网络有限公司 | Floating window control method, device, equipment and storage medium |
| CN110262720A (en)* | 2019-06-21 | 2019-09-20 | 网易（杭州）网络有限公司 | Control method, device, equipment and the storage medium of floating window |
| CN114816209A (en)* | 2019-06-25 | 2022-07-29 | 华为技术有限公司 | A full-screen display method and device for a mobile terminal |
| US12425509B2 (en) | 2019-06-25 | 2025-09-23 | Huawei Technologies Co., Ltd. | Full-screen display method for mobile terminal and device |
| CN114816209B (en)* | 2019-06-25 | 2024-11-22 | 华为技术有限公司 | Full-screen display method and device for mobile terminal |
| WO2020259452A1 (en)* | 2019-06-25 | 2020-12-30 | 华为技术有限公司 | Full-screen display method for mobile terminal, and apparatus |
| CN110278305B (en)* | 2019-06-29 | 2021-05-04 | Oppo广东移动通信有限公司 | Pattern recognition method and related products |
| CN110278305A (en)* | 2019-06-29 | 2019-09-24 | Oppo广东移动通信有限公司 | pattern recognition method and related product |
| CN115437541A (en)* | 2019-09-29 | 2022-12-06 | 华为技术有限公司 | A method for operating an electronic device and the electronic device |
| US11868605B2 (en) | 2019-10-23 | 2024-01-09 | Huawei Technologies Co., Ltd. | Application bar display method and electronic device |
| CN111061419A (en)* | 2019-10-23 | 2020-04-24 | 华为技术有限公司 | Application bar display method and electronic equipment |
| CN111061419B (en)* | 2019-10-23 | 2023-03-03 | 华为技术有限公司 | Application bar display method and electronic equipment |
| CN112825040B (en)* | 2019-11-21 | 2024-01-30 | 腾讯科技（深圳）有限公司 | User interface display method, device, equipment and storage medium |
| CN112825040A (en)* | 2019-11-21 | 2021-05-21 | 腾讯科技（深圳）有限公司 | User interface display method, device, equipment and storage medium |
| CN111273829A (en)* | 2020-02-07 | 2020-06-12 | 北京嘀嘀无限科技发展有限公司 | Information processing method based on interactive interface and electronic equipment |
| US12301983B2 (en) | 2020-02-27 | 2025-05-13 | Guangdong Oppo Mobile Telecommunications Corp., Ltd. | Content operation method and device, terminal, and storage medium |
| CN111371988A (en)* | 2020-02-27 | 2020-07-03 | Oppo广东移动通信有限公司 | Content operation method, device, terminal and storage medium |
| US20210303106A1 (en)* | 2020-03-24 | 2021-09-30 | Beijing Xiaomi Mobile Software Co., Ltd. | Method, apparatus and storage medium for displaying application interface |
| CN111596840A (en)* | 2020-04-27 | 2020-08-28 | 维沃移动通信有限公司 | Multitasking display method and electronic device |
| CN111589168B (en)* | 2020-05-12 | 2023-03-21 | 腾讯科技（深圳）有限公司 | Instant messaging method, device, equipment and medium |
| CN111589168A (en)* | 2020-05-12 | 2020-08-28 | 腾讯科技（深圳）有限公司 | Instant messaging method, device, equipment and medium |
| CN111913622A (en)* | 2020-07-29 | 2020-11-10 | 海信视像科技股份有限公司 | Screen interface interactive display method and display equipment |
| CN112181571A (en)* | 2020-09-28 | 2021-01-05 | 北京字节跳动网络技术有限公司 | Floating window display method, device, terminal and storage medium |
| CN112578978B (en)* | 2020-12-14 | 2024-04-23 | 努比亚技术有限公司 | Window switching control method, device and computer readable storage medium |
| CN112578978A (en)* | 2020-12-14 | 2021-03-30 | 努比亚技术有限公司 | Window switching control method and device and computer readable storage medium |
| WO2023030030A1 (en)* | 2021-09-02 | 2023-03-09 | 荣耀终端有限公司 | Translation method and electronic device |
| CN113946248A (en)* | 2021-10-19 | 2022-01-18 | 维沃移动通信有限公司 | A display method, apparatus, electronic device and readable storage medium |
| CN114168029A (en)* | 2021-11-30 | 2022-03-11 | 深圳市鸿合创新信息技术有限责任公司 | Display method, device, equipment and medium |
| CN114416269A (en)* | 2022-01-27 | 2022-04-29 | 维沃移动通信有限公司 | Interface display method and display device |
| CN114518929A (en)* | 2022-02-22 | 2022-05-20 | 维沃移动通信有限公司 | Application program processing method and device |
| WO2023160443A1 (en)* | 2022-02-22 | 2023-08-31 | 维沃移动通信有限公司 | Application processing method and device |
| CN114610434A (en)* | 2022-03-28 | 2022-06-10 | 联想(北京)有限公司 | Output control method and electronic equipment |
| CN114911637A (en)* | 2022-04-20 | 2022-08-16 | 深圳市科脉技术股份有限公司 | Program calling method, apparatus, electronic device and readable storage medium |
| CN115103149A (en)* | 2022-05-23 | 2022-09-23 | 深圳康佳电子科技有限公司 | Interaction control method for social fitness scene, terminal equipment and storage medium |
| CN114840298A (en)* | 2022-07-04 | 2022-08-02 | 荣耀终端有限公司 | Floating window opening method and electronic device |
| CN118192759A (en)* | 2024-05-17 | 2024-06-14 | 山东云海国创云计算装备产业创新中心有限公司 | Clock synchronization method, device, equipment and storage medium |
| Publication number | Publication date |
|---|---|
| WO2019174546A1 (en) | 2019-09-19 |
| Publication | Publication Date | Title |
|---|---|---|
| US11868586B2 (en) | Floating window user interface display method and apparatus, device, and storage medium | |
| CN108415752A (en) | user interface display method, device, equipment and storage medium | |
| US11467715B2 (en) | User interface display method, terminal and non-transitory computer-readable storage medium for splitting a display using a multi-finger swipe | |
| CN108491127B (en) | Input method interface display method, device, terminal and storage medium | |
| EP3680766B1 (en) | Split screen display method, apparatus, terminal, and storage medium | |
| CN112817684B (en) | User interface display method, device, terminal and storage medium | |
| CN109062475B (en) | Icon display method and device, terminal and storage medium | |
| CN107688422B (en) | Notification message display method and device | |
| CN108540647A (en) | user interface display method, device, terminal and storage medium | |
| CN108415751B (en) | Message reminding method, device, equipment and storage medium | |
| CN108540646A (en) | message reminding method, device, equipment and storage medium | |
| WO2019174477A1 (en) | User interface display method and device, and terminal | |
| CN107765959B (en) | Background application display method and terminal | |
| CN107562323A (en) | Icon moving method, device and terminal | |
| CN109656445B (en) | Content processing method, device, terminal and storage medium | |
| WO2019233307A1 (en) | User interface display method and apparatus, and terminal and storage medium | |
| WO2019233280A1 (en) | User interface display method and device, terminal and storage medium | |
| CN107580039A (en) | Transmission progress display method, device and terminal |
| 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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication | Application publication date:20180817 |