WO2021142892A1 - Display device, and method for presenting user interface - Google Patents

Display device, and method for presenting user interface Download PDF

Info

Publication number
WO2021142892A1
WO2021142892A1 PCT/CN2020/077176 CN2020077176W WO2021142892A1 WO 2021142892 A1 WO2021142892 A1 WO 2021142892A1 CN 2020077176 W CN2020077176 W CN 2020077176W WO 2021142892 A1 WO2021142892 A1 WO 2021142892A1
Authority
WO
WIPO (PCT)
Prior art keywords
label
focus
tab
user interface
user
Prior art date
Application number
PCT/CN2020/077176
Other languages
French (fr)
Chinese (zh)
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 海信视像科技股份有限公司
Publication of WO2021142892A1 publication Critical patent/WO2021142892A1/en

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782Web browsing, e.g. WebTV
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/422Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438Window management, e.g. event handling following interaction with the user interface
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Definitions

  • This application relates to the field of display technology, and in particular to a display device and a method for presenting a user interface.
  • a multi-tab browser allows users to open multiple webpage windows at the same time to conveniently browse the content of different websites.
  • the user can open a search webpage in a tab to search, and add another tab to open the video webpage to browse the video. Browsing the web in this multi-tasking form.
  • this kind of multi-tab browser is already very common on the PC side, but there are still relatively few applications on the TV side.
  • Hardware performance is one aspect, and software user interface (UI) design and user experience are also very important.
  • the virtual mouse solution ie, the remote control is simulated as a virtual mouse
  • the UI operation is almost the same as that on the PC side, and the corresponding operation is completed by clicking the mouse.
  • the use efficiency and user experience are far from that of the PC.
  • the user operates the remote control more frequently, and the user experience is poor on a large-scale TV screen.
  • Some embodiments of the present application provide a display device and a method for presenting a user interface, which are used to control the presentation of the user interface in a focus mode when the focus position is on the menu bar; when the focus position is on a webpage window, use a mouse
  • the mode control presents the user interface, so that the user can more conveniently realize the control of multi-tab browsing and improve the user experience.
  • a display configured to display a user interface, wherein the user interface includes a first view display area and a second view display area, the first view display area is used to display a menu bar, and the second view display area Used to display webpage windows;
  • a controller in communication with the display, and the controller is configured to execute the following process to present the user interface:
  • the user interface When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
  • the user interface provided by some embodiments of the present application includes a first view display area and a second view display area.
  • the first view display area is used to display a menu bar
  • the second view display area is used to display a webpage window.
  • the menu bar is hidden; when the mouse moves to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode.
  • the menu bar is called up again, and the mouse mode is changed to the focus mode.
  • the menu bar includes a tab bar
  • the tab bar includes a first button for adding a new tab.
  • the focus moves to the position of the first button, the background of the first button assumes a preset state.
  • the user uses the direction keys of the remote control to move the focus left and right to switch the currently active tab; wherein each tab corresponds to a webpage window, and the currently active tab corresponds to the currently displayed webpage window.
  • the user uses the direction keys of the remote control to move the focus left and right, and the currently active tab does not switch; the user clicks on the remote control to determine the label where the focus is located, to realize the switching of the currently active tab ;
  • each tab corresponds to a webpage window, and the currently active tab corresponds to the currently displayed webpage window.
  • the label bar further includes a second button for deleting a label, and when the focus is on the second button and the second button is clicked, the currently active label is deleted.
  • the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set as the current active label.
  • the user interface When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
  • Another embodiment of the present application provides a computing device, which includes a memory and a processor, wherein the memory is used to store program instructions, and the processor is used to call the program instructions stored in the memory, according to the obtained program Perform any of the above methods.
  • Another embodiment of the present application provides a computer storage medium, the computer storage medium stores computer-executable instructions, and the computer-executable instructions are used to make the computer execute any of the foregoing methods.
  • FIG. 1 is a schematic diagram of an operation scenario between a display device and a control device provided by an embodiment of the application;
  • FIG. 2 is a schematic diagram of a user interface (UI) window and each webpage window provided by an embodiment of the application being independently displayed;
  • UI user interface
  • FIG. 3 is a schematic diagram of a UI window interface provided by an embodiment of the application.
  • Figure 4 is a schematic diagram of opening a Google webpage in a tab provided by an embodiment of the application
  • FIG. 5 is a schematic diagram of a webpage window provided by an embodiment of the application in a mouse mode and a menu bar hidden;
  • FIG. 6 is a schematic diagram of adding tags according to an embodiment of the application.
  • FIG. 7 is a schematic diagram of switching labels provided by an embodiment of the application.
  • FIG. 8 is a schematic diagram of deleting tags provided in an embodiment of the application.
  • FIG. 9 is a schematic structural diagram of a display device provided by an embodiment of the application.
  • FIG. 10 is a schematic flowchart of a method for presenting a user interface according to an embodiment of the application.
  • Some embodiments of the present application provide a display device and a method for presenting a user interface, which are used to control the presentation of the user interface in a focus mode when the focus position is on the menu bar; when the focus position is on a webpage window, use a mouse
  • the mode control presents the user interface, so that the user can more conveniently realize the control of multi-tab browsing and improve the user experience.
  • the method and the device are based on the same application concept. Since the method and the device have similar principles for solving the problem, the implementation of the method and the device can be referred to each other, and the repetition will not be repeated.
  • Fig. 1 exemplarily shows a schematic diagram of an operation scenario between a display device and a control device according to an embodiment of the present application. As shown in FIG. 1, the user can operate the display device 200 by controlling the device 100.
  • control device 100 may be a remote control 100A, including infrared protocol communication or Bluetooth protocol communication, and other short-distance communication methods, etc., to control the display device 200 through wireless or other wired methods.
  • the user can control the display device 200 by inputting user instructions through keys on the remote control, voice input, control panel input, etc.
  • the user can control the display device 200 by inputting corresponding control commands through the volume plus and minus keys, channel control keys, up/down/left/right movement keys, voice input keys, menu keys, and power on/off keys on the remote control. Function.
  • control device 100 may also be a smart device, such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, and the like.
  • a smart device such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, and the like.
  • an application program running on a smart device is used to control the display device 200.
  • the application can provide users with various controls through an intuitive user interface (UI) on the screen associated with the smart device.
  • UI intuitive user interface
  • the mobile terminal 100B can install a software application with the display device 200, realize connection communication through a network communication protocol, and realize the purpose of one-to-one control operation and data communication.
  • the mobile terminal 100B can establish a control instruction protocol with the display device 200, synchronize the remote control keyboard to the mobile terminal 100B, and realize the function of controlling the display device 200 by controlling the user interface on the mobile terminal 100B.
  • the audio and video content displayed on the mobile terminal 100B can also be transmitted to the display device 200 to realize the synchronous display function.
  • the display device 200 also performs data communication with the server 300 through multiple communication methods.
  • the display device 200 may be allowed to communicate through a local area network (LAN), a wireless local area network (WLAN), and other networks.
  • the server 300 may provide various contents and interactions to the display device 200.
  • the display device 200 can receive software program updates or access a remotely stored digital media library by sending and receiving information and interacting with an electronic program guide (EPG).
  • EPG electronic program guide
  • the server 300 may be a group or multiple groups, and may be one or more types of servers.
  • the server 300 provides other network service content such as video-on-demand and advertising services.
  • the display device 200 may be a liquid crystal display, an OLED display, or a projection display device.
  • the specific display device type, size, resolution, etc. are not limited, and those skilled in the art can understand that the display device 200 can make some changes in performance and configuration as required.
  • the display device 200 may additionally provide a smart network TV function with a computer support function. Examples include Internet TV, Smart TV, Internet Protocol TV (IPTV), and so on.
  • IPTV Internet Protocol TV
  • the technical solutions provided by some embodiments of the present application relate to the management of the tabs of the multi-tab browser of the smart TV terminal.
  • the embodiments of the present application introduce a focus control solution applied to the multi-tab browser of the smart TV terminal. That is, the movement scheme of the focus point when the remote control is used to operate the multi-tab browser in the focus mode.
  • a multi-tab browser or a multi-window browser allows users to browse the web in the form of multiple tabs, that is, the user can open multiple web windows at the same time, and each web window is a tab page. Users can switch back and forth between these tabs to view the content of the tabs they want to see, and they can also add or delete tabs.
  • the mouse can be used to conveniently manage the tabs of this multi-tab browser, and the user can move the mouse and click the corresponding button.
  • users can only use the remote control to operate, and the operation efficiency decreases and it is not convenient. Therefore, improving the efficiency and convenience of operating the multi-tab browser with the remote control on the TV is a key issue.
  • the embodiment of the present application provides a method for operating a multi-tab browser in a focus mode, and the purpose of managing multiple tab pages conveniently and efficiently is achieved through reasonable movement of the focus.
  • Different styles are used to distinguish between the focused label and the currently displayed label, such as adding a background color or background color to the focused label;
  • the user controls in the focus mode when operating the menu, and controls in the mouse mode to remove the menu range (that is, outside the menu range).
  • the method provided by some embodiments of the present application simulates the remote control in the form of a virtual mouse, but uses the focus mode instead of the mouse mode for operation on the user interface (UI), and only uses the focus mode when operating the browser menu. And, further, in the focus mode, after a certain control on the menu gets the focus, a corresponding style is attached to facilitate the user to distinguish. The user can press the arrow keys on the remote control to move the focus.
  • UI user interface
  • the embodiment of the application adopts a UI control method that combines a focus mode and a mouse mode, and adopts a new focus movement method in the management of tab pages, which makes it more convenient and faster for users to operate menus and browse webpages.
  • a multi-tab browser essentially uses multiple windows to load different web pages, one tab corresponds to one window, and these windows or tab pages are managed by adding tab items on the operation menu.
  • the embodiment of the present application also uses a separate window to display the menu item, which is called a UI window.
  • the UI window and the web page window occupy different mutually independent processes, and the UI window controls the behavior of each web page window through the inter-process communication (IPC) mode to complete the user's related operations.
  • IPC inter-process communication
  • Each web page window is also independent of each other, and different page content is presented to the user by controlling their display or hiding order on the screen.
  • the UI window is displayed at the forefront of the screen by default.
  • the display level of the web page window is set according to the user's choice, and only the top window content is displayed on the screen.
  • the interface of the UI window is shown in Figure 3.
  • the tab bar is a part of the menu bar.
  • the menu bar includes the label tab, the add label button "", and the delete label button "".
  • the virtual mouse is displayed in the focus mode, and the focus can be moved between the button controls. For example, add a blue background style to the focus control, so that the user can know where the current focus is.
  • the rectangular box has a + symbol in the middle, and the blue background Not shown in the style figure), which is the current focus position.
  • the black bars in Figure 3 and the gray areas below are used to display web pages.
  • the UI window and the web page window are mutually independent windows of the same size, and are superimposed on each other on the screen. You can control whether to display them by setting their hidden/display attributes. For example, by hiding the "black bars and the gray area below" of the UI window shown in Figure 3, the bottom web page window can be displayed. From a visual point of view, the web page window at this time also has a "menu bar", and this menu bar is actually the menu bar of the UI window.
  • the tab tab corresponds to a tab page (ie, a web page window), and further, a special style can be set for the tab corresponding to the currently displayed tab page.
  • a tab page ie, a web page window
  • a special style can be set for the tab corresponding to the currently displayed tab page.
  • the focus moves to the "" button on the tab bar (the focus control is attached with a blue background), click to add a new label, and the mouse focus remains on the "" button.
  • a new tab is added to the UI interface, and the newly added tab is inserted between the "Google" label and the "" button, and a special style is obtained (this style can be a preset style, which is not limited in the embodiment of this application) .
  • the currently active tab is converted from “Google” to "Homepage”, and the interface is switched to the UI window interface.
  • the window content corresponding to the label "Homepage” is empty by default, and it is placed at the bottom without displaying, as shown in Figure 6.
  • click "" to add more tags The way to browse the web in the new tab is the same as that of the single tag tab, so I won't repeat it here.
  • the left picture in Figure 7 The current active label is Baidu, the screen displays the contents of the Baidu website, and the focus is on the "" button. Press the arrow keys on the remote control to move the focus to the left, to the position shown on the right in Figure 7, which is the location of the "Google” label, click OK, the "Google" label will switch to the current active label, and the screen will display the content of the Google website.
  • a display device provided in some embodiments of the present application includes:
  • the display 11 is configured to display a user interface, wherein the user interface includes a first view display area and a second view display area, the first view display area is used to display a menu bar, and the second view displays Area is used to display webpage windows;
  • the controller 12 in communication with the display is configured to execute the following process to present the user interface:
  • the user interface When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
  • the user interface provided by some embodiments of the present application includes a first view display area and a second view display area.
  • the first view display area is used to display a menu bar
  • the second view display area is used to display a webpage window.
  • the menu bar when the focus mode is switched to the mouse mode, the menu bar is hidden. That is, move the focus down and remove the range of the menu bar, then switch to the mouse mode and hide the menu bar at the same time.
  • the menu bar when the mouse is moved to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode. That is, in the mouse mode, when the mouse arrow moves to the top of the screen, the menu bar can be called up again, and the mouse state changes from the mouse mode to the focus mode.
  • the menu bar includes a tab bar
  • the tab bar includes a first button for adding a new tab (for example, the "" button in the foregoing embodiment).
  • the focus is moved to the first button
  • the background of the first button presents a preset state, such as a blue background. That is, the focus moves to the "" button position in the tab bar (the focus control is attached with a blue background), click to add a new label, and the mouse focus remains on the "" button.
  • the user when the user opens multiple tabs, the user moves the focus left and right through the arrow keys of the remote control to switch the currently active tab; wherein, each tab corresponds to a webpage window, and the currently active tab corresponds to The currently displayed web page window.
  • the screen displays the content of the Baidu website (that is, the tab page displays the content of the Baidu website), and the focus is on the "" button. Press the arrow keys on the remote control to move the focus to the "Google” label position, click OK, the "Google" label will switch to the current active label, and the screen will display the content of the Google website.
  • the label column further includes a second button for deleting a label (for example, the "" button described in the above embodiment), when the focus is on the second button, and the second button is clicked When, delete the currently active label.
  • a second button for deleting a label for example, the "" button described in the above embodiment
  • the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set as the current active label.
  • a method for presenting a user interface includes:
  • S101 Determine a focus position according to a user instruction
  • the menu bar when the focus mode is switched to the mouse mode, the menu bar is hidden.
  • the menu bar is called up again, and the mouse mode is changed to the focus mode.
  • the menu bar includes a tab bar
  • the tab bar includes a first button used to add a new label.
  • the focus moves to the first button position, the background of the first button is rendered in advance. Set state.
  • the user when the user opens multiple tabs, the user moves the focus left and right through the arrow keys of the remote control to switch the currently active tab; wherein, each tab corresponds to a webpage window, and the currently active tab corresponds to The currently displayed web page window.
  • the user moves the focus to the left and right through the direction keys of the remote control, and the currently active tab does not switch; the user clicks on the remote control to determine the label where the focus is located to switch the currently active tab; , Each tab corresponds to a webpage window, and the currently active tab corresponds to the currently displayed webpage window.
  • the label column further includes a second button for deleting a label.
  • the focus is on the second button and the second button is clicked, the currently active label is deleted.
  • the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set as the current active label.
  • the division of units in the embodiments of the present application is illustrative, and can be understood as a logical function division, and there may be other division methods in actual implementation.
  • the functional units in the various embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit.
  • the above-mentioned integrated unit can be implemented in the form of hardware or software functional unit.
  • the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer readable storage medium.
  • the technical solution of the present application essentially or the part that contributes to the existing technology or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium , Including several instructions to make a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor (processor) execute all or part of the steps of the methods described in the various embodiments of the present application.
  • the aforementioned storage media include: U disk, mobile hard disk, read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk and other media that can store program code .
  • the embodiments of the present application provide a computing device, and the computing device may specifically be a desktop computer, a portable computer, a smart phone, a tablet computer, a personal digital assistant (Personal Digital Assistant, PDA), etc.
  • the computing device may include a central processing unit (CPU), a memory, an input/output device, etc.
  • the input device may include a keyboard, a mouse, a touch screen, etc.
  • an output device may include a display device, such as a liquid crystal display (Liquid Crystal Display, LCD), Cathode Ray Tube (CRT), etc.
  • the memory may include read only memory (ROM) and random access memory (RAM), and provides the processor with program instructions and data stored in the memory.
  • ROM read only memory
  • RAM random access memory
  • the memory may be used to store the program of any of the methods provided in the embodiment of the present application.
  • the processor calls the program instructions stored in the memory, and the processor is configured to execute any of the methods provided in the embodiments of the present application according to the obtained program instructions.
  • the embodiment of the present application provides a computer storage medium for storing computer program instructions used by the device provided in the foregoing embodiment of the present application, which includes a program for executing any method provided in the foregoing embodiment of the present application.
  • the computer storage medium may be any available medium or data storage device that the computer can access, including but not limited to magnetic storage (such as floppy disk, hard disk, magnetic tape, magneto-optical disk (MO), etc.), optical storage (such as CD, DVD, BD, HVD, etc.), and semiconductor memory (such as ROM, EPROM, EEPROM, non-volatile memory (NAND FLASH), solid state drive (SSD)), etc.
  • magnetic storage such as floppy disk, hard disk, magnetic tape, magneto-optical disk (MO), etc.
  • optical storage such as CD, DVD, BD, HVD, etc.
  • semiconductor memory such as ROM, EPROM, EEPROM, non-volatile memory (NAND FLASH), solid state drive (SSD)
  • the processing flow of the above method can be implemented by a software program, which can be stored in a storage medium, and when the stored software program is called, the steps of the above method are executed.
  • this application can be provided as methods, systems, or computer program products. Therefore, this application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, this application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, optical storage, etc.) containing computer-usable program codes.
  • a computer-usable storage media including but not limited to disk storage, optical storage, etc.
  • These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device.
  • the device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment.
  • the instructions provide steps for implementing the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Provided is a display device, comprising: a display for displaying a user interface that comprises a first view display region and a second view display region, wherein the first view display region displays a menu bar, and the second view display region displays a webpage window; and a controller communicating with the display. The controller is used for: determining a focus position according to a user instruction; when the focus position is located at the menu bar, controlling the user interface to be presented in a focused mode; and when the focus position is located on the webpage window, controlling the user interface to be presented in a mouse mode.

