IP Library › Granted Patent US 12,524,253
Granted Patent B2
US 12,524,253 · App. 18/284,141 · Granted Jan 13, 2026

Page configuration method, page configuration system, electronic device, and readable storage medium

Inventors: Mingming Yang (Beijing, CN); Haixia Zhao (Beijing, CN); Yong Sun (Beijing, CN)
Assignee: BOE TECHNOLOGY GROUP CO., LTD.
G06F9/451
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 12,524,253
App. No.
18/284,141
Granted
Jan 13, 2026
Kind
B2
Abstract

The present disclosure provides a page configuration method, a page configuration system, an electronic device and a readable storage medium. The page configuration method includes: generating, by the control device, a visualized configuration page; obtaining, by the control device, a display state of a control in the configuration page; generating, by the control device, a control parameter in accordance with the display state, the control parameter including a distance between the display position of the control and each boundary of the configuration page, and a ratio of the display size to a size of the configuration page; transmitting, by the control device, the control parameter to the terminal device; and determining, by the terminal device, a display state of the control in the terminal device in accordance with a display parameter of the terminal device and the control parameter.

Claims (50)

1 . A page configuration method for a page configuration system, the page configuration system comprising a control device and a terminal device in communication with the control device, the page configuration method comprising:

generating, by the control device, a visualized configuration page;

obtaining, by the control device, a display state of a control in the configuration page, the display state comprising a display position and a display size of the control;

generating, by the control device, a control parameter in accordance with the display state, the control parameter comprising a distance between the display position of the control and each boundary of the configuration page, and a ratio of the display size to a size of the configuration page;

transmitting, by the control device, the control parameter to the terminal device; and

determining, by the terminal device, a display state of the control in the terminal device in accordance with a display parameter of the terminal device and the control parameter,

wherein subsequent to generating, by the control device, the control parameter in accordance with the display state, the page configuration method further comprises:

obtaining, by the control device, attribute information about the control, the attribute information comprising at least one of a binding relationship between the control and a functional interface and a correspondence between the control and a control event; and

adding, by the control device, the attribute information about the control into the control parameter.

2 . An electronic device, comprising a memory, a processor, and a program stored in the memory and executed by the processor, wherein the processor is configured to read the program in the memory so as to implement the page configuration method according to claim 1 .

3 . A non-transitory readable storage medium storing therein a program, wherein the program is executed by a processor so as to implement the page configuration method according to claim 1 .

4 . A page configuration method for a control device in a page configuration system, the page configuration system comprising the control device and a terminal device in communication with the control device, the page configuration method comprising:

generating a visualized configuration page;

obtaining a display state of a control in the configuration page;

generating a control parameter in accordance with the display state, the control parameter comprising a distance between a display position of the control and each boundary of the configuration page, and a ratio of a display size to a size of the configuration page; and

transmitting the control parameter to the terminal device so that the terminal device determines a display state of the control in the terminal device in accordance with a display parameter of the terminal device and the control parameter,

wherein subsequent to generating the control parameter in accordance with the display state, the page configuration method further comprises:

obtaining attribute information about the control, the attribute information comprising at least one of a binding relationship between the control and a functional interface and a correspondence between the control and a control event; and

adding the attribute information about the control into the control parameter.

5 . The page configuration method according to claim 4 , wherein the control comprises a first control and a second control, wherein prior to obtaining the display state of the control in the configuration page, the page configuration method further comprises:

in the case that a display instruction for displaying the second control on the configuration page has been received, obtaining a first coordinate parameter, the first coordinate parameter being determined in accordance with a position of the first control on the configuration page or a preset reference position on the configuration page;

determining a second coordinate parameter of the second control in accordance with an adjustment instruction for the second control;

updating the second coordinate parameter with a target coordinate parameter in the first coordinate parameter in the case that a difference between the target coordinate parameter and a corresponding second coordinate parameter is less than a preset difference threshold; and

updating a position of the second control in accordance with the updated second coordinate parameter.

6 . The page configuration method according to claim 5 , wherein the preset reference position comprises a plurality of reference mark lines.

7 . The page configuration method according to claim 4 , wherein the control parameter is stored in a json file.

8 . A control device in a page configuration system, comprising a memory, a processor, and a program stored in the memory and executed by the processor, wherein the processor is configured to read the program in the memory so as to implement the page configuration method according to claim 4 .

9 . The control device according to claim 8 , wherein the control comprises a first control and a second control, wherein prior to obtaining the display state of the control in the configuration page, the processor is configured to read the program in the memory, so as to:

in the case that a display instruction for displaying the second control on the configuration page has been received, obtain a first coordinate parameter, the first coordinate parameter being determined in accordance with a position of the first control on the configuration page or a preset reference position on the configuration page;

