A cross-terminal focus control method and system
By using a cross-terminal focus control method and leveraging remote control buttons and component event listeners, the problem of inaccurate focus control on mid-screen devices was solved. This enabled precise positioning and custom control of dynamic card focus, improving user experience and reducing development complexity.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- E-SURFING DIGITAL LIFE TECH CO LTD
- Filing Date
- 2026-03-11
- Publication Date
- 2026-06-09
Smart Images
Figure CN122173185A_ABST
Abstract
Description
Technical Field
[0001] This invention belongs to the field of focus control technology, and in particular relates to a cross-terminal focus control method and system. Background Technology
[0002] With the rapid proliferation of smart devices, tablets, speakers, and other mid-screen devices have become important carriers for users' daily interactions. Their interfaces often utilize dynamic card technology to construct rich and diverse content display and functional interaction scenarios. Dynamic cards are developed based on Vue3 syntax and rendered as native components in the form of JavaScript artifacts through an execution engine and bridging mechanism. This achieves convenient cross-platform development and meets the needs of rapid content iteration and personalized display.
[0003] However, in native interfaces with multiple dynamic card containers, the smoothness and accuracy of focus control become a key bottleneck affecting user experience. Currently, focus switching mainly relies on button operations on a Bluetooth remote control, requiring precise jumps between multiple cards within different dynamic card containers and triggering corresponding focus and defocus rendering updates. However, existing technologies have significant limitations: on the one hand, the cross-container focus switching logic is chaotic, often resulting in incorrect jump targets, focus loss, or stuttering, especially when the container layout is complex or cards are dynamically loaded / deleted; on the other hand, the synchronization between focus state and native component rendering is poor, and visual feedback delays or inconsistencies easily occur after button operations, leading to a fragmented user experience.
[0004] Furthermore, existing solutions are mostly designed for single terminals or specific dynamic card scenarios, lacking a unified cross-terminal focus control framework. This makes it difficult to adapt to the screen sizes, interaction logic, and performance characteristics of different devices, increasing development and maintenance costs. These problems severely restrict the application experience of dynamic card technology in multi-terminal scenarios, necessitating an efficient and stable cross-terminal focus control technology to solve these issues. Summary of the Invention
[0005] In view of the shortcomings of the prior art, the purpose of the invention is to provide a cross-terminal focus control method and system, which solves the technical problems of inaccurate focus positioning, inflexible focus control, and poor focus switching performance in the prior art when using remote control to operate the central screen device. It realizes accurate dynamic card focus positioning and customized control, effectively improving the user experience.
[0006] A first aspect of the present invention provides a cross-terminal focus control method, comprising: When a user is received to set the initial state of the dynamic card container properties, the initial state of the dynamic card container properties is set to only allow the dynamic card container to be focused. When the user triggers a focus change operation via a button on the remote control, the system searches for the first dynamic card container on the terminal and focuses on it. When a user's operation to modify the state of the first dynamic card container is received, the property of the first dynamic card container is modified to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle; During the focus change lifecycle, perform interactive processing of the defocus event of the component in the first dynamic card or the focus event of the component in the second dynamic card; Listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card. The remote control includes the following buttons: up, down, left, and right.
[0007] Furthermore, in the aforementioned cross-terminal focus control method, the interactive processing of the out-of-focus event of a component within the first dynamic card includes: When the focus is on an interactive element at the edge of the first dynamic card container, the user's operation of changing the focus via a remote control button is received; The focus shifts to the second dynamic card container surrounding the first dynamic card container; The properties of the first dynamic card container and the interactive elements within the first dynamic card container are restored to their initial state.
[0008] Furthermore, in the aforementioned cross-terminal focus control method, the interaction processing of the focus event of the component within the second dynamic card includes: When the first dynamic card container loses focus, the focus switches to the default element of the second dynamic card container; When a user triggers a focus change via a button on a remote control, the focus is switched from the default element of the second dynamic card container to the target element.
[0009] Furthermore, the aforementioned cross-terminal focus control method also includes: When focusing on a component within the second dynamic card, the system receives an operation from the user that triggers a focus change via a button on the remote control; Intercept the next target dynamic card after the default focus switch is switched, and then customize the focus switch to switch.
[0010] Furthermore, in the aforementioned cross-terminal focus control method, listening to the defocus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and updating the style of the corresponding dynamic card component, includes: If a component in the first dynamic card is detected to be out of focus, update the style of the component in the first dynamic card to match the style of the component that was out of focus. Alternatively, listen for the focus event of a component within the second dynamic card and update the style of the component within the second dynamic card to match the style of the component that triggered the focus event.
[0011] Furthermore, the aforementioned cross-terminal focus control method also includes: Each component within the dynamic card has a built-in active focus method, which is used to customize the focus switching.
[0012] Furthermore, in the aforementioned cross-terminal focus control method, the active focus method for customizing focus switching includes: When the first component actively calls the active focus method, the current focus is switched to the first component.
[0013] A second aspect of the present invention also proposes a cross-terminal focus control system, comprising: Settings module: When receiving an operation from a user to set the initial state of the dynamic card container's properties, the module sets the initial state of the dynamic card container's properties to only allow the dynamic card container to be focused. The search module is used to focus the first dynamic card container of the search terminal when it receives a focus change operation triggered by the user through the button of the remote control. Modify module: When it receives an operation from a user to modify the state of the first dynamic card container, it modifies the property of the first dynamic card container to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle; Execution module: Used to perform interactive processing of the out-of-focus event of the component in the first dynamic card or the focus event of the component in the second dynamic card during the focus change lifecycle; Listener module: Used to listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card. The remote control includes the following buttons: up, down, left, and right.
[0014] A third aspect of the present invention also provides an electronic device comprising: a processor and a memory; The processor executes any of the above cross-terminal focus control methods by calling programs or instructions stored in memory.
[0015] In a fourth aspect, the present invention also provides a computer-readable storage medium that stores a program or instructions that cause a computer to perform any of the above-mentioned cross-terminal focus control methods.
[0016] The beneficial effects of this invention are as follows: 1) A method to achieve cross-terminal focus control by controlling the focus attributes of containers and elements within containers, the lifecycle of focus changes, listening to remote control button events, and active focus methods of components.
[0017] 2) It can not only significantly improve the ease of operation and smoothness of dynamic card interface, but also reduce the development complexity of cross-terminal focus control, provide reliable technical support for dynamic interaction scenarios of mid-screen devices, and promote the further application and development of dynamic card technology in multi-terminal fields.
[0018] 3) Overcome the problems of inaccurate focus switching, poor smoothness, difficulty in cross-terminal adaptation and state synchronization delay in existing technologies in multi-dynamic card container scenarios, and achieve accurate, efficient and seamless focus switching between different dynamic card containers and different dynamic cards. Attached Figure Description
[0019] The accompanying drawings are for illustrative purposes only and are not intended to limit the invention. Throughout the drawings, the same reference numerals denote the same parts. It is obvious that the drawings described below are merely some embodiments of the present invention, and those skilled in the art can obtain other drawings based on these drawings.
[0020] Figure 1 This is a schematic diagram of a cross-terminal focus control method provided in an embodiment of the present invention; Figure 2 A schematic diagram illustrating an interactive processing method for handling out-of-focus events of components within a first dynamic card, provided by an embodiment of the present invention; Figure 3 A schematic diagram illustrating an interactive processing method for executing focus events of components within a second dynamic card, provided by an embodiment of the present invention; Figure 4 A schematic diagram illustrating another method for focusing components within a second dynamic card, provided as an embodiment of the present invention; Figure 5 A schematic diagram of a cross-terminal focus control system provided in an embodiment of the present invention; Figure 6 This is a schematic block diagram of an electronic device provided in an embodiment of the present invention. Detailed Implementation
[0021] To enable those skilled in the art to better understand the technical solutions in the embodiments of the present invention, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, not all embodiments. It should be understood that these descriptions are merely exemplary and are not intended to limit the scope of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of the present invention.
[0022] Furthermore, descriptions of well-known structures and techniques are omitted in the following description to avoid unnecessarily obscuring the concepts disclosed in this invention.
[0023] In the description of this invention, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance. The terms "installed," "connected," and "linked" should be interpreted broadly; for example, they can refer to a fixed connection, a detachable connection, or an integral connection; they can refer to a mechanical connection or an electrical connection; they can refer to a direct connection or an indirect connection through an intermediate medium; and they can refer to the internal connection of two components. Those skilled in the art will understand the specific meaning of the above terms in this invention based on the specific circumstances.
[0024] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numerals in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Rather, they are merely examples of methods and systems consistent with some aspects of the invention as detailed in the appended claims.
[0025] This invention proposes a cross-terminal focus control method, system, electronic device, and storage medium, which solves the technical problems existing in the prior art when using a remote control to operate a mid-screen device, such as inaccurate focus positioning, inflexible focus control, and poor focus switching performance. It realizes accurate dynamic card focus positioning and customized control, effectively improving the user experience.
[0026] Before introducing the embodiments of the present invention, the technical terms involved in the present invention will be introduced first.
[0027] Vue is a JavaScript framework for building user interfaces. It is built on standard HTML, CSS, and JavaScript, and provides a declarative, component-based programming model to help developers efficiently create user interfaces.
[0028] JavaScript is an interpreted scripting language that is also a dynamically typed, weakly typed, prototype-based language with built-in type support.
[0029] Dynamic cards are lightweight, highly interactive dynamic UI components, primarily designed for terminal devices (such as tablets, speakers, and smart terminals). They flexibly combine content in a modular fashion and respond in real-time to user actions or data changes. Their core logic involves using card containers to hold independent functional or information units, supporting dynamic rendering, status updates, and cross-application interaction.
[0030] Method Implementation Examples In a first aspect, the present invention proposes a cross-terminal focus control method, combining Figure 1 It includes five steps, S1 to S5: S1: When receiving an operation from the user to set the initial state of the dynamic card container properties, set the initial state of the dynamic card container properties to only open the dynamic card container for focus.
[0031] Specifically, in this embodiment of the invention, the user's operation of setting the initial state of the dynamic card container attributes can be a user click operation. The state of only enabling the dynamic card container to be focused includes the following two: the outermost container of the dynamic card can be focused and the container inside the dynamic card cannot be focused.
[0032] For example, when a user clicks to set the initial state of the dynamic card container properties, the initial state of the dynamic card container properties is set so that the outermost container of some dynamic card containers is allowed to focus and the containers inside some dynamic cards are not allowed to focus.
[0033] S2: When the user triggers a focus change operation via a button on the remote control, the system searches for the first dynamic card container on the terminal and focuses on it.
[0034] Specifically, in this embodiment of the invention, the user can trigger the focus change operation by pressing the buttons on the remote control, such as the up button, down button, left button, and right button on the remote control. The first dynamic card container is the target dynamic card container that the user wants to focus on.
[0035] For example, when a user triggers a focus change operation by pressing the up and left buttons on the remote control, the terminal searches for the target dynamic card container that the user wants to focus on and focuses on the target dynamic card container.
[0036] S3: When the user's operation to modify the state of the first dynamic card container is received, the property of the first dynamic card container is modified to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle.
[0037] Specifically, in this embodiment of the invention, the user's operation to modify the state of the first dynamic card container's attributes can also be a user's click operation. The state of enabling focus on interactive elements within the dynamic card container includes the following two types: interactive elements within the dynamic card container are allowed to focus and interactive elements within the dynamic card container are not allowed to focus. The focus change lifecycle is triggered by listening to the focus change of the native view and triggering the onFocusChanged function, so that card developers can listen to the current focus state of the card.
[0038] For example, when a user clicks to modify the state of the first dynamic card container, the property of the first dynamic card container is changed to allow some interactive elements within the dynamic card container to be focused, while allowing some interactive elements to be unfocused, thus triggering the onFocusChanged function.
[0039] S4: During the focus change lifecycle, perform interactive processing of the defocus event of the component in the first dynamic card or the focus event of the component in the second dynamic card.
[0040] Specifically, in this embodiment of the invention, when the focus changes, the corresponding notification function is triggered. In the onFocusChanged function, the interaction processing of the out-of-focus event of the component in the first dynamic card is executed to trigger the onFocusChanged(false) function, and the interaction processing of the focus event of the component in the second dynamic card is executed to trigger the onFocusChanged(true) function. The specific interaction processing steps of the focus event and the out-of-focus event are described in detail below.
[0041] For example, within the onFocusChanged function, the interaction handling of the out-of-focus event of the component in the first dynamic card triggers the onFocusChanged(false) function, and the interaction handling of the focus event of the component in the second dynamic card triggers the onFocusChanged(true) function.
[0042] S5: Listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card.
[0043] Specifically, in this embodiment of the invention, when one card is focused, another card will be out of focus. The first dynamic card that is currently focused will be out of focus first, and the second dynamic card that is to be focused will be focused again. The onFocusChanged function of the first dynamic card and the second dynamic card will be triggered in turn. During the interaction processing of the focus event or the out-of-focus event, the callback value of the onFocusChanged(true / false) function is used to determine whether it is a focus event or an out-of-focus event, and the style of the component in the corresponding dynamic card is updated.
[0044] For example, the callback value (true / false) of the onFocusChanged function can be used to determine whether it is a focus event or a defocus event, and the style of the corresponding component in the dynamic card can be updated.
[0045] Furthermore, in the aforementioned cross-terminal focus control method, the interactive processing of the defocus event of the component within the first dynamic card is performed, combined with... Figure 2 It includes three steps, S21 to S23: S21: When the focus is on an interactive element at the edge of the first dynamic card container, the user's operation of changing the focus is received via a button on the remote control; S22: Focus switches to the second dynamic card container surrounding the first dynamic card container; S23: The properties of the first dynamic card container and the interactive elements within the first dynamic card container are restored to their initial state.
[0046] Specifically, in this embodiment of the invention, when the focus is on an interactive element at the edge of one of the dynamic card containers, and the user presses the up, down, left, or right buttons on the remote control, the focus will switch to another dynamic card container surrounding the current container. The attributes of the current dynamic card container and the interactive elements within it will be restored to their initial state. The initial state of the dynamic card container is that only the first container within the dynamic card can be focused, and the other containers within the dynamic card cannot be focused. The initial state of the interactive elements within the dynamic card container can be: recoloring the text.
[0047] For example, when the focus is on an interactive element at the edge of one of the dynamic card containers, and the user presses the up and right buttons on the remote control, the focus will switch to a dynamic card container above and to the right of the current container. The properties of the current dynamic card container and the interactive elements within it will be restored to their initial state. The initial state of the dynamic card container is that only the first container within the dynamic card can be focused. The initial state of the interactive elements within the dynamic card container can be: resetting the text color, such as some custom attribute values defined by the developer after the dynamic card is focused, such as changing the text color after focusing and resetting the dynamic card text color after losing focus.
[0048] Furthermore, in the aforementioned cross-terminal focus control method, the interactive processing of the focus event of the component within the second dynamic card is performed, combined with... Figure 3 It includes two steps, S31 and S32: S31: When the first dynamic card container loses focus, the focus switches to the default element of the second dynamic card container; S32: When the user triggers a focus change operation via a button on the remote control, the focus is switched from the default element of the second dynamic card container to the target element.
[0049] Specifically, in this embodiment of the invention, the first dynamic card that is currently in focus first loses focus, and the second dynamic card that is to be focused then refocuses. The onFocusChanged(false) function of the first dynamic card and the onFocusChanged(true) function of the second dynamic card are triggered in sequence. When the onFocusChanged(true) function of the second dynamic card is triggered, the focus first switches to the default element of the second dynamic card container. The focus is then switched from the default element of the second dynamic card container to the target element by controlling the remote control.
[0050] For example, the first dynamic card A, which is currently in focus, first loses focus, and the second dynamic card B, which is to be focused, then refocuses. The onFocusChanged(false) function of the first dynamic card A and the onFocusChanged(true) function of the second dynamic card B are triggered in turn. When the onFocusChanged(true) function of the second dynamic card B is triggered, the focus first switches to the default element of the second dynamic card container, such as element C. By controlling the buttons of the remote control, the focus is switched to the target element, such as element D, from the default element of the second dynamic card container.
[0051] Furthermore, the aforementioned cross-terminal focus control method, combined with Figure 4 It also includes two steps, S41 and S42: S41: When focusing on a component within the second dynamic card, receive an operation from the user that triggers a focus change via a button on the remote control; S42: Intercept the next target dynamic card after the default focus switch is switched, and then control the focus switch according to custom settings.
[0052] Specifically, in this embodiment of the invention, when focusing on a component within the second dynamic card, the next target dynamic card after the default focus switch is intercepted by controlling the buttons on the remote control. The custom focus control consists of nextFocusDown, nextFocusLeft, nextFocusUp, and nextFocusRight. By controlling the focus switch through these four APIs, the interception of the next target dynamic card after the default focus switch improves the accuracy of focus control.
[0053] Furthermore, in the aforementioned cross-terminal focus control method, listening to the defocus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and updating the style of the corresponding dynamic card component, includes: If a component in the first dynamic card is detected to be out of focus, update the style of the component in the first dynamic card to match the style of the component that was out of focus. Alternatively, listen for the focus event of a component within the second dynamic card and update the style of the component within the second dynamic card to match the style of the component that triggered the focus event.
[0054] Specifically, in this embodiment of the invention, the callback value onFocusChanged(false) of the out-of-focus event of the component in the first dynamic card is listened to through the onFocusChanged function, and the style of the component in the first dynamic card is updated to the style of the component in the out-of-focus event. The callback value onFocusChanged(true) of the focus event of the component in the second dynamic card is listened to through the onFocusChanged function, and the style of the component in the second dynamic card is updated to the style of the component in the focus event, so as to distinguish between focus and out-of-focus states.
[0055] Furthermore, the aforementioned cross-terminal focus control method also includes: Each component within a dynamic card has a built-in active focus method, which is used to customize the focus switching.
[0056] Specifically, in this embodiment of the invention, the active focus method is the requestFocus function, which can be actively called by the component at an appropriate time to implement custom control of focus switching. The appropriate time is, for example, when the focus change lifecycle is triggered, or when the business logic determines that the dynamic card needs to be actively focused at a certain moment.
[0057] For example, based on business logic, it can be determined that the current dynamic card needs to be actively focused, and the focus switching can be customized by calling the requestFocus function.
[0058] Furthermore, in the aforementioned cross-terminal focus control method, the active focus method for customizing focus switching includes: When the first component actively calls the active focus method, the current focus is switched to the first component.
[0059] Specifically, in this embodiment of the invention, the first component can be any component within the dynamic card. When the first component actively calls the requestFocus function, the current focus will be switched to this component, thus improving the efficiency of focus switching.
[0060] For example, when the F component in the dynamic card actively calls the requestFocus function, the current focus will be switched to the F component.
[0061] System Implementation Examples In a second aspect, the present invention also proposes a cross-terminal focus control system, combined with Figure 5 ,include: Setting module 51: When receiving an operation from the user to set the initial state of the dynamic card container properties, it sets the initial state of the dynamic card container properties to only allow the dynamic card container to be focused.
[0062] Specifically, in this embodiment of the invention, the user's operation of setting the initial state of the dynamic card container attributes can be a user click operation. The state of only enabling the dynamic card container to be focused includes the following two: the outermost container of the dynamic card can be focused and the container inside the dynamic card cannot be focused.
[0063] For example, when a user clicks to set the initial state of the dynamic card container properties, the setting module 51 sets the initial state of the dynamic card container properties to allow focus on the outermost container of some dynamic card containers and disallow focus on the containers inside some dynamic cards.
[0064] The search module 52 is used to focus the first dynamic card container of the search terminal when it receives an operation that triggers a focus change by the user through the button of the remote control.
[0065] Specifically, in this embodiment of the invention, the user can trigger the focus change operation by pressing the up, down, left and right buttons on the remote control. The search module 52 searches for the first dynamic card container of the terminal and focuses on it. The first dynamic card container is the target dynamic card container that the user wants to focus on.
[0066] For example, when the user triggers a focus change operation by pressing the up and left buttons on the remote control, the search module 52 searches for the target dynamic card container that the user wants to focus on and focuses on it so that the focus is on the target dynamic card container.
[0067] Modify module 53: When receiving an operation from a user to modify the state of the first dynamic card container, modify the property of the first dynamic card container to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle.
[0068] Specifically, in this embodiment of the invention, the user's operation to modify the state of the first dynamic card container's attributes can also be a user's click operation. The state of enabling focus on interactive elements within the dynamic card container includes the following two types: interactive elements within the dynamic card container are allowed to focus and interactive elements within the dynamic card container are not allowed to focus. The focus change lifecycle is triggered by listening to the focus change of the native view and triggering the onFocusChanged function, so that card developers can listen to the current focus state of the card.
[0069] For example, when a user clicks to modify the state of the first dynamic card container, the modification module 53 modifies the property of the first dynamic card container to make some interactive elements within the dynamic card container focusable and some interactive elements unfocusable, triggering the onFocusChanged function.
[0070] Execution module 54: Used to perform interactive processing of the defocus event of the component in the first dynamic card or the focus event of the component in the second dynamic card during the focus change lifecycle.
[0071] Specifically, in this embodiment of the invention, when the focus changes, the corresponding notification function is triggered. In the onFocusChanged function, the execution module 54 executes the interaction processing of the out-of-focus event of the component in the first dynamic card to trigger the onFocusChanged(false) function, and executes the interaction processing of the focus event of the component in the second dynamic card to trigger the onFocusChanged(true) function.
[0072] For example, within the onFocusChanged function, the execution module 54 performs interactive processing of the out-of-focus event of the component in the first dynamic card, triggering the onFocusChanged(false) function, and performs interactive processing of the focus event of the component in the second dynamic card, triggering the onFocusChanged(true) function.
[0073] Listener module 55: Used to listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card.
[0074] Specifically, in this embodiment of the invention, when one card is focused, another card will be out of focus. The first dynamic card that is currently focused will be out of focus first, and the second dynamic card that is to be focused will be focused again. The listening module 55 will trigger the onFocusChanged function of the first dynamic card and the second dynamic card in turn. During the interaction processing of focus event or out-of-focus event, the callback value of the onFocusChanged(true / false) function will be used to determine whether it is a focus event or an out-of-focus event, and the style of the component in the corresponding dynamic card will be updated.
[0075] For example, the callback value (true / false) of the onFocusChanged function can be used to determine whether it is a focus event or a defocus event, and the style of the corresponding component in the dynamic card can be updated.
[0076] The remote control includes the following buttons: up, down, left, and right.
[0077] A third aspect of the present invention also provides an electronic device comprising: a processor and a memory; The processor executes any of the above cross-terminal focus control methods by calling programs or instructions stored in memory.
[0078] In a fourth aspect, the present invention also provides a computer-readable storage medium that stores a program or instructions that cause a computer to perform any of the above-mentioned cross-terminal focus control methods.
[0079] Figure 6 This is a schematic block diagram of an electronic device provided in an embodiment of the present invention.
[0080] like Figure 6 As shown, the electronic device includes at least one processor 601, at least one memory 602, and at least one communication interface 603. The various components of the electronic device are coupled together via a bus system 604. The communication interface 603 is used for information transmission with external devices. It is understood that the bus system 604 is used to implement communication between these components. In addition to a data bus, the bus system 604 also includes a power bus, a control bus, and a status signal bus. However, for clarity, ... Figure 6 The general designated all buses as Bus System 604.
[0081] It is understood that the memory 602 in this embodiment may be volatile memory or non-volatile memory, or may include both volatile and non-volatile memory.
[0082] In some implementations, memory 602 stores elements such as executable units or data structures, or subsets thereof, or extended sets thereof: operating systems and applications.
[0083] The operating system includes various system programs, such as the framework layer, core library layer, and driver layer, used to implement various basic business functions and handle hardware-based tasks. The application programs include various applications, such as media players and browsers, used to implement various application functions. A program implementing any method in the cross-terminal focus control method provided in this embodiment of the invention can be included in the application programs.
[0084] In this embodiment of the invention, the processor 601 executes the steps of various embodiments of the cross-terminal focus control method provided by the present invention by calling the program or instructions stored in the memory 602, specifically, the program or instructions stored in the application program.
[0085] When a user is received to set the initial state of the dynamic card container properties, the initial state of the dynamic card container properties is set to only allow the dynamic card container to be focused. When the user triggers a focus change operation via a button on the remote control, the system searches for the first dynamic card container on the terminal and focuses on it. When a user's operation to modify the state of the first dynamic card container is received, the property of the first dynamic card container is modified to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle; During the focus change lifecycle, perform interactive processing of the defocus event of the component in the first dynamic card or the focus event of the component in the second dynamic card; Listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card. The remote control includes the following buttons: up, down, left, and right.
[0086] Any method in the cross-terminal focus control method provided in this embodiment of the invention can be applied to, or implemented by, processor 601. Processor 601 can be an integrated circuit chip with signal processing capabilities. During implementation, each step of the above method can be completed by integrated logic circuits in the hardware of processor 601 or by instructions in software form. The processor 601 can be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. The general-purpose processor can be a microprocessor or any conventional processor.
[0087] The steps of any method in the cross-terminal focus control method provided in this embodiment of the invention can be directly implemented by a hardware decoding processor, or implemented by a combination of hardware and software units in the decoding processor. The software units can reside in random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, registers, or other mature storage media in the art. This storage medium is located in memory 602, and processor 601 reads the information in memory 602 and combines it with hardware to complete the steps of the method.
[0088] Those skilled in the art will understand that although some embodiments described herein include certain features included in other embodiments but not others, combinations of features from different embodiments are meant to be within the scope of the invention and form different embodiments.
[0089] Those skilled in the art will understand that the descriptions of the various embodiments have different focuses, and for parts not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.
[0090] Although embodiments of the invention have been described in conjunction with the accompanying drawings, those skilled in the art can make various modifications and variations without departing from the spirit and scope of the invention, and all such modifications and variations fall within the scope defined by the appended claims.
[0091] The above are merely specific embodiments of the present invention, but the scope of protection of the present invention is not limited thereto. Any person skilled in the art can easily conceive of various equivalent modifications or substitutions within the technical scope disclosed in the present invention, and these modifications or substitutions should all be covered within the scope of protection of the present invention. Therefore, the scope of protection of the present invention should be determined by the scope of the claims.
Claims
1. A cross-terminal focus control method, characterized in that, include: When a user is received to set the initial state of the dynamic card container properties, the initial state of the dynamic card container properties is set to only allow the dynamic card container to be focused. When the user triggers a focus change operation via a button on the remote control, the system searches for the first dynamic card container on the terminal and focuses on it. When a user's operation to modify the state of the first dynamic card container is received, the property of the first dynamic card container is modified to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle; During the focus change lifecycle, perform interactive processing of the defocus event of the component in the first dynamic card or the focus event of the component in the second dynamic card; Listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card. The remote control includes the following buttons: up, down, left, and right.
2. The cross-terminal focus control method according to claim 1, characterized in that, Perform interactive handling of the out-of-focus event of the component within the first dynamic card, including: When the focus is on an interactive element at the edge of the first dynamic card container, the user's operation of changing the focus via a remote control button is received; The focus shifts to the second dynamic card container surrounding the first dynamic card container; The properties of the first dynamic card container and the interactive elements within the first dynamic card container are restored to their initial state.
3. The cross-terminal focus control method according to claim 1, characterized in that, Perform interactive handling of focus events for components within the second dynamic card, including: When the first dynamic card container loses focus, the focus switches to the default element of the second dynamic card container; Upon receiving a user's action to change the focus via a button on the remote control, the focus is switched from the default element of the second dynamic card container to the target element.
4. The cross-terminal focus control method according to claim 1, characterized in that, The method further includes: When focusing on a component within the second dynamic card, the system receives an operation from the user that triggers a focus change via a button on the remote control; Intercept the next target dynamic card after the default focus switch is switched, and then customize the focus switch to switch.
5. The cross-terminal focus control method according to claim 1, characterized in that, The process of listening for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and updating the style of the corresponding dynamic card component, includes: If a component in the first dynamic card is detected to be out of focus, update the style of the component in the first dynamic card to match the style of the component that was out of focus. Alternatively, listen for the focus event of a component within the second dynamic card and update the style of the component within the second dynamic card to match the style of the component that triggered the focus event.
6. The cross-terminal focus control method according to claim 1, characterized in that, The method further includes: Each component within the dynamic card has a built-in active focus method, which is used to customize the focus switching.
7. The cross-terminal focus control method according to claim 6, characterized in that, The active focusing method for customizing focus switching includes: When the first component actively calls the active focus method, the current focus is switched to the first component.
8. A cross-terminal focus control system, characterized in that, include: Settings module: When receiving an operation from a user to set the initial state of the dynamic card container's properties, the module sets the initial state of the dynamic card container's properties to only allow the dynamic card container to be focused. The search module is used to focus the first dynamic card container of the search terminal when it receives a focus change operation triggered by the user through the button of the remote control. Modify module: When it receives an operation from a user to modify the state of the first dynamic card container, it modifies the property of the first dynamic card container to make the interactive elements within the dynamic card container focusable, triggering the focus change lifecycle; Execution module: Used to perform interactive processing of the out-of-focus event of the component in the first dynamic card or the focus event of the component in the second dynamic card during the focus change lifecycle; Listener module: Used to listen for the out-of-focus event of a component in the first dynamic card or the focus event of a component in the second dynamic card, and update the style of the corresponding component in the dynamic card. The remote control includes the following buttons: up, down, left, and right.
9. An electronic device, characterized in that, include: Processor and memory; The processor executes a cross-terminal focus control method as described in any one of claims 1 to 7 by calling programs or instructions stored in the memory.
10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a program or instructions that cause the computer to perform a cross-terminal focus control method as described in any one of claims 1 to 7.