Description

显示设备以及用户界面的呈现方法Display device and presentation method of user interface
本公开要求在2020年1月16日提交中国专利局、申请日为202010046744.2、申请名称为“显示设备以及用户界面的呈现方法”的中国专利申请的优先权,其全部内容通过引用结合在本公开中。This disclosure claims the priority of a Chinese patent application filed with the Chinese Patent Office on January 16, 2020, the filing date is 202010046744.2, and the application name is "display device and user interface presentation method", the entire content of which is incorporated into this disclosure by reference middle.
技术领域Technical field
本申请涉及显示技术领域,尤其涉及一种显示设备以及用户界面的呈现方法。This application relates to the field of display technology, and in particular to a display device and a method for presenting a user interface.
背景技术Background technique
在智能电视终端浏览网页,以网页的形式观看新闻,欣赏网页中的视频链接等等,这些都是电视端用户需求非常大的业务。用浏览器浏览网页是最常见的浏览方式,随着电视端芯片和内存性能的提高,越来越多的智能电视可以支持多标签形式的浏览器应用。Browsing web pages on smart TV terminals, watching news in the form of web pages, and enjoying video links in web pages, etc., are all services that TV users demand very much. Browsing the web with a browser is the most common way of browsing. With the improvement of TV chip and memory performance, more and more smart TVs can support browser applications in the form of multiple tabs.
多标签浏览器的最大优点,是允许用户同时打开多个网页窗口,方便地浏览不同网站的内容。用户可在一个标签中打开一个搜索网页进行搜索,另外再添加一个标签页打开视频网页浏览视频。以这种多任务的形式进行网页浏览。当然,这种多标签浏览器在PC端已经很常见了,但在电视端应用还比较少。硬件性能是一方面,还有软件用户界面(UI)设计及用户操作体验也是很重要的一面。The biggest advantage of a multi-tab browser is that it allows users to open multiple webpage windows at the same time to conveniently browse the content of different websites. The user can open a search webpage in a tab to search, and add another tab to open the video webpage to browse the video. Browsing the web in this multi-tasking form. Of course, this kind of multi-tab browser is already very common on the PC side, but there are still relatively few applications on the TV side. Hardware performance is one aspect, and software user interface (UI) design and user experience are also very important.
目前智能电视上的多标签浏览器,多数是仿造PC端多标签浏览的模式设计的。用虚拟鼠标方案(即把遥控器模拟成虚拟鼠标)代替PC端的物理鼠标,其 UI操作与PC端几无差别,都是通过鼠标点击的形式完成相应的操作。这种鼠标模式,使用效率和用户体验就与PC端相去甚远,用户操作遥控器的频率更高,在大尺度的电视屏幕上,用户体验较差。Most of the current multi-tab browsers on smart TVs are designed to imitate the PC-side multi-tab browsing mode. The virtual mouse solution (ie, the remote control is simulated as a virtual mouse) is used to replace the physical mouse on the PC side. The UI operation is almost the same as that on the PC side, and the corresponding operation is completed by clicking the mouse. In this mouse mode, the use efficiency and user experience are far from that of the PC. The user operates the remote control more frequently, and the user experience is poor on a large-scale TV screen.
发明内容Summary of the invention
本申请的一些实施例提供了一种显示设备以及用户界面的呈现方法,用以实现当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面,从而使得用户可以更加方便地实现多标签浏览的操控,提高用户体验。Some embodiments of the present application provide a display device and a method for presenting a user interface, which are used to control the presentation of the user interface in a focus mode when the focus position is on the menu bar; when the focus position is on a webpage window, use a mouse The mode control presents the user interface, so that the user can more conveniently realize the control of multi-tab browsing and improve the user experience.
本申请的一些实施例提供的一种显示设备,包括:A display device provided by some embodiments of the present application includes:
显示器,该显示器被配置为显示用户界面,其中,所述用户界面包括第一视图显示区和第二视图显示区,所述第一视图显示区用于显示菜单栏,所述第二视图显示区用于显示网页窗口;A display configured to display a user interface, wherein the user interface includes a first view display area and a second view display area, the first view display area is used to display a menu bar, and the second view display area Used to display webpage windows;
与所述显示器通信的控制器,所述控制器被配置为执行如下流程以呈现所述用户界面:A controller in communication with the display, and the controller is configured to execute the following process to present the user interface:
根据用户指令确定焦点位置;Determine the focus position according to user instructions;
当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面。When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
本申请的一些实施例提供的用户界面包括第一视图显示区和第二视图显示区,所述第一视图显示区用于显示菜单栏,所述第二视图显示区用于显示网页窗口,当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面,从而使得用户可以更加 方便地通过遥控器实现多标签浏览的操控,提高了用户体验。The user interface provided by some embodiments of the present application includes a first view display area and a second view display area. The first view display area is used to display a menu bar, and the second view display area is used to display a webpage window. When the focus position is on the menu bar, the user interface is presented in the focus mode; when the focus position is in the webpage window, the user interface is presented in the mouse mode, so that the user can more conveniently realize the control of multi-tab browsing through the remote control. Improve the user experience.
可选地,当焦点模式切换为鼠标模式时,隐藏所述菜单栏;当鼠标移动到显示区域顶端时,重新调出所述菜单栏,且将鼠标模式变换为焦点模式。Optionally, when the focus mode is switched to the mouse mode, the menu bar is hidden; when the mouse moves to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode.
可选地,当鼠标移动到显示区域顶端时,重新调出所述菜单栏,且将鼠标模式变换为焦点模式。Optionally, when the mouse moves to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode.
可选地,所述菜单栏包括标签栏,所述标签栏中包括用于添加新标签的第一按钮,当焦点移动到第一按钮位置时,该第一按钮的背景呈现预设状态。Optionally, the menu bar includes a tab bar, and the tab bar includes a first button for adding a new tab. When the focus moves to the position of the first button, the background of the first button assumes a preset state.
可选地,当用户打开多个标签时,用户通过遥控器的方向键左右移动焦点,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。Optionally, when the user opens multiple tabs, the user uses the direction keys of the remote control to move the focus left and right to switch the currently active tab; wherein each tab corresponds to a webpage window, and the currently active tab corresponds to the currently displayed webpage window.
可选地,当用户打开多个标签时,用户通过遥控器的方向键左右移动焦点,所述当前活动标签不切换;用户通过遥控器点击确定所述焦点所在的标签,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。Optionally, when the user opens multiple tabs, the user uses the direction keys of the remote control to move the focus left and right, and the currently active tab does not switch; the user clicks on the remote control to determine the label where the focus is located, to realize the switching of the currently active tab ; Wherein, each tab corresponds to a webpage window, and the currently active tab corresponds to the currently displayed webpage window.
可选地,所述标签栏中还包括用于删除标签的第二按钮,当焦点位于第二按钮,并且点击该第二按钮时,删除当前活动标签。Optionally, the label bar further includes a second button for deleting a label, and when the focus is on the second button and the second button is clicked, the currently active label is deleted.
可选地,若删除一个标签,则其右边最近邻的一个标签置为当前活动标签;若删除的标签右侧没有标签时,把其左边的一个标签置为当前活动标签。Optionally, if a label is deleted, the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set as the current active label.
可选地,若当前只剩下一个标签页时,并且点击所述第二按钮,则提示用户执行此操作会退出浏览器。Optionally, if there is only one tab page left, and the second button is clicked, the user is prompted to perform this operation to exit the browser.
本申请实施例提供的一种用户界面的呈现方法,包括:A method for presenting a user interface provided by an embodiment of the present application includes:
根据用户指令确定焦点位置;Determine the focus position according to user instructions;
当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面。When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
本申请另一实施例提供了一种计算设备,其包括存储器和处理器,其中,所述存储器用于存储程序指令,所述处理器用于调用所述存储器中存储的程序指令,按照获得的程序执行上述任一种方法。Another embodiment of the present application provides a computing device, which includes a memory and a processor, wherein the memory is used to store program instructions, and the processor is used to call the program instructions stored in the memory, according to the obtained program Perform any of the above methods.
本申请另一实施例提供了一种计算机存储介质,所述计算机存储介质存储有计算机可执行指令,所述计算机可执行指令用于使所述计算机执行上述任一种方法。Another embodiment of the present application provides a computer storage medium, the computer storage medium stores computer-executable instructions, and the computer-executable instructions are used to make the computer execute any of the foregoing methods.
附图说明Description of the drawings
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅是本申请的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to more clearly describe the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings needed in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, without creative work, other drawings can be obtained based on these drawings.
图1中为本申请实施例提供的显示设备与控制装置之间操作场景的示意图;FIG. 1 is a schematic diagram of an operation scenario between a display device and a control device provided by an embodiment of the application;
图2为本申请实施例提供的用户界面(UI)窗口和各网页窗口分别独立显示的示意图;FIG. 2 is a schematic diagram of a user interface (UI) window and each webpage window provided by an embodiment of the application being independently displayed;
图3为本申请实施例提供的UI窗口界面示意图;FIG. 3 is a schematic diagram of a UI window interface provided by an embodiment of the application;
图4为本申请实施例提供的在标签页中打开Google网页的示意图;Figure 4 is a schematic diagram of opening a Google webpage in a tab provided by an embodiment of the application;
图5为本申请实施例提供的网页窗口内为鼠标模式并隐藏菜单栏示意图;FIG. 5 is a schematic diagram of a webpage window provided by an embodiment of the application in a mouse mode and a menu bar hidden;
图6为本申请实施例提供的添加标签示意图;FIG. 6 is a schematic diagram of adding tags according to an embodiment of the application;
图7为本申请实施例提供的切换标签示意图;FIG. 7 is a schematic diagram of switching labels provided by an embodiment of the application;
图8为本申请实施例提供的删除标签示意图;FIG. 8 is a schematic diagram of deleting tags provided in an embodiment of the application;
图9为本申请实施例提供的一种显示设备的结构示意图;FIG. 9 is a schematic structural diagram of a display device provided by an embodiment of the application;
图10为本申请实施例提供的一种用户界面的呈现方法的流程示意图。FIG. 10 is a schematic flowchart of a method for presenting a user interface according to an embodiment of the application.
具体实施方式Detailed ways
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,并不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。The technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative work shall fall within the protection scope of this application.
本申请的一些实施例提供了一种显示设备以及用户界面的呈现方法,用以实现当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面,从而使得用户可以更加方便地实现多标签浏览的操控,提高用户体验。Some embodiments of the present application provide a display device and a method for presenting a user interface, which are used to control the presentation of the user interface in a focus mode when the focus position is on the menu bar; when the focus position is on a webpage window, use a mouse The mode control presents the user interface, so that the user can more conveniently realize the control of multi-tab browsing and improve the user experience.
其中,方法和设备是基于同一申请构思的,由于方法和设备解决问题的原理相似,因此方法和设备的实施可以相互参见,重复之处不再赘述。Among them, the method and the device are based on the same application concept. Since the method and the device have similar principles for solving the problem, the implementation of the method and the device can be referred to each other, and the repetition will not be repeated.
下面结合说明书附图对本申请各个实施例进行详细描述。需要说明的是,本申请实施例的展示顺序仅代表实施例的先后顺序,并不代表实施例所提供的技术方案的优劣。Hereinafter, each embodiment of the present application will be described in detail with reference to the accompanying drawings of the specification. It should be noted that the display order of the embodiments of the present application only represents the sequence of the embodiments, and does not represent the pros and cons of the technical solutions provided by the embodiments.
图1中示例性示出了根据本申请实施例中显示设备与控制装置之间操作场景的示意图。如图1所示,用户可通过控制装置100来操作显示设备200。Fig. 1 exemplarily shows a schematic diagram of an operation scenario between a display device and a control device according to an embodiment of the present application. As shown in FIG. 1, the user can operate the display device 200 by controlling the device 100.
其中,控制装置100可以是遥控器100A,包括红外协议通信或蓝牙协议通信,及其他短距离通信方式等,通过无线或其他有线方式来控制显示设备200。 用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令,来控制显示设备200。如:用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、语音输入按键、菜单键、开关机按键等输入相应控制指令,来实现控制显示设备200的功能。Wherein, the control device 100 may be a remote control 100A, including infrared protocol communication or Bluetooth protocol communication, and other short-distance communication methods, etc., to control the display device 200 through wireless or other wired methods. The user can control the display device 200 by inputting user instructions through keys on the remote control, voice input, control panel input, etc. For example, the user can control the display device 200 by inputting corresponding control commands through the volume plus and minus keys, channel control keys, up/down/left/right movement keys, voice input keys, menu keys, and power on/off keys on the remote control. Function.
本申请的一些实施例中,控制装置100也可以是智能设备,如移动终端100B、平板电脑、计算机、笔记本电脑等。例如,使用在智能设备上运行的应用程序控制显示设备200。该应用程序可以在与智能设备关联的屏幕上通过直观的用户界面(UI)为用户提供各种控制。In some embodiments of the present application, the control device 100 may also be a smart device, such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, and the like. For example, an application program running on a smart device is used to control the display device 200. The application can provide users with various controls through an intuitive user interface (UI) on the screen associated with the smart device.
本申请的一些实施例中,移动终端100B可与显示设备200安装软件应用,通过网络通信协议实现连接通信,实现一对一控制操作的和数据通信的目的。如:可以使移动终端100B与显示设备200建立控制指令协议,将遥控控制键盘同步到移动终端100B上,通过控制移动终端100B上用户界面,实现控制显示设备200的功能。也可以将移动终端100B上显示的音视频内容传输到显示设备200上,实现同步显示功能。In some embodiments of the present application, the mobile terminal 100B can install a software application with the display device 200, realize connection communication through a network communication protocol, and realize the purpose of one-to-one control operation and data communication. For example, the mobile terminal 100B can establish a control instruction protocol with the display device 200, synchronize the remote control keyboard to the mobile terminal 100B, and realize the function of controlling the display device 200 by controlling the user interface on the mobile terminal 100B. The audio and video content displayed on the mobile terminal 100B can also be transmitted to the display device 200 to realize the synchronous display function.
如图1所示,显示设备200还与服务器300通过多种通信方式进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器300可以向显示设备200提供各种内容和互动。示例的,显示设备200通过发送和接收信息,以及电子节目指南(EPG)互动,接收软件程序更新,或访问远程储存的数字媒体库。服务器300可以是一组,也可以是多组,可以是一类或多类服务器。通过服务器300提供视频点播和广告服务等其他网络服务内容。As shown in FIG. 1, the display device 200 also performs data communication with the server 300 through multiple communication methods. The display device 200 may be allowed to communicate through a local area network (LAN), a wireless local area network (WLAN), and other networks. The server 300 may provide various contents and interactions to the display device 200. For example, the display device 200 can receive software program updates or access a remotely stored digital media library by sending and receiving information and interacting with an electronic program guide (EPG). The server 300 may be a group or multiple groups, and may be one or more types of servers. The server 300 provides other network service content such as video-on-demand and advertising services.
显示设备200,可以是液晶显示器、OLED显示器、投影显示设备。具体显 示设备类型,尺寸大小和分辨率等不作限定,本领技术人员可以理解的是,显示设备200可以根据需要做性能和配置上的一些改变。The display device 200 may be a liquid crystal display, an OLED display, or a projection display device. The specific display device type, size, resolution, etc. are not limited, and those skilled in the art can understand that the display device 200 can make some changes in performance and configuration as required.
显示设备200除了提供广播接收电视功能之外,还可以附加提供计算机支持功能的智能网络电视功能。示例的包括,网络电视、智能电视、互联网协议电视(IPTV)等。In addition to providing the broadcast receiving TV function, the display device 200 may additionally provide a smart network TV function with a computer support function. Examples include Internet TV, Smart TV, Internet Protocol TV (IPTV), and so on.
本申请的一些实施例提供的技术方案,涉及智能电视终端多标签浏览器标签页的管理,具体地,本申请实施例介绍了一种应用在智能电视终端多标签浏览器上的焦点控制方案,即在焦点模式下用遥控器操作多标签浏览器时对焦点的移动方案。The technical solutions provided by some embodiments of the present application relate to the management of the tabs of the multi-tab browser of the smart TV terminal. Specifically, the embodiments of the present application introduce a focus control solution applied to the multi-tab browser of the smart TV terminal. That is, the movement scheme of the focus point when the remote control is used to operate the multi-tab browser in the focus mode.
多标签浏览器或者多窗口浏览器就是允许用户以多个标签的形式进行浏览网页,即用户可以同时打开多个网页窗口,每个网页窗口就是一个标签页。用户可以在这些标签页之间来回切换,查看自己想看的标签页的内容,也可以进行添加或删除标签操作。在PC终端上,可用鼠标方便地对这种多标签浏览器的标签页进行管理,用户执行移动鼠标点击相应的按钮即可。但在电视端,用户只能用遥控器操作,操作起来效率降低也不太方便。因此,提高电视端用遥控器操作多标签浏览器的效率和方便性是比较关键的问题。本申请实施例提供了一种以焦点模式操作多标签浏览器的方法,通过焦点的合理移动,来达到方便且高效地对多个标签页进行管理的目的。A multi-tab browser or a multi-window browser allows users to browse the web in the form of multiple tabs, that is, the user can open multiple web windows at the same time, and each web window is a tab page. Users can switch back and forth between these tabs to view the content of the tabs they want to see, and they can also add or delete tabs. On the PC terminal, the mouse can be used to conveniently manage the tabs of this multi-tab browser, and the user can move the mouse and click the corresponding button. But on the TV side, users can only use the remote control to operate, and the operation efficiency decreases and it is not convenient. Therefore, improving the efficiency and convenience of operating the multi-tab browser with the remote control on the TV is a key issue. The embodiment of the present application provides a method for operating a multi-tab browser in a focus mode, and the purpose of managing multiple tab pages conveniently and efficiently is achieved through reasonable movement of the focus.
本申请的一些实施例提供的技术方案主要包括:The technical solutions provided by some embodiments of this application mainly include:
通过简单地移动焦点的形式即可方便地完成对标签页切换、添加、删除的操作;By simply moving the focus, you can easily complete the operations of switching, adding, and deleting tabs;
对于获取焦点的标签和当前展示的标签页,用不同的样式加以区分,例如 给获得焦点的标签加上底色或背景色;Different styles are used to distinguish between the focused label and the currently displayed label, such as adding a background color or background color to the focused label;
用户在操作菜单时以焦点模式控制,移除菜单范围(即菜单范围以外)则以鼠标模式控制。The user controls in the focus mode when operating the menu, and controls in the mouse mode to remove the menu range (that is, outside the menu range).
本申请的一些实施例提供的方法,把遥控器模拟为虚拟鼠标的形式,但在用户界面(UI)上用焦点模式代替鼠标模式进行操作,且只在操作浏览器菜单时采用焦点模式。并且,进一步地,在焦点模式下,菜单上的某个控件获得焦点后,附以相应的样式,便于用户区分。用户可按遥控器上的方向键进行焦点的移动。The method provided by some embodiments of the present application simulates the remote control in the form of a virtual mouse, but uses the focus mode instead of the mouse mode for operation on the user interface (UI), and only uses the focus mode when operating the browser menu. And, further, in the focus mode, after a certain control on the menu gets the focus, a corresponding style is attached to facilitate the user to distinguish. The user can press the arrow keys on the remote control to move the focus.
为了提高电视端用遥控器操作多标签浏览器的便捷性和效率性。本申请实施例采用了结合焦点模式和鼠标模式的UI控制方法,在对标签页的管理上采用了新的焦点移动方法,让用户在操作菜单和浏览网页时更方便快捷。In order to improve the convenience and efficiency of operating the multi-tab browser with the remote control on the TV side. The embodiment of the application adopts a UI control method that combines a focus mode and a mouse mode, and adopts a new focus movement method in the management of tab pages, which makes it more convenient and faster for users to operate menus and browse webpages.
参见图2,多标签浏览器本质上就是用多个窗口加载不同的网页,一个标签对应一个窗口,并通过在操作菜单上增加标签项对这些窗口或标签页进行管理。在本申请实施例提供的方法中,本申请实施例把菜单项也用单独的一个窗口来显示,称为UI窗口(window)。UI窗口和网页窗口占用不同的相互独立的进程,UI窗口通过进程间通信(IPC)方式控制各个网页窗口的行为,完成用户的相关操作。Referring to Figure 2, a multi-tab browser essentially uses multiple windows to load different web pages, one tab corresponds to one window, and these windows or tab pages are managed by adding tab items on the operation menu. In the method provided by the embodiment of the present application, the embodiment of the present application also uses a separate window to display the menu item, which is called a UI window. The UI window and the web page window occupy different mutually independent processes, and the UI window controls the behavior of each web page window through the inter-process communication (IPC) mode to complete the user's related operations.
各个网页窗口之间也是相互独立的,通过控制它们在屏幕上的显示或隐藏顺序,来呈现给用户不同的页面内容。UI窗口默认显示在屏幕最前端,根据用户的选择来设置网页窗口的显示层次,且只在屏幕上显示最上层窗口内容。Each web page window is also independent of each other, and different page content is presented to the user by controlling their display or hiding order on the screen. The UI window is displayed at the forefront of the screen by default. The display level of the web page window is set according to the user's choice, and only the top window content is displayed on the screen.
UI窗口的界面如图3所示,标签栏属于菜单栏的一部分。也就是说,菜单栏包括标签选项卡、添加标签按钮“ ”及删去标签按钮“ ”等。用户点击“ ” 添加新标签,对应会在标签栏新增一个标签选项卡。点击“ ”删去一个标签,标签栏也会对应减少一个标签选项卡。在UI窗口界面,虚拟鼠标显示为焦点模式,焦点可在各按钮控件之间移动。例如,为获取焦点的控件添加蓝色背景样式,使得用户可以知道当前焦点所处位置,例如,可以是图3中位于下方灰色区域内的大方框(矩形方框中间有符号+,蓝色背景样式图中未示出),为当前焦点所在位置。图3中黑条部分以及下面的灰色区域,都是用于显示网页的。The interface of the UI window is shown in Figure 3. The tab bar is a part of the menu bar. In other words, the menu bar includes the label tab, the add label button "", and the delete label button "". The user clicks "" to add a new label, and a corresponding label tab will be added to the label bar. Click "" to delete a label, and the label column will also reduce a label tab. In the UI window interface, the virtual mouse is displayed in the focus mode, and the focus can be moved between the button controls. For example, add a blue background style to the focus control, so that the user can know where the current focus is. For example, it can be the large box in the gray area below in Figure 3 (the rectangular box has a + symbol in the middle, and the blue background Not shown in the style figure), which is the current focus position. The black bars in Figure 3 and the gray areas below are used to display web pages.
UI窗口和网页窗口是大小相同相互独立的窗口,在屏幕是相互叠加的。可通过设置它们的隐藏/显示属性控制是否显示出来。例如,把图3所示UI窗口“黑条部分以及下面的灰色区域”隐藏,就能显示出底下的网页窗口。从视觉上看,这时的网页窗口还带有一个“菜单栏”,而这个菜单栏其实是UI窗口的菜单栏。The UI window and the web page window are mutually independent windows of the same size, and are superimposed on each other on the screen. You can control whether to display them by setting their hidden/display attributes. For example, by hiding the "black bars and the gray area below" of the UI window shown in Figure 3, the bottom web page window can be displayed. From a visual point of view, the web page window at this time also has a "menu bar", and this menu bar is actually the menu bar of the UI window.
标签选项卡对应一个标签页(即网页窗口),而且进一步还可以为当前显示的标签页对应的选项卡设置特殊样式。用户打开网页内容时,把UI窗口(不包括菜单栏部分)隐藏,显示出网页窗口。在UI窗口全屏展示的时候,标签页(即网页窗口)置于UI窗口底层,进行隐藏。浏览网页时,本申请实施例提供的方法中,操作菜单时以焦点模式控制,焦点移除菜单范围时则以鼠标模式控制的方式。下面举例说明这种鼠标状态的模式转换。The tab tab corresponds to a tab page (ie, a web page window), and further, a special style can be set for the tab corresponding to the currently displayed tab page. When the user opens the web page content, the UI window (excluding the menu bar part) is hidden and the web page window is displayed. When the UI window is displayed in full screen, the tab page (that is, the web page window) is placed at the bottom of the UI window and hidden. When browsing a webpage, in the method provided in the embodiment of the present application, the menu is controlled in the focus mode when the menu is operated, and the mouse mode is controlled when the focus is removed from the menu range. The following example illustrates the mode transition of this mouse state.
一、鼠标状态模式转换1. Mouse state mode conversion
以单标签选项卡为例,如图4所示,在标签页中打开Google网页。把焦点下移,移除菜单栏范围,则切换为鼠标模式,同时隐藏菜单栏,如图5所示。鼠标模式下,当鼠标箭头移动到屏幕顶端时,可重新调出菜单栏,且鼠标状态由鼠标模式变换为焦点模式。Take the single-tab tab as an example, as shown in Figure 4, open the Google web page in the tab. Move the focus down and remove the range of the menu bar, then switch to mouse mode and hide the menu bar at the same time, as shown in Figure 5. In mouse mode, when the mouse arrow moves to the top of the screen, the menu bar can be called up again, and the mouse state changes from mouse mode to focus mode.
二、多标签管理2. Multi-label management
这里主要阐明操作标签栏时,焦点的移动步骤。Here we mainly clarify the steps to move the focus when operating the tab bar.
1.添加新标签:1. Add a new label:
如图6所示,焦点移动到标签栏的“ ”按钮位置(获取焦点控件附以蓝色背景),点击则可以添加新标签,鼠标焦点仍然保留在“ ”按钮上。同时在UI界面增加一个新选项卡,新增加的选项卡插入到“Google”标签和“ ”按钮之间,并获取特殊样式(该样式可以是预设的样式,本申请实施例不进行限制)。当前活动的标签选项卡由“Google”转换为“Homepage”,界面切换到UI窗口界面。此时,标签“Homepage”对应的窗口内容默认为空,置于底层不进行显示,如图6所示。同样的方法,点击“ ”可以添加更多的标签,在新标签中浏览网页的方式与单标签选项卡时相同,在此不再赘述。As shown in Figure 6, the focus moves to the "" button on the tab bar (the focus control is attached with a blue background), click to add a new label, and the mouse focus remains on the "" button. At the same time, a new tab is added to the UI interface, and the newly added tab is inserted between the "Google" label and the "" button, and a special style is obtained (this style can be a preset style, which is not limited in the embodiment of this application) . The currently active tab is converted from "Google" to "Homepage", and the interface is switched to the UI window interface. At this time, the window content corresponding to the label "Homepage" is empty by default, and it is placed at the bottom without displaying, as shown in Figure 6. In the same way, click "" to add more tags. The way to browse the web in the new tab is the same as that of the single tag tab, so I won't repeat it here.
2.切换标签:2. Switch tabs:
用户打开多个标签时,例如2个或2个以上,如图7所示,两个标签分别打开Google和Baidu两个网站。When the user opens multiple tabs, for example, two or more than two, as shown in Figure 7, the two tabs open two websites, Google and Baidu, respectively.
图7中的左图:当前活动标签为Baidu,屏幕显示Baidu网站内容,且焦点在“ ”按钮位置。按遥控器方向键左移焦点,到图7中的右图所示的位置,也就是“Google”标签位置,点击确认,“Google”标签切换为当前活动标签,屏幕即可显示Google网站内容。The left picture in Figure 7: The current active label is Baidu, the screen displays the contents of the Baidu website, and the focus is on the "" button. Press the arrow keys on the remote control to move the focus to the left, to the position shown on the right in Figure 7, which is the location of the "Google" label, click OK, the "Google" label will switch to the current active label, and the screen will display the content of the Google website.
3.删除标签:3. Delete the label:
在图7中的右图的基础上,把焦点位置右移到“ ”按钮的位置。点击确认,删去当前活动的“Google”标签,把其右一个标签连同添加、删去按钮,左移一个选项的位置,同时把“Baidu”标签设为当前活动的标签,焦点仍保留在“ ”按钮上,如图8所示。On the basis of the right image in Figure 7, move the focus position to the right of the "" button. Click to confirm, delete the currently active "Google" label, move the label to the right together with the add and delete buttons to the left of an option, and set the "Baidu" label as the currently active label, and the focus remains on " "Button, as shown in Figure 8.
一般情况下,删除一个标签,就其右边最近邻的一个标签置为当前活动的标签。但当删除的标签在最右侧时,会把其左边的一个标签置为当前活动的标签。在只剩下一个标签页时,点击“ ”按钮,会提示用户执行此操作会退出浏览器。Under normal circumstances, delete a label, and set the nearest neighbor to the right as the currently active label. But when the deleted label is on the far right, the label on its left will be set as the currently active label. When there is only one tab left, clicking the "" button will prompt the user to perform this operation and exit the browser.
综上所述,参见图9,本申请的一些实施例中提供的一种显示设备,包括:In summary, referring to FIG. 9, a display device provided in some embodiments of the present application includes:
显示器11,该显示器被配置为显示用户界面,其中,所述用户界面包括第一视图显示区和第二视图显示区,所述第一视图显示区用于显示菜单栏,所述第二视图显示区用于显示网页窗口;The display 11 is configured to display a user interface, wherein the user interface includes a first view display area and a second view display area, the first view display area is used to display a menu bar, and the second view displays Area is used to display webpage windows;
与所述显示器通信的控制器12,所述控制器被配置为执行如下流程以呈现所述用户界面:The controller 12 in communication with the display is configured to execute the following process to present the user interface:
根据用户指令确定焦点位置;Determine the focus position according to user instructions;
当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面。When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
本申请的一些实施例提供的用户界面包括第一视图显示区和第二视图显示区,所述第一视图显示区用于显示菜单栏,所述第二视图显示区用于显示网页窗口,当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面,从而使得用户可以更加方便地通过遥控器实现多标签浏览的操控,提高了用户体验。The user interface provided by some embodiments of the present application includes a first view display area and a second view display area. The first view display area is used to display a menu bar, and the second view display area is used to display a webpage window. When the focus position is on the menu bar, the user interface is presented in the focus mode; when the focus position is in the webpage window, the user interface is presented in the mouse mode, so that the user can more conveniently realize the control of multi-tab browsing through the remote control. Improve the user experience.
本申请的一些实施例中,当焦点模式切换为鼠标模式时,隐藏所述菜单栏。即把焦点下移,移除菜单栏范围,则切换为鼠标模式,同时隐藏菜单栏。In some embodiments of the present application, when the focus mode is switched to the mouse mode, the menu bar is hidden. That is, move the focus down and remove the range of the menu bar, then switch to the mouse mode and hide the menu bar at the same time.
本申请的一些实施例中,当鼠标移动到显示区域顶端时,重新调出所述菜单栏,且将鼠标模式变换为焦点模式。即在鼠标模式下,当鼠标箭头移动到屏 幕顶端时,可重新调出菜单栏,且鼠标状态由鼠标模式变换为焦点模式。In some embodiments of the present application, when the mouse is moved to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode. That is, in the mouse mode, when the mouse arrow moves to the top of the screen, the menu bar can be called up again, and the mouse state changes from the mouse mode to the focus mode.
本申请的一些实施例中,所述菜单栏包括标签栏,所述标签栏中包括用于添加新标签的第一按钮(例如上述实施例中所述的“ ”按钮),当焦点移动到第一按钮位置时,该第一按钮的背景呈现预设状态,例如蓝色背景。即焦点移动到标签栏的“ ”按钮位置(获取焦点控件附以蓝色背景),点击则可以添加新标签,鼠标焦点仍然保留在“ ”按钮上。In some embodiments of the present application, the menu bar includes a tab bar, and the tab bar includes a first button for adding a new tab (for example, the "" button in the foregoing embodiment). When the focus is moved to the first button, At a button position, the background of the first button presents a preset state, such as a blue background. That is, the focus moves to the "" button position in the tab bar (the focus control is attached with a blue background), click to add a new label, and the mouse focus remains on the "" button.
本申请的一些实施例中,当用户打开多个标签时,用户通过遥控器的方向键左右移动焦点,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。In some embodiments of the present application, when the user opens multiple tabs, the user moves the focus left and right through the arrow keys of the remote control to switch the currently active tab; wherein, each tab corresponds to a webpage window, and the currently active tab corresponds to The currently displayed web page window.
例如,若当前活动标签为Baidu,屏幕显示Baidu网站内容(即标签页显示Baidu网站内容),且焦点在“ ”按钮位置。按遥控器方向键左移焦点,到“Google”标签位置,点击确认,“Google”标签切换为当前活动标签,屏幕即可显示Google网站内容。For example, if the current active label is Baidu, the screen displays the content of the Baidu website (that is, the tab page displays the content of the Baidu website), and the focus is on the "" button. Press the arrow keys on the remote control to move the focus to the "Google" label position, click OK, the "Google" label will switch to the current active label, and the screen will display the content of the Google website.
本申请的一些实施例中,所述标签栏中还包括用于删除标签的第二按钮(例如上述实施例中所述的“ ”按钮),当焦点位于第二按钮,并且点击该第二按钮时,删除当前活动标签。In some embodiments of the present application, the label column further includes a second button for deleting a label (for example, the "" button described in the above embodiment), when the focus is on the second button, and the second button is clicked When, delete the currently active label.
本申请的一些实施例中,若删除一个标签,则其右边最近邻的一个标签置为当前活动标签;若删除的标签右侧没有标签时,把其左边的一个标签置为当前活动标签。In some embodiments of the present application, if a label is deleted, the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set as the current active label.
本申请的一些实施例中,若当前只剩下一个标签页时,并且点击第二按钮,则提示用户执行此操作会退出浏览器。In some embodiments of the present application, if there is only one tab left and the second button is clicked, the user is prompted to perform this operation to exit the browser.
同理,参见图10,本申请实施例提供的一种用户界面的呈现方法,包括:Similarly, referring to FIG. 10, a method for presenting a user interface provided by an embodiment of the present application includes:
S101、根据用户指令确定焦点位置;S101: Determine a focus position according to a user instruction;
S102、当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面。S102. When the focus position is on the menu bar, control the presentation of the user interface in a focus mode; when the focus position is on the webpage window, control the presentation of the user interface in a mouse mode.
本申请的一些实施例中,当焦点模式切换为鼠标模式时,隐藏所述菜单栏。In some embodiments of the present application, when the focus mode is switched to the mouse mode, the menu bar is hidden.
本申请的一些实施例中,当鼠标移动到显示区域顶端时,重新调出所述菜单栏,且将鼠标模式变换为焦点模式。In some embodiments of the present application, when the mouse is moved to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode.
本申请的一些实施例中,所述菜单栏包括标签栏,所述标签栏中包括用于添加新标签的第一按钮,当焦点移动到第一按钮位置时,该第一按钮的背景呈现预设状态。In some embodiments of the present application, the menu bar includes a tab bar, and the tab bar includes a first button used to add a new label. When the focus moves to the first button position, the background of the first button is rendered in advance. Set state.
本申请的一些实施例中,当用户打开多个标签时,用户通过遥控器的方向键左右移动焦点,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。In some embodiments of the present application, when the user opens multiple tabs, the user moves the focus left and right through the arrow keys of the remote control to switch the currently active tab; wherein, each tab corresponds to a webpage window, and the currently active tab corresponds to The currently displayed web page window.
或者,当用户打开多个标签时,用户通过遥控器的方向键左右移动焦点,所述当前活动标签不切换;用户通过遥控器点击确定所述焦点所在的标签,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。Or, when the user opens multiple tabs, the user moves the focus to the left and right through the direction keys of the remote control, and the currently active tab does not switch; the user clicks on the remote control to determine the label where the focus is located to switch the currently active tab; , Each tab corresponds to a webpage window, and the currently active tab corresponds to the currently displayed webpage window.
本申请的一些实施例中,所述标签栏中还包括用于删除标签的第二按钮,当焦点位于第二按钮,并且点击该第二按钮时,删除当前活动标签。In some embodiments of the present application, the label column further includes a second button for deleting a label. When the focus is on the second button and the second button is clicked, the currently active label is deleted.
本申请的一些实施例中,若删除一个标签,则其右边最近邻的一个标签置为当前活动标签;若删除的标签右侧没有标签时,把其左边的一个标签置为当前活动标签。In some embodiments of the present application, if a label is deleted, the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set as the current active label.
本申请的一些实施例中,若当前只剩下一个标签页时,并且点击所述第二 按钮,则提示用户执行此操作会退出浏览器。In some embodiments of the present application, if there is only one tab page left and the second button is clicked, the user is prompted to perform this operation to exit the browser.
需要说明的是,本申请实施例中对单元(例如显示器、控制器)的划分是示意性的,可以理解为一种逻辑功能划分,实际实现时可以有另外的划分方式。另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。It should be noted that the division of units (such as displays and controllers) in the embodiments of the present application is illustrative, and can be understood as a logical function division, and there may be other division methods in actual implementation. In addition, the functional units in the various embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit. The above-mentioned integrated unit can be implemented in the form of hardware or software functional unit.
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer readable storage medium. Based on this understanding, the technical solution of the present application essentially or the part that contributes to the existing technology or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium , Including several instructions to make a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor (processor) execute all or part of the steps of the methods described in the various embodiments of the present application. The aforementioned storage media include: U disk, mobile hard disk, read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk and other media that can store program code .
本申请实施例提供了一种计算设备,该计算设备具体可以为桌面计算机、便携式计算机、智能手机、平板电脑、个人数字助理(Personal Digital Assistant,PDA)等。该计算设备可以包括中央处理器(Center Processing Unit,CPU)、存储器、输入/输出设备等,输入设备可以包括键盘、鼠标、触摸屏等,输出设备可以包括显示设备,如液晶显示器(Liquid Crystal Display,LCD)、阴极射线管(Cathode Ray Tube,CRT)等。The embodiments of the present application provide a computing device, and the computing device may specifically be a desktop computer, a portable computer, a smart phone, a tablet computer, a personal digital assistant (Personal Digital Assistant, PDA), etc. The computing device may include a central processing unit (CPU), a memory, an input/output device, etc. The input device may include a keyboard, a mouse, a touch screen, etc., and an output device may include a display device, such as a liquid crystal display (Liquid Crystal Display, LCD), Cathode Ray Tube (CRT), etc.
存储器可以包括只读存储器(ROM)和随机存取存储器(RAM),并向处理器提供存储器中存储的程序指令和数据。在本申请实施例中,存储器可以用于存储本申请实施例提供的任一所述方法的程序。The memory may include read only memory (ROM) and random access memory (RAM), and provides the processor with program instructions and data stored in the memory. In the embodiment of the present application, the memory may be used to store the program of any of the methods provided in the embodiment of the present application.
处理器通过调用存储器存储的程序指令,处理器用于按照获得的程序指令执行本申请实施例提供的任一所述方法。The processor calls the program instructions stored in the memory, and the processor is configured to execute any of the methods provided in the embodiments of the present application according to the obtained program instructions.
本申请实施例提供了一种计算机存储介质,用于储存为上述本申请实施例提供的装置所用的计算机程序指令,其包含用于执行上述本申请实施例提供的任一方法的程序。The embodiment of the present application provides a computer storage medium for storing computer program instructions used by the device provided in the foregoing embodiment of the present application, which includes a program for executing any method provided in the foregoing embodiment of the present application.
所述计算机存储介质可以是计算机能够存取的任何可用介质或数据存储设备,包括但不限于磁性存储器(例如软盘、硬盘、磁带、磁光盘(MO)等)、光学存储器(例如CD、DVD、BD、HVD等)、以及半导体存储器(例如ROM、EPROM、EEPROM、非易失性存储器(NAND FLASH)、固态硬盘(SSD))等。The computer storage medium may be any available medium or data storage device that the computer can access, including but not limited to magnetic storage (such as floppy disk, hard disk, magnetic tape, magneto-optical disk (MO), etc.), optical storage (such as CD, DVD, BD, HVD, etc.), and semiconductor memory (such as ROM, EPROM, EEPROM, non-volatile memory (NAND FLASH), solid state drive (SSD)), etc.
上述方法处理流程可以用软件程序实现,该软件程序可以存储在存储介质中,当存储的软件程序被调用时,执行上述方法步骤。The processing flow of the above method can be implemented by a software program, which can be stored in a storage medium, and when the stored software program is called, the steps of the above method are executed.
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art should understand that the embodiments of the present application can be provided as methods, systems, or computer program products. Therefore, this application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, this application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, optical storage, etc.) containing computer-usable program codes.
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/ 或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。This application is described with reference to flowcharts and/or block diagrams of methods, devices (systems), and computer program products according to embodiments of this application. It should be understood that each process and/or block in the flowchart and/or block diagram, and the combination of processes and/or blocks in the flowchart and/or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing equipment to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing equipment are generated It is a device that realizes the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device. The device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment. The instructions provide steps for implementing the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。Obviously, those skilled in the art can make various changes and modifications to the application without departing from the spirit and scope of the application. In this way, if these modifications and variations of this application fall within the scope of the claims of this application and their equivalent technologies, then this application is also intended to include these modifications and variations.