determine a second coordinate parameter of the second control in accordance with an adjustment instruction for the second control;

update the second coordinate parameter with a target coordinate parameter in the first coordinate parameter in the case that a difference between the target coordinate parameter and a corresponding second coordinate parameter is less than a preset difference threshold; and

update a position of the second control in accordance with the updated second coordinate parameter.

10 . The control device according to claim 9 , wherein the preset reference position comprises a plurality of reference mark lines.

11 . The control device according to claim 8 , wherein the control parameter is stored in a json file.

12 . A non-transitory readable storage medium storing therein a program, wherein the program is executed by a processor so as to implement the page configuration method according to claim 4 .

13 . The non-transitory readable storage medium according to claim 12 , wherein the control comprises a first control and a second control, wherein prior to obtaining the display state of the control in the configuration page, the processor is configured to read the program so as to:

in the case that a display instruction for displaying the second control on the configuration page has been received, obtain a first coordinate parameter, the first coordinate parameter being determined in accordance with a position of the first control on the configuration page or a preset reference position on the configuration page;

determine a second coordinate parameter of the second control in accordance with an adjustment instruction for the second control;

update the second coordinate parameter with a target coordinate parameter in the first coordinate parameter in the case that a difference between the target coordinate parameter and a corresponding second coordinate parameter is less than a preset difference threshold; and

update a position of the second control in accordance with the updated second coordinate parameter.

14 . A page configuration method for a terminal device in a page configuration system, the page configuration system comprising a control device and the terminal device in communication with the control device, the page configuration method comprising:

receiving a control parameter from the control device, the control parameter being generated by the control device in accordance with a display state of a control in a configuration page, and the control parameter comprising a distance between a display position of the control and each boundary of the configuration page, and a ratio of a display size to a size of the configuration page; and

determining a display state of the control in the terminal device in accordance with a display parameter of the terminal device and the control parameter,

wherein the determining the display state of the control in the terminal device in accordance with the display parameter of the terminal device and the control parameter comprises:

obtaining the display parameter of the terminal device, the display parameter comprising a size of a display interface of the terminal device;

calculating a display size of the control in the terminal device in accordance with the display parameter and the control parameter, a first display ratio of the control being equal to a second display ratio of the control, the first display ratio being a ratio of the display size of the control in the display interface to the size of the display interface, and the second display ratio being a ratio of the display size of the control in the configuration page to the size of the configuration page;

calculating a display position of the control in the terminal device in accordance with the display parameter and the control parameter, a third display ratio of the control being equal to a fourth display ratio of the control, the third display ratio being a ratio of a first distance to a second distance, the first distance being a distance between the control and a boundary of the display interface, the second distance being the size of the display interface, the fourth display ratio being a ratio of a third distance to a fourth distance, the third distance being a distance between the control and the boundary of the configuration page, and the second distance being the size of the configuration page; and

generating the display state of the control in the terminal device, the display state of the control in the terminal device comprising the display size and the display position of the control in the terminal device.

15 . A terminal device in a page configuration system, comprising a memory, a processor, and a program stored in the memory and executed by the processor, wherein the processor is configured to execute the program in the memory, so as to implement the page configuration method according to claim 14 .

16 . A non-transitory storage medium storing therein a program, wherein the program is executed by a processor so as to implement the page configuration method according to claim 14 .

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 26, 2023
From: YANG, MINGMING; ZHAO, HAIXIA; SUN, YONG
To: BOE TECHNOLOGY GROUP CO., LTD.
Reel/Frame 065026/0667 →
Priority Claims (1)
CN 202210099869.0 · Jan 27, 2022 · national
Continuity (1)
Related Publication 20240160454A1 · May 16, 2024
References Cited (15)
US 7571391B2 · Roessler · 2009 [cited by examiner]
US 11288082B1 · Phoutchanthavongsa · 2022 [cited by examiner]
US 20080141161A1 · Raven · 2008 [cited by examiner]
US 20100058185A1 · Commarford · 2010 [cited by examiner]
US 20170123642A1 · Raveh · 2017 [cited by examiner]
US 20170131853A1 · Keller · 2017 [cited by examiner]
US 20170131883A1 · Raveh · 2017 [cited by examiner]
US 20180121044A1 · Watkins · 2018 [cited by examiner]
US 20200357007A1 · Li · 2020 [cited by applicant]
US 20210216700A1 · Li · 2021 [cited by examiner]
CN 110096277A · 2019 [cited by applicant]
CN 111061978A · 2020 [cited by applicant]
CN 113032083A · 2021 [cited by applicant]
CN 113626120A · 2021 [cited by applicant]
CN 114489620A · 2022 [cited by applicant]