Claims (11)

  1. 一种显示设备,其特征在于,包括:A display device, characterized in that it comprises:
    显示器,该显示器被配置为显示用户界面,其中,所述用户界面包括第一视图显示区和第二视图显示区,所述第一视图显示区用于显示菜单栏,所述第二视图显示区用于显示网页窗口;A display configured to display a user interface, wherein the user interface includes a first view display area and a second view display area, the first view display area is used to display a menu bar, and the second view display area Used to display webpage windows;
    与所述显示器通信的控制器,所述控制器被配置为执行如下流程以呈现所述用户界面:A controller in communication with the display, and the controller is configured to execute the following process to present the user interface:
    根据用户指令确定焦点位置;Determine the focus position according to user instructions;
    当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面。When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
  2. 根据权利要求1所述的显示设备,其特征在于,当焦点模式切换为鼠标模式时,隐藏所述菜单栏;当鼠标移动到显示区域顶端时,重新调出所述菜单栏,且将鼠标模式变换为焦点模式。The display device according to claim 1, wherein when the focus mode is switched to the mouse mode, the menu bar is hidden; when the mouse is moved to the top of the display area, the menu bar is called up again, and the mouse mode is changed Change to focus mode.
  3. 根据权利要求2所述的显示设备,其特征在于,当鼠标移动到显示区域顶端时,重新调出所述菜单栏,且将鼠标模式变换为焦点模式。3. The display device according to claim 2, wherein when the mouse is moved to the top of the display area, the menu bar is called up again, and the mouse mode is changed to the focus mode.
  4. 根据权利要求1所述的显示设备,其特征在于,所述菜单栏包括标签栏,所述标签栏中包括用于添加新标签的第一按钮,当焦点移动到第一按钮位置时,该第一按钮的背景呈现预设状态。The display device according to claim 1, wherein the menu bar includes a tab bar, the tab bar includes a first button for adding a new label, and when the focus is moved to the first button position, the first button The background of a button presents a preset state.
  5. 根据权利要求4所述的显示设备,其特征在于,当用户打开多个标签时,用户通过遥控器的方向键左右移动焦点,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。The display device according to claim 4, wherein when the user opens multiple tabs, the user moves the focus left and right through the direction keys of the remote control to switch the currently active tab; wherein, each tab corresponds to a webpage window, The currently active tab corresponds to the currently displayed webpage window.
  6. 根据权利要求4所述的显示设备,其特征在于,当用户打开多个标签时, 用户通过遥控器的方向键左右移动焦点,所述当前活动标签不切换;用户通过遥控器点击确定所述焦点所在的标签,实现当前活动标签的切换;其中,每一标签对应一网页窗口,所述当前活动标签对应当前显示的网页窗口。The display device according to claim 4, wherein when the user opens multiple tabs, the user moves the focus left and right through the direction keys of the remote control, and the currently active tab does not switch; the user clicks on the remote control to confirm the focus The label where it is located realizes the switching of the current active label; wherein, each label corresponds to a webpage window, and the current active label corresponds to the currently displayed webpage window.
  7. 根据权利要求4所述的显示设备,其特征在于,所述标签栏中还包括用于删除标签的第二按钮,当焦点位于第二按钮,并且点击该第二按钮时,删除当前活动标签。4. The display device according to claim 4, wherein the label column further comprises a second button for deleting a label, and when the focus is on the second button and the second button is clicked, the currently active label is deleted.
  8. 根据权利要求7所述的显示设备,其特征在于,若删除一个标签,则其右边最近邻的一个标签置为当前活动标签;若删除的标签右侧没有标签时,把其左边的一个标签置为当前活动标签。The display device according to claim 7, wherein if a label is deleted, the nearest neighbor on the right is set as the current active label; if there is no label on the right of the deleted label, the label on the left is set Is the currently active label.
  9. 根据权利要求7或8所述的显示设备,其特征在于,若当前只剩下一个标签页时,并且点击所述第二按钮,则提示用户执行此操作会退出浏览器。The display device according to claim 7 or 8, characterized in that, if there is only one tab page left and the second button is clicked, the user is prompted to perform this operation and the browser will be exited.
  10. 一种用户界面的呈现方法,其特征在于,包括:A method for presenting a user interface, which is characterized in that it includes:
    根据用户指令确定焦点位置;Determine the focus position according to user instructions;
    当焦点位置位于所述菜单栏时,以焦点模式控制呈现用户界面;当焦点位置位于网页窗口时,以鼠标模式控制呈现用户界面。When the focus position is on the menu bar, the user interface is controlled in the focus mode; when the focus position is in the webpage window, the user interface is controlled in the mouse mode.
  11. 一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机可执行指令,所述计算机可执行指令用于使所述计算机执行权利要求9所述的方法。A computer storage medium, wherein the computer storage medium stores computer-executable instructions, and the computer-executable instructions are used to make the computer execute the method according to claim 9.
PCT/CN2020/077176 2020-01-16 2020-02-28 Display device, and method for presenting user interface WO2021142892A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010046744.2 2020-01-16
CN202010046744.2A CN111277907A (en) 2020-01-16 2020-01-16 Display device and presentation method of user interface

Publications (1)

Publication Number Publication Date
WO2021142892A1 true WO2021142892A1 (en) 2021-07-22

Family

ID=71001079

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/077176 WO2021142892A1 (en) 2020-01-16 2020-02-28 Display device, and method for presenting user interface

Country Status (2)

Country Link
CN (1) CN111277907A (en)
WO (1) WO2021142892A1 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114442872B (en) * 2020-10-19 2023-10-27 聚好看科技股份有限公司 Layout and interaction method of virtual user interface and three-dimensional display equipment
CN114296579A (en) * 2021-04-30 2022-04-08 海信视像科技股份有限公司 Display device and control method of user interface

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060164396A1 (en) * 2005-01-27 2006-07-27 Microsoft Corporation Synthesizing mouse events from input device events
CN102595224A (en) * 2011-11-01 2012-07-18 华为技术有限公司 Remote control method, remote controller, remote control response method and set top box
US20120210215A1 (en) * 2011-02-16 2012-08-16 Rovi Technologies Corporation Method and apparatus for providing networked assistance and feedback control for consumer electronic devices
CN103309555A (en) * 2012-10-31 2013-09-18 中兴通讯股份有限公司 Focus switching method and device based on multiple windows
CN103561338A (en) * 2013-10-30 2014-02-05 乐视致新电子科技(天津)有限公司 Instruction mode switching method and device based on intelligent television interface
CN104572950A (en) * 2014-12-30 2015-04-29 乐视致新电子科技(天津)有限公司 Memory release method for browser client and browser client
CN105578294A (en) * 2014-10-15 2016-05-11 优视科技有限公司 Browsing switching processing method, apparatus, and system
CN106708360A (en) * 2016-11-14 2017-05-24 乐视控股(北京)有限公司 Application interface switching method and device and electronic equipment

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102831155B (en) * 2012-06-29 2016-04-20 北京奇虎科技有限公司 A kind of micro image display packing of web page tag and device
CN103546822B (en) * 2013-10-30 2017-04-05 乐视致新电子科技(天津)有限公司 It is a kind of to be based on interface of intelligent television indicating mode switching method and apparatus
CN106155644B (en) * 2015-03-27 2019-07-23 中国科学院声学研究所 Webpage focal point control implementation method suitable for smart television browser

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060164396A1 (en) * 2005-01-27 2006-07-27 Microsoft Corporation Synthesizing mouse events from input device events
US20120210215A1 (en) * 2011-02-16 2012-08-16 Rovi Technologies Corporation Method and apparatus for providing networked assistance and feedback control for consumer electronic devices
CN102595224A (en) * 2011-11-01 2012-07-18 华为技术有限公司 Remote control method, remote controller, remote control response method and set top box
CN103309555A (en) * 2012-10-31 2013-09-18 中兴通讯股份有限公司 Focus switching method and device based on multiple windows
CN103561338A (en) * 2013-10-30 2014-02-05 乐视致新电子科技(天津)有限公司 Instruction mode switching method and device based on intelligent television interface
CN105578294A (en) * 2014-10-15 2016-05-11 优视科技有限公司 Browsing switching processing method, apparatus, and system
CN104572950A (en) * 2014-12-30 2015-04-29 乐视致新电子科技(天津)有限公司 Memory release method for browser client and browser client
CN106708360A (en) * 2016-11-14 2017-05-24 乐视控股(北京)有限公司 Application interface switching method and device and electronic equipment

Also Published As

Publication number Publication date
CN111277907A (en) 2020-06-12

Similar Documents

Publication Publication Date Title
US10613701B2 (en) Customizable bladed applications
WO2022156368A1 (en) Recommended information display method and apparatus
US8448074B2 (en) Method and apparatus for providing portioned web pages in a graphical user interface
RU2595519C2 (en) System and method for providing input interface of contact list
WO2019120008A1 (en) Smart television and method for displaying graphical user interface of television screen shot
US10798153B2 (en) Terminal apparatus and server and method of controlling the same
US20120023431A1 (en) Computing device, operating method of the computing device using user interface
WO2018040943A1 (en) Display data control method, device, and system
US20230394223A1 (en) Page jumping method, apparatus, and device, and storage medium and program product
US9052806B2 (en) User interface for presenting media items of social networking service in media reel
WO2022033104A1 (en) Page display method and display device
EP3436942A1 (en) Tabs in system task switchers
CN103370689A (en) Cross-environment application compatibility
US11868605B2 (en) Application bar display method and electronic device
KR20150016464A (en) Method and device for managing tap window indicating application group included heterogeneous applications
WO2021042680A1 (en) User interface display method and display device
WO2021142892A1 (en) Display device, and method for presenting user interface
WO2023061280A1 (en) Application program display method and apparatus, and electronic device
CN110992112A (en) Method and device for processing advertisement information
WO2022199454A1 (en) Display method and electronic device
CN102436344A (en) Context menu
WO2023005828A1 (en) Message display method and apparatus, and electronic device
JP5907713B2 (en) Display device, information terminal device, display method, program, and recording medium
CN113434065A (en) Information processing method and terminal
CN112148167A (en) Control setting method and device and electronic equipment

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: 20914652

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20914652

Country of ref document: EP

Kind code of ref document: A1