Multi-person horizontal and vertical smooth scrolling technology method and system for family calendar

Abstract

The application provides a household calendar multi-person horizontal and vertical bidirectional smooth scrolling technical method and system, relates to the technical field of algorithm optimization, and the method comprises the following steps: providing a root view page, the root view page comprises a date display area, a multi-column schedule list area, a multi-person avatar area and a time axis area; a bidirectional binding relationship between the date display area and the time axis area is established, and the time axis area is controlled to jump to a specified date in response to an interactive operation in the date display area; based on the specified date, a horizontal scrolling operation is performed on the multi-person avatar area and the multi-column schedule list area through a horizontal scrolling bidirectional binding relationship between the multi-person avatar area and the multi-column schedule list area, and the corresponding multi-column schedule list area is switched under the date display area. The application improves the multi-member schedule cooperation efficiency of household users.

Description

Technical Field

[0001] This invention relates to the field of algorithm optimization technology, and in particular to a method and system for smooth horizontal and vertical scrolling of a family calendar for multiple users. Background Technology

[0002] As mobile internet becomes deeply integrated into family life, family users not only need to record their parents' work meetings, children's extracurricular classes, and elderly people's medical appointments, but also need to quickly compare whether there are time conflicts among multiple people. For example, they need to determine whether their parents are free to take their children to class or whether the whole family can coordinate a meal together. Traditional calendar tools, which are centered on personal use, are no longer suitable for this collaborative scenario. Most mainstream family calendar applications are based on the interactive framework of traditional personal calendars. For example, they use a horizontal pagination scrolling mode to present the schedule: the view page is divided into fixed units of days, weeks, or months. Users need to swipe left and right to switch between different time periods, and the schedules of multiple members need to be switched one by one through the top filter. For example, first select the child's view to check the extracurricular class time, then switch to the father's view to check the work schedule, and then switch to the mother's view to check if she is free.

[0003] Taking a typical three-generation family as an example: This family needs to coordinate matters related to their child's piano lesson on Saturday afternoons. They need to confirm whether the father needs to leave work early to take the child, as he has an online meeting on Saturday; they need to confirm whether the mother can pick up the child, as she has grocery shopping plans for Saturday afternoons; and they need to confirm whether the grandparents need to accompany the child, as they have a community health check-up on Saturday. Using the existing calendar app, the user first needs to swipe horizontally to the current Saturday's page view to check the child's piano lesson time; then, by clicking the filter to switch to the father's view, they find that his meeting time partially overlaps with the piano lesson, requiring further confirmation of whether the meeting can end early. However, the current Saturday page only shows... The system displays the father's schedule for the day, but there are no meeting adjustment notes. Users have to swipe horizontally to the corresponding page to view the full details of the meeting. Then, switching to the mother's view reveals that the time between her shopping trip and the end of her piano lesson is short, requiring a determination to adjust the shopping time. This necessitates swiping horizontally to the corresponding page to view related information such as supermarket opening hours. Finally, switching to the elderly's view confirms the physical examination time. Throughout the coordination process, users have to repeatedly switch horizontally between pages and filter members. Furthermore, due to the implicit time boundaries across pages for the father's meeting, some schedule content is only displayed as fragments on the current page, requiring additional swiping to confirm the full time, which affects the efficiency of determining time conflicts.

[0004] However, in actual use, this solution has the following technical defects: The traditional horizontal pagination scrolling and member filtering switching interaction design of calendars cannot meet the needs of family users for intuitive comparison of multiple members' schedules in the same time period and complete viewing of schedules across paginations. Horizontal pagination divides the timeline with fixed time units, and schedules across paginations are truncated, requiring users to swipe multiple times to obtain complete information. At the same time, multiple members' schedules need to be switched one by one, and it is impossible to display multiple members' schedules in the same time period horizontally side by side on the same screen. This makes it difficult for users to quickly establish a cognitive relationship between time, members, and schedules, and requires repeated operations when coordinating multiple people's affairs. This violates the core requirements of efficiency and intuitiveness of family collaboration calendars and cannot adapt to the dual needs of family users for the continuity of time flow and the parallelism of information for multiple members. Summary of the Invention

[0005] The technical problem to be solved by this invention is to provide a method and system for smooth horizontal and vertical scrolling of family calendars for multiple users, thereby improving the efficiency of schedule collaboration among multiple family members.

[0006] To solve the above-mentioned technical problems, the technical solution of the present invention is as follows:

[0007] Firstly, a method for smooth horizontal and vertical scrolling of a family calendar for multiple users, the method comprising:

[0008] Provides a root view page, which includes a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area;

[0009] Establish a two-way binding relationship between the date display area and the timeline area, and control the timeline area to jump to the specified date in response to interactive operations in the date display area;

[0010] Based on a specified date, the system performs a horizontal scrolling operation on the multi-person avatar area and the multi-column schedule list area by binding the horizontal scrolling relationship between the multi-person avatar area and the multi-column schedule list area, and switches the corresponding multi-column schedule list area under the date display area.

[0011] Based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the timeline area and the multi-column schedule list area. The timeline area and the multi-column schedule list area are scrolled vertically indefinitely to keep the displayed schedule content consistent with the indicated time period.

[0012] By integrating the horizontal scrolling of the multi-person avatar area to trigger the switching of the member schedule column and the vertical scrolling of the time axis area to trigger the time period, a three-axis linkage scrolling interaction model is constructed. Through a single scrolling gesture, the schedules of multiple family members can be browsed in two dimensions: the horizontal member schedule column and the vertical time axis.

[0013] For the requirement of real-time display of recurring schedules generated by the three-axis linkage scrolling interaction model, the starting point of the recurring instance is calculated by calculating the time offset of the recurring schedule and the difference between the query time determined by scrolling and the original time of the event.

[0014] Furthermore, a two-way binding relationship is established between the date display area and the timeline area. In response to interactive operations in the date display area, the timeline area is controlled to jump to a specified date, including:

[0015] In response to a date selection operation in the date display area, the selected target date information is obtained;

[0016] Based on the target date information, calculate the display time period corresponding to the time axis area to obtain the time axis display parameters for the start and end display positions;

[0017] Based on the timeline display parameters, the timeline area is driven to update the displayed content, completing the jump to the time period corresponding to the target date.

[0018] Furthermore, based on a specified date, through the two-way horizontal scrolling binding relationship between the multi-person avatar area and the multi-column schedule list area, a horizontal scrolling operation is performed on both areas, switching the corresponding multi-column schedule list area under the date display area, including:

[0019] In response to a member selection operation in the multi-person avatar area, obtain the identifier information of the currently active member;

[0020] Based on member identification information and the current specified date, generate corresponding member schedule column display configuration parameters;

[0021] Based on the member's schedule column display configuration parameters, drive the multi-column schedule list area to update its display content, and complete the display switching of the corresponding member's schedule column;

[0022] After the content of the multi-column schedule list area is updated, a reverse synchronization mechanism is established to the multi-person avatar area so that the horizontal scrolling operation of the multi-column schedule list area can trigger the update of the activation status of the corresponding member's identifier in the multi-person avatar area.

[0023] By employing a forward synchronization mechanism from the multi-person avatar area to the multi-column schedule list area and a reverse synchronization mechanism from the multi-column schedule list area to the multi-person avatar area, a complete horizontal scrolling two-way binding relationship is constructed to ensure that member selection and schedule list display remain consistent.

[0024] Furthermore, based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the timeline area and the multi-column schedule list area. The timeline area and the multi-column schedule list area are then scrolled vertically indefinitely to ensure that the displayed schedule content remains consistent with the indicated time period, including:

[0025] Receive the vertical scrolling operation of the timeline area and parse the start and end times of the target time period indicated by the scrolling operation;

[0026] Based on the start and end times, query the schedule data of all family members within the corresponding time period and generate a unified schedule display dataset;

[0027] The unified schedule display dataset is distributed according to family member identifiers and transmitted to the corresponding member schedule columns in the multi-column schedule list area.

[0028] After the schedule data distribution is completed, the vertical scrolling synchronization mechanism between the timeline area and the multi-column schedule list area is triggered, so that the scrolling position change of the timeline area is mapped to each member schedule column of the multi-column schedule list area in real time.

[0029] Based on the scrolling synchronization mechanism, the displayed content of the timeline area and the multi-column schedule list area is dynamically managed. Schedule display elements are dynamically loaded and unloaded according to the visible area to achieve an infinite vertical scrolling effect, so that the displayed schedule content is consistent with the indicated time period.

[0030] Furthermore, by integrating the horizontal scrolling of the multi-person avatar area to trigger the switching of member schedule columns with the vertical scrolling of the timeline area to trigger the time period, a three-axis linkage scrolling interaction model is constructed. This allows users to browse the schedules of multiple family members in both the horizontal member schedule column and the vertical timeline dimensions using a single scrolling gesture, including:

[0031] Receive scroll gestures and parse the horizontal and vertical displacement components of the gestures;

[0032] Based on the horizontal displacement component, the target scrolling position of the multi-person avatar area is calculated, and the corresponding member schedule column is switched; and based on the vertical displacement component, the target time period of the time axis area is calculated, and the corresponding time axis display parameters are determined.

[0033] Integrate the member schedule column switching results with the timeline display parameters to generate a unified three-axis linkage display command;

[0034] According to the display instructions, the activation status of the multi-person avatar area, the member column display content of the multi-column schedule list area, and the time period indicator of the time axis area are updated synchronously.

[0035] Based on the synchronized updated display status, verify the correspondence between the content displayed in the horizontal member column and the time period indicated by the vertical time axis, ensuring that a single scroll gesture can browse the schedules of multiple family members in both the horizontal and vertical dimensions.

[0036] Furthermore, for the real-time display requirement of recurring schedules generated by the three-axis linkage scrolling interaction model, the starting point of the recurring instance is calculated by calculating the time offset of the recurring schedule and the difference between the query time determined by scrolling and the original time of the event, including:

[0037] Receive the current query time generated by the three-axis linkage scrolling interaction model, and obtain the original time and repetition rules of the corresponding recurring schedule event;

[0038] Calculate the time difference between the query time and the original event time; select the corresponding repetition frequency time offset algorithm according to the type of the repetition rule;

[0039] The time difference is processed by a time offset algorithm to calculate the starting point of the nearest repeating instance.

[0040] Furthermore, based on the query time and the original event time, the time difference between the two is calculated; according to the type of the repetition rule, the corresponding repetition frequency time offset algorithm is selected, including:

[0041] Receive the current query time and the original time of the recurring schedule event from the three-axis linkage scrolling interaction model;

[0042] The query time and the original time are standardized to convert them into a unified unit of time measurement.

[0043] Based on the standardized time data, the absolute time difference between the query time and the original time is calculated; according to the repetition rule type of the repetitive schedule event, the repetition frequency characteristics are identified, and the corresponding repetition frequency time offset algorithm type is determined.

[0044] Based on the determined repetition frequency time offset algorithm type, configure the corresponding algorithm parameters and establish a time offset calculation environment.

[0045] Secondly, the family calendar system features smooth horizontal and vertical scrolling technology for multiple users, including:

[0046] The binding module is used to establish a two-way binding relationship between the date display area and the timeline area, and to control the timeline area to jump to a specified date in response to interactive operations in the date display area;

[0047] The scrolling module is used to perform horizontal scrolling operations on the multi-person avatar area and the multi-column schedule list area based on a specified date, through a two-way horizontal scrolling binding relationship between the multi-person avatar area and the multi-column schedule list area, and switch the corresponding multi-column schedule list area under the date display area; based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the time axis area and the multi-column schedule list area, and the time axis area and the multi-column schedule list area are scrolled vertically indefinitely to keep the displayed schedule content consistent with the indicated time period;

[0048] The module is used to integrate the member schedule column switching triggered by horizontal scrolling in the multi-person avatar area and the time period triggered by vertical scrolling in the time axis area, to build a three-axis linkage scrolling interaction model. Through a single scrolling gesture, you can browse the schedules of multiple family members in two dimensions: the horizontal member schedule column and the vertical time axis.

[0049] The calculation module is used to meet the real-time display requirements of recurring schedules generated by the three-axis linkage scrolling interaction model. By calculating the time offset of the recurring schedule, the starting point of the recurring instance is calculated based on the difference between the query time determined by scrolling and the original time of the event.

[0050] Thirdly, a computing device, comprising:

[0051] One or more processors;

[0052] A storage device for storing one or more programs that, when executed by one or more processors, cause the one or more processors to implement the method.

[0053] Fourthly, a computer-readable storage medium storing a program that, when executed by a processor, implements the method.

[0054] The above-described solution of the present invention has at least the following beneficial effects:

[0055] Because it employs a three-axis linkage scrolling interaction model, recurring schedule time offset technology, and a dynamic column width adaptation mechanism, the three-axis linkage scrolling interaction model achieves bidirectional binding between the date display area and the time axis area in the root view, horizontal bidirectional synchronization between the multi-person avatar area and the multi-column schedule list area, vertical infinite scrolling between the time axis area and the multi-column schedule list area, and dynamic loading and unloading of the visible area. It also supports collaborative parsing of horizontal and vertical displacement for single scrolling gestures. The recurring schedule time offset technology directly calculates the starting point of the most recent recurring instance based on the difference between the current query time and the original event time. It can adapt to different recurring frequencies such as daily, weekly, monthly, and yearly, and combines time standardization processing to eliminate format differences. The dynamic column width adaptation mechanism can realize normal, wide, and suspended member schedule columns. By switching between three states and allocating column widths in real time, this system overcomes the technical problems of traditional calendars, such as the inability to display multiple family members' schedules in parallel requiring multiple switching and filtering, visual breaks caused by horizontal pagination scrolling preventing cross-sectional comparison, performance bottlenecks due to infinite vertical scrolling, high computational complexity of recurring schedules that easily lags as time spans increase, and high user learning costs due to inconsistent scrolling mechanisms in multi-view modes. This results in a system that allows for smooth browsing of multiple family members' schedules in both horizontal and vertical directions with a single scroll gesture, maintains a continuous timeline without any sense of discontinuity, displays recurring schedules efficiently and in real time without delay, and unifies the interaction logic in multi-view modes to reduce user learning costs. Ultimately, this significantly improves the intuitiveness, operational efficiency, and overall system performance of family multi-person schedule collaboration. Attached Figure Description

[0056] Figure 1 This is a flowchart illustrating the smooth scrolling technology method for multiple users in a family calendar, provided by an embodiment of the present invention.

[0057] Figure 2 This is a schematic diagram of a family calendar system with smooth horizontal and vertical scrolling for multiple users, provided in an embodiment of the present invention. Detailed Implementation

[0058] Exemplary embodiments of the present disclosure will now be described in more detail with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be implemented in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.

[0059] like Figure 1 As shown, embodiments of the present invention propose a method for smooth horizontal and vertical scrolling of a family calendar for multiple users, the method comprising the following steps:

[0060] Step 1: Provide the root view page, which includes a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area;

[0061] Step 2: Establish a two-way binding relationship between the date display area and the timeline area, and control the timeline area to jump to the specified date in response to interactive operations in the date display area;

[0062] Step 3: Based on the specified date, perform a horizontal scrolling operation on the multi-person avatar area and the multi-column schedule list area through the two-way horizontal scrolling binding relationship between the multi-person avatar area and the multi-column schedule list area, and switch the corresponding multi-column schedule list area under the date display area;

[0063] Step 4: Based on the member schedule columns displayed in the multi-column schedule list area, establish a vertical scrolling binding relationship between the timeline area and the multi-column schedule list area, and perform vertical infinite scrolling on the timeline area and the multi-column schedule list area to keep the displayed schedule content consistent with the indicated time period.

[0064] Step 5: Integrate the member schedule column switching triggered by horizontal scrolling in the multi-person avatar area and the time period triggered by vertical scrolling in the time axis area to build a three-axis linkage scrolling interaction model. Through a single scrolling gesture, browse the schedules of multiple family members in two dimensions: horizontal member schedule column and vertical time axis.

[0065] Step 6: For the real-time display requirement of recurring schedules generated by the three-axis linkage scrolling interaction model, the starting point of the recurring instance is calculated by calculating the time offset of the recurring schedule and the difference between the query time determined by scrolling and the original time of the event.

[0066] In a preferred embodiment of the present invention, step 1 above may include:

[0067] Step 1: Provide the root view page. The root view page includes a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area. Specifically, this includes: determining the overall layout logic of the root view page, with the core focus on adapting to the dual needs of family users for viewing multiple members' schedules in parallel and maintaining a continuous timeline. The page is planned into four functionally interconnected areas, ensuring that information in each area is presented centrally and the interaction path is simple. From a basic layout perspective, this avoids the problem of traditional calendars where multiple member information and time information are scattered across different views, requiring frequent switching. A date display area is built at the top of the root view page, which displays the currently viewed date information in real time, while reserving space for establishing a linkage relationship with the timeline area. The interactive design allows users to quickly identify the currently focused date without having to swipe horizontally multiple times across pages, solving the problem of users having difficulty quickly locating dates and having to frequently switch pages in traditional horizontally paginated calendars. A multi-column schedule list area is built into the core display area of ​​the root view page. The multi-column schedule list area adopts a horizontally expandable column structure design, with each column corresponding to a family member. The number of columns can be dynamically adjusted according to the actual number of family members. It can display the schedule content of multiple family members horizontally side by side on the same screen, avoiding the situation in traditional calendars where multiple family members' schedules need to be viewed one by one through the top filter. This creates conditions for users to intuitively compare the schedules of multiple members in the same time period.

[0068] A multi-person avatar area is built on the side of the root view page near the multi-column schedule list area. This area arranges the avatars of each family member in order of correspondence with the member columns in the multi-column schedule list area. Each avatar is directly associated with the corresponding member's schedule column in the multi-column schedule list area, allowing users to quickly identify the corresponding family member and their schedule column by avatar without relying on filter operations to switch members. This solves the problem of inefficiency caused by cumbersome member filtering and switching in traditional calendars. A timeline area is built on the root view page adjacent to the multi-column schedule list area. The timeline area adopts a vertically extending structure design and is not divided into pages according to fixed time units such as days or weeks. This maintains the continuity of the timeline and can fully display the schedule content across time periods. It avoids the problem of cross-page schedules being truncated in traditional horizontally paginated calendars, requiring multiple scrolls to obtain complete information. This lays the foundation for realizing vertical infinite scrolling and fully presenting schedules across time periods.

[0069] In this embodiment of the invention, by adopting the technical means of centrally setting up a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area in the root view page, the date information, multi-member identifiers, time dimensions, and multi-member schedule content required by the family calendar are integrated into the same basic view framework. Therefore, it overcomes the technical problem in traditional calendars where the date, member, time, and schedule information related to multi-member schedules are scattered in different views or modules, requiring users to frequently switch to view them. This achieves the technical effect of allowing users to intuitively see the relationship between dates, members, and corresponding schedules without jumping to different pages, providing basic support for the interactive linkage between horizontal member column scrolling and vertical timeline scrolling, and improving the convenience of initial viewing of multi-member schedules and the efficiency of information integration.

[0070] In a preferred embodiment of the present invention, step 2 above may include:

[0071] Step 2.1: In response to the date selection operation in the date display area, obtain the selected target date information. Specifically, configure an interactive date selection function in the date display area of ​​the root view page. When family users need to coordinate specific matters, such as the multi-member schedule of a child's piano lesson on Saturday, the user can click on the date number displayed in the date display area or select the desired date in the extended date selection interface triggered in the date display area. The system will capture this date selection operation in real time, parse and process the instructions generated by the operation, extract and confirm the specific year, day and month information of the date selected by the user, and use this information as the target date information. This avoids the cumbersome operation of traditional calendars that require multiple horizontal page scrolling to gradually approach the target date.

[0072] Step 2.2: Based on the target date information, calculate the corresponding display time period of the time axis area to obtain the time axis display parameters for the start and end display positions. Specifically, this includes: After obtaining the target date information, determining the complete time period range that the time axis area should display, considering the actual needs of home users viewing schedules. For example, if the target date is Saturday, considering that users may need to view content related to Saturday's schedules throughout Saturday and adjacent time periods, the display time period is set from 0:00 on Saturday to 0:00 on Sunday, or extended to 8:00 on Friday to 10:00 on Sunday based on the common schedule viewing habits of home users, ensuring that schedules spanning different time periods are not truncated. Then, based on the time scale density of the time axis area and the size of the screen's visible area, calculate the start and end display positions of the display time period on the time axis. For example, based on the pixel length corresponding to each hour on the time axis, calculate the pixel coordinates corresponding to the start time of the target time period as the start display position, and the pixel coordinates corresponding to the end time of the target time period as the end display position, forming complete time axis display parameters. This solves the problem of incomplete display of schedules across pages caused by the fixed time units that divide the time axis in traditional horizontal pagination calendars.

[0073] Step 2.3: Based on the timeline display parameters, drive the timeline area to update the displayed content and complete the jump to the time period corresponding to the target date. Specifically, this includes: passing the calculated timeline display parameters to the display control module of the timeline area; after receiving the parameters, the display control module directly drives the display content of the timeline area to adjust, controlling the time scale of the timeline area to scroll synchronously with the schedule content in the corresponding multi-column schedule list area, so that the time point corresponding to the calculated starting display position moves to a suitable position in the visible area of ​​the screen, and the time point corresponding to the ending display position covers the end of the visible area of ​​the screen. At the same time, update the time indicator displayed in the timeline area to ensure that the time period corresponding to the target date is fully presented within the user's visible screen range. Unlike traditional calendars, users do not need to swipe left and right to switch pages multiple times to directly view the timeline content corresponding to the target date and the schedules of multiple members within the target date time period, improving the efficiency of family users in locating the schedule of the target date.

[0074] In this embodiment of the invention, the technical means of obtaining target date information by responding to the date selection operation in the date display area, calculating the display time period corresponding to the time axis area based on the target date information, obtaining the time axis display parameters of the start and end display positions, and then driving the time axis area to update the display content according to the time axis display parameters to complete the jump to the time period corresponding to the target date, overcomes the technical problems of traditional horizontal pagination calendars that require multiple left and right swipes to switch pages to locate the target date, and that fixed time unit pagination will break the time axis, making it inconvenient to view cross-date schedules. Thus, it achieves the technical effect of allowing users to quickly locate the time axis area corresponding to the target date without repeatedly swiping pages, while ensuring that the time period displayed in the time axis area accurately matches the target date and that the continuity of the time axis is not disrupted. This effectively improves the efficiency of family users in locating target date schedules and viewing cross-date related schedules, and lays a convenient foundation for subsequent intuitive comparison of the schedules of multiple members on the target date.

[0075] In a preferred embodiment of the present invention, step 3 above may include:

[0076] Step 3.1: In response to the member selection operation in the multi-person avatar area, obtain the currently active member identification information. Specifically, this includes configuring a click interaction function for each family member's avatar in the multi-person avatar area. When a family user needs to coordinate multi-person affairs, such as confirming the schedule of members related to a Saturday piano lesson, the user can directly click on the corresponding member's avatar in the multi-person avatar area, such as clicking on the father's avatar to view his Saturday meeting schedule. The system will capture this member selection operation in real time, parse the operation instruction, and extract the member-specific identification information corresponding to the clicked avatar from the family member information database stored in the system, such as the member's unique identification code or name. This identification information is determined as the currently active member identification information, eliminating the need to click through layers of filters at the top like in a traditional calendar, thus simplifying the member selection operation path.

[0077] Step 3.2: Based on the member identification information and the current specified date, generate the corresponding member schedule column display configuration parameters. Specifically, this includes: after obtaining the currently active member identification information, and combining it with the previously determined current specified date, such as Saturday, retrieving all schedule data of the member within the current specified date and related time periods before and after from the schedule database, such as the father's online meeting time, meeting adjustment notes, and possible early departure records on Saturday; determining the display attributes of the member schedule column according to the visual needs of family users viewing multiple members' schedules, including the column width to ensure horizontal side-by-side display with other members' schedule columns on the same screen, the font size and color of the schedule content to distinguish different members' schedules, and the spacing between schedule items to ensure visual clarity; integrating the retrieved schedule data with the determined display attributes to generate member schedule column display configuration parameters containing schedule data range display attribute parameters, providing a basis for the accurate display of the schedule column.

[0078] Step 3.3: Based on the member schedule column display configuration parameters, drive the multi-column schedule list area to update its display content, completing the display switch of the corresponding member schedule column. Specifically, this includes: the generated member schedule column display configuration parameters are sent to the display control module of the multi-column schedule list area. The display control module is the core functional unit in the multi-column schedule list area, specifically responsible for converting member schedule data into a visual interface and ensuring that the display effect is completely consistent with the configuration requirements. It connects to the database storing schedule data on one side and interfaces with the screen visual presentation on the other. It is a key link in the horizontal side-by-side display of multiple member schedules. After receiving the parameters, the display control module first breaks down and parses the parameters one by one to clarify the key information contained therein: first, the schedule data range, which determines the identity of the member to be displayed and the corresponding date range; second, the display attributes, which clarify the visual style requirements of the member schedule column, including that the column width must be adapted to the current... To avoid overlapping columns, the screen must have clearly readable font sizes, use specific colors to distinguish schedule content to highlight member affiliation, and maintain reasonable spacing between different schedule items to prevent information overcrowding. Through this parsing process, the display control module ensures that all subsequent processing actions strictly adhere to the configuration requirements. After completing the parameter parsing, the display control module will initiate a targeted data request to the schedule database based on the parsing results. It will only extract all schedule content of the currently active member within the specified date and associated time period, without extracting schedules of other members or irrelevant schedules of the member on other dates. This ensures the accuracy of data extraction while avoiding redundant data that consumes resources and affects subsequent display speed. For example, for the configuration of the father's schedule column, the module will specifically retrieve the start time, end time, and whether early termination is allowed for the father's online meeting on Saturday, ensuring that only the key schedule data needed at the moment is obtained.

[0079] After obtaining accurate schedule data, the display control module will gradually construct the member's exclusive schedule column in the designated position of the multi-column schedule list area, according to the visual requirements in the configuration parameters: First, it allocates horizontal space for the father's schedule column according to the set column width, ensuring that it can be horizontally side by side with the child's piano lesson schedule column and the elderly's physical examination schedule column on the same screen, without the need to switch views to view different members' schedules like in a traditional calendar; then, it clearly displays the start and end times of meetings with the set font size, and highlights notes on whether early termination is possible with a specified color, making key information clear at a glance; finally, it separates the meeting schedule from other schedule items that the member may have according to the set spacing, ensuring the visual clarity of the entire schedule column. Through this process, the display control module finally renders the member's exclusive schedule column completely in the multi-column schedule list area. The quick display switching of the corresponding member's schedule column allows family users to intuitively compare the schedules of multiple members in the same time period on the same screen without repeatedly switching views, greatly improving the efficiency of schedule viewing and task coordination.

[0080] Step 3.4: After updating the displayed content in the multi-column schedule list area, establish a reverse synchronization mechanism to the multi-person avatar area. This ensures that horizontal scrolling in the multi-column schedule list area triggers the activation status update of the corresponding member's identifier in the multi-person avatar area. Specifically, after updating the member's schedule column display in the multi-column schedule list area, establish a data connection channel between the multi-column schedule list area and the multi-person avatar area in the background, and start a real-time monitoring program. The real-time monitoring program continuously monitors the horizontal scrolling operation in the multi-column schedule list area. When a family user scrolls horizontally in the multi-column schedule list area to view more members' Saturday schedules, for example, from displaying the child's schedule... When the user scrolls to the column displaying the mother's schedule to view her Saturday afternoon grocery shopping plans, the monitoring program captures this scrolling action and parses the member identifier information corresponding to the currently scrolled member's schedule column. Subsequently, it sends the member identifier information to the activation control module of the multi-person avatar area through the associated data channel. After receiving the information, the module automatically switches the corresponding member's avatar in the multi-person avatar area to an active state, such as changing the avatar border color, and at the same time cancels the activation state of the previously active member's avatar, ensuring that the user can quickly know which member's schedule they are currently viewing by checking the activation status of the avatar area when scrolling through the schedule column.

[0081] Step 3.5: Through the forward synchronization mechanism from the multi-person avatar area to the multi-column schedule list area and the reverse synchronization mechanism from the multi-column schedule list area to the multi-person avatar area, a complete horizontal scrolling two-way binding relationship is constructed to ensure that member selection and schedule list display are always consistent. Specifically, this includes: integrating the established forward synchronization mechanism from the multi-person avatar area to the multi-column schedule list area with the established reverse synchronization mechanism from the multi-column schedule list area to the multi-person avatar area, and building a unified interactive control logic in the background. When a user triggers forward synchronization by clicking on a member's avatar in the multi-person avatar area, the system drives the multi-column schedule list area to update the corresponding member's schedule column according to the forward logic; when a user triggers reverse synchronization by horizontally scrolling the multi-column schedule list area, the system drives the multi-person avatar area to update the corresponding member's activation status according to the reverse logic. Meanwhile, the system is equipped with a status verification mechanism that compares in real time the identification information of the currently active members in the multi-person avatar area with the identification information of the member schedule currently displayed in the multi-column schedule list area. If there is any inconsistency, it will immediately trigger a synchronization correction to ensure that no matter whether the user selects members through the avatar area or scrolls through the list area to view members, the member identification and the schedule display always maintain an accurate correspondence, completely solving the problem of member selection and schedule display being out of sync in traditional calendars and requiring repeated adjustments.

[0082] In this embodiment of the invention, because it employs a method of responding to member selection operations in the multi-person avatar area to obtain the currently active member identification information, generating corresponding member schedule column display configuration parameters based on the member identification information and the currently specified date, and driving the multi-column schedule list area to update the display content according to the configuration parameters to complete the display switching of the corresponding member schedule column, and simultaneously establishing a reverse synchronization mechanism to the multi-person avatar area after the multi-column schedule list area is updated, and then constructing a complete horizontal scrolling two-way binding relationship through the forward synchronization mechanism from the multi-person avatar area to the multi-column schedule list area and the aforementioned reverse synchronization mechanism, it overcomes the technical means of traditional calendars where multi-member schedules need to be viewed one by one through the top filter, and cannot be viewed horizontally on the same screen. The system addresses technical issues such as displaying multiple members' schedules side-by-side within the same time period, horizontal scrolling causing a break in the association between member identifiers and corresponding schedules, and the need for repeated adjustments due to asynchronous member selection and schedule list display. The solution aims to eliminate the need for frequent filter switching among family users. Users can quickly switch between and view the schedules of corresponding members horizontally on the same screen simply by clicking on the multiple member avatars. Furthermore, while scrolling horizontally across multiple schedule columns, the activation status of the corresponding member in the multiple member avatar area updates in real time, ensuring that member identifiers and corresponding schedules are always accurately linked. This allows users to intuitively compare the schedules of multiple members on a given date, reducing the number of steps required to coordinate family affairs and improving the efficiency and intuitiveness of using a collaborative family calendar.

[0083] In a preferred embodiment of the present invention, step 4 above may include:

[0084] Step 4.1: Receive vertical scrolling operations in the timeline area and parse the start and end times of the target time period indicated by the scrolling operation. Specifically, this includes setting up a scrolling operation monitoring function in the timeline area to continuously capture the vertical scrolling actions performed by family users. Whether the user scrolls upwards on the timeline to view the related schedules before and after their child's piano lessons, or scrolls downwards to confirm whether the father's meeting spans multiple time periods, this operation can be captured in real time. Based on the preset time scale density in the timeline area, such as a fixed pixel length per hour, combined with the vertical displacement generated by the scrolling action, the time range covered by the timeline after the scrolling is calculated, and then the start and end times of the target time period corresponding to this range are accurately parsed. For example, if the user scrolls upwards from the timeline position at 2 PM on Saturday, the displacement corresponds to a pixel length of 3 hours, which parses the start time of the target time period as 2 PM on Saturday and the end time as 5 PM on Saturday, ensuring accurate acquisition of the schedules of all members within this time period.

[0085] Step 4.2: Based on the start and end times, query the schedule data of all family members within the corresponding time period to generate a unified schedule display dataset. Specifically, this involves: based on the parsed start and end times of the target time period, initiating a batch query request to the schedule database. The request explicitly includes the time period information and the identifiers of all family members. This retrieves the schedule information of all family members within that time period, including the father's online meeting data, the mother's supermarket shopping plan data, the child's piano lesson data, and the elderly person's community health checkup data. These retrieved, scattered individual member schedule data are then integrated according to a unified data format, such as uniformly labeling schedule type, time nodes, and related notes, forming a unified schedule display dataset containing the schedules of all members within the target time period. This avoids the cumbersome process of initiating query requests for each member individually, as is common in traditional calendars.

[0086] Step 4.3 involves distributing the unified schedule display dataset according to family member identifiers, transmitting it to the corresponding member schedule columns in the multi-column schedule list area. Specifically, this includes splitting the unified schedule display dataset by separating schedule information belonging to different members based on their family member identifiers. For example, all schedule data with the father identifier is filtered out and categorized as father-specific schedule data; all schedule data with the mother identifier is filtered out and categorized as mother-specific schedule data, and so on, until all members' schedule data are split. Then, according to the correspondence between the member schedule columns in the multi-column schedule list area, the split member-specific schedule data is transmitted to the corresponding member schedule column. For example, father-specific schedule data is transmitted to the father's corresponding schedule column, and child-specific schedule data is transmitted to the child's corresponding schedule column, ensuring that each member schedule column only receives and stores the schedule data for that member within the target time period.

[0087] Step 4.4: After the schedule data distribution is completed, the vertical scrolling synchronization mechanism between the timeline area and the multi-column schedule list area is triggered, so that the scrolling position change of the timeline area is mapped to each member schedule column in the multi-column schedule list area in real time. Specifically, after the transmission of all member-specific schedule data to the corresponding schedule column is completed, the vertical scrolling synchronization program between the timeline area and the multi-column schedule list area is started. The program establishes a mapping relationship between the scroll position of the timeline area and the scroll positions of each member's schedule column in the multi-column schedule list area. When a family user scrolls the timeline area vertically again, for example, from 3 PM to 4 PM on Saturday, the program will capture the change in the scroll position of the timeline area in real time and, according to the preset mapping rules, synchronously drive all members' schedule columns in the multi-column schedule list area to scroll vertically by the same amount. This ensures that when the timeline area displays 4 PM on Saturday, the father's schedule column synchronously displays the meeting progress before and after 4 PM on Saturday, the mother's schedule column synchronously displays the purchasing plan nodes before and after 4 PM on Saturday, and the child's schedule column synchronously displays the piano lesson status before and after 4 PM on Saturday, ensuring that the time period displayed on the timeline always corresponds to the content displayed in each member's schedule column.

[0088] Step 4.5: Based on the scrolling synchronization mechanism, dynamically manage the displayed content of the timeline area and the multi-column schedule list area. Dynamically load and unload schedule display elements according to the visible area to achieve an infinite vertical scrolling effect, ensuring the displayed schedule content remains consistent with the indicated time period. Specifically, this includes: relying on the scrolling synchronization mechanism established in Step 4.4, enabling a dynamic management mode for the displayed content of the timeline area and the multi-column schedule list area. In this mode, the range of the screen's visible area is monitored in real time, and only the timeline scale and schedule display elements of each member that need to be displayed are loaded within the visible area. For example, if the current visible area can only accommodate content from 2 PM to 3 PM on Saturday, only the timeline scale for that time period and the schedule entries of each member within that time period are loaded. When a user scrolls vertically and the visible area changes, the system promptly unloads timeline markers and schedule elements that were no longer displayed in the previous visible area, while loading the timeline markers and schedule elements corresponding to the new visible area. For example, if the user scrolls to change the visible area to Saturday 3 PM to 4 PM, the system unloads the timeline markers and related schedule items for Saturday 2 PM to 3 PM, and loads the timeline markers and corresponding schedule items for each member during the Saturday 3 PM to 4 PM period. This dynamic loading and unloading method avoids excessive redundant content consuming system resources and causing scrolling lag, achieving an infinite vertical scrolling effect. This allows users to continuously browse all member schedules across time periods, and the displayed schedule content always remains consistent with the time period indicated by the timeline, without interrupting browsing due to pagination as in traditional calendars.

[0089] In this embodiment of the invention, because the vertical scrolling operation of the receiving timeline area is used and the start and end times of the indicated target time period are parsed, the schedule data of all family members within the corresponding time period are queried based on the start and end times, and a unified schedule display dataset is generated. This dataset is then distributed to the corresponding member schedule column in the multi-column schedule list area according to the family member identifier, triggering a vertical scrolling synchronization mechanism between the timeline area and the multi-column schedule list area to map the scrolling position changes in real time. At the same time, based on the scrolling synchronization mechanism, schedule display elements are dynamically loaded and unloaded according to the visible area to achieve vertical infinite scrolling. Therefore, this overcomes the problem of traditional calendars where horizontal pagination divides the timeline with fixed time units, causing cross-time period schedules to be truncated and requiring multiple scrolls. The system addresses several technical issues, including asynchronous scrolling of the timeline and multi-member schedule columns, resulting in inconsistent time periods and schedule content; scrolling lag caused by loading large amounts of schedule data; and failure to meet the needs of family users for continuous time flow and synchronized viewing of multi-member schedules. The solution aims to enable family users to continuously browse all member schedules across time periods by scrolling the timeline vertically without repeatedly switching pages. Real-time synchronization between the timeline scroll position and each member schedule column ensures that the displayed schedule content always accurately matches the indicated time period. Dynamic loading and unloading reduce resource consumption and avoid scrolling lag, achieving an infinite vertical scrolling effect. This significantly improves the smoothness and efficiency of viewing multi-member schedules across time periods, better adapting to the needs of family users to coordinate multiple people's tasks across time periods.

[0090] In a preferred embodiment of the present invention, step 5 above may include:

[0091] Step 5.1: Receive scrolling gestures and analyze the horizontal and vertical displacement components of the gestures. Specifically, this involves setting up a gesture monitoring function on the root view page to continuously capture scrolling gestures performed by family users on the screen. When a user needs to view the schedules of more family members and different time periods simultaneously to coordinate their child's Saturday piano lesson, the gesture monitoring function will receive this scrolling gesture in real time when the user swipes their finger on the screen. The motion trajectory of this gesture is then analyzed, separating the horizontal and vertical displacement components. This clarifies the extent to which the user wants to switch family members horizontally and adjust the time range vertically, providing a basis for subsequent processing of member switching and time adjustments.

[0092] Step 5.2: Based on the horizontal displacement component, calculate the target scrolling position of the multi-person avatar area and trigger the corresponding member schedule column switching; and based on the vertical displacement component, calculate the target time period of the time axis area and determine the corresponding time axis display parameters. Specifically, this includes: calculating the scrolling distance required for the multi-person avatar area based on the parsed horizontal displacement component, combined with the width of each member avatar in the multi-person avatar area and the spacing between avatars, and thus determining the target scrolling position. For example, if the horizontal displacement component corresponds to the distance between the widths of two avatars, the target scrolling position of the multi-person avatar area is set to scroll from the currently displayed child and father avatars to the position displaying father, mother, and elderly avatars. At the same time, trigger the corresponding member schedule column switching in the multi-column schedule list area, for example, switching from displaying the children's and father's schedule column to displaying the father, mother, and elderly's schedule column. Based on the parsed vertical displacement component, combined with the preset time scale density of the time axis area, calculate the time range that the time axis area needs to be adjusted and determine the target time period. For example, if the vertical displacement component corresponds to a pixel length of 3 hours, and the current timeline displays Saturday from 1 pm to 4 pm, then the target time period is set to Saturday from 2 pm to 5 pm. Based on this target time period, the start and end display positions of the timeline are calculated to ensure that the timeline accurately presents this time period.

[0093] Step 5.3 integrates the member schedule column switching results with the timeline display parameters to generate a unified three-axis linkage display command. This includes collecting the member schedule column switching results and the target time period and corresponding display parameters for the timeline area. These two types of information are integrated according to a unified data format. During the integration process, the relationship between the member schedule column switching results and the timeline display parameters is clarified; that is, the switched member schedule column must synchronously display the schedule content within the target time period of the timeline to avoid mismatches between the member schedule column and the timeline time period. After integration, a unified three-axis linkage display command containing member switching information and timeline parameters is generated to ensure that subsequent operations can synchronously complete multi-area updates based on this command.

[0094] Step 5.4: Based on the display instructions, synchronously update the activation status of the multi-person avatar area, the member column display content of the multi-column schedule list area, and the time period indicator of the time axis area. Specifically, this includes: receiving the generated three-axis linkage display instructions, and synchronously updating the three key areas according to the requirements of the instructions. First, update the activation status of the multi-person avatar area, switching the avatars of the members that need to be viewed at the moment mentioned in the instructions to the active status, so that users can intuitively know the members they are currently focusing on; then update the member column display content of the multi-column schedule list area, so that the schedule columns of father, mother, and elderly all display the schedules within the target time period specified in the instructions, such as the mother's supermarket shopping plan and the follow-up arrangements for the elderly's community health check; finally, update the time period indicator of the time axis area, adjusting the display range of the time axis to Saturday afternoon from 2 pm to 5 pm, and highlighting this time period with a clear mark. The update actions of the three areas are performed simultaneously, avoiding the display delay or asynchrony problems caused by switching members and time periods separately in traditional calendars.

[0095] Step 5.5, based on the synchronized update display status, verify the correspondence between the content displayed in the horizontal member columns and the time periods indicated on the vertical timeline. This ensures that a single scroll gesture allows browsing the schedules of multiple family members in both the horizontal and vertical dimensions. Specifically, after completing the synchronized update of the three areas in Step 5.4, a correspondence verification mechanism is initiated. This mechanism checks each member's schedule in the multi-column schedule list area to ensure that the schedule content falls within the target time period currently indicated by the timeline. For example, it checks whether the supermarket shopping plan shown in the mother's schedule column is between 2 PM and 5 PM on Saturday, and whether the follow-up arrangements for the community health check shown in the elderly's schedule column are also within this time period. This ensures that the member's schedule content in the horizontal dimension completely corresponds to the time period on the vertical dimension, and that there are no instances where the schedule content exceeds or lags behind the time period. If a mismatch is found, a correction action is immediately triggered to readjust the displayed content of that member's schedule column until all member schedule columns accurately correspond to the time period on the timeline. Ultimately, this ensures that users can accurately browse the schedules of multiple family members within the target time period in both the horizontal and vertical dimensions with a single scroll gesture, without needing to repeatedly adjust members and time periods to confirm the correspondence as with traditional calendars.

[0096] In this embodiment of the invention, because it employs a technique of receiving scrolling gestures and parsing their horizontal and vertical displacement components, calculating the target scrolling position of the multi-person avatar area based on the horizontal displacement component and triggering the corresponding member schedule column switching, calculating the target time period of the time axis area based on the vertical displacement component and determining the corresponding time axis display parameters, integrating the member schedule column switching results with the time axis display parameters to generate a unified three-axis linkage display command, and synchronously updating the activation status of the multi-person avatar area, the member column display content of the multi-column schedule list area, and the time period indication of the time axis area according to the command, and finally verifying the correspondence between the horizontal member column display content and the vertical time axis indicated time period based on the synchronously updated display status, it overcomes the limitations of traditional methods. The previous calendar required separate horizontal member filtering and vertical time period page scrolling, making it impossible to achieve horizontal and vertical collaborative browsing with a single gesture. Furthermore, it was prone to disconnections between member schedules and corresponding time periods, leading to repetitive and inefficient operations for family users coordinating multi-person, cross-time tasks. The current solution addresses these technical issues by allowing family users to simultaneously switch between different member schedules horizontally and browse different time periods vertically with a single scroll gesture, ensuring accurate correspondence between member schedule columns and timeline time periods. This significantly reduces the complexity of viewing multi-member, cross-time schedules for family users, improves task coordination efficiency and intuitiveness, and better meets the needs of efficient and convenient family collaborative calendars.

[0097] In a preferred embodiment of the present invention, step 6 above may include:

[0098] Step 6.1: Receive the current query time generated by the three-axis linkage scrolling interaction model and obtain the original time and repetition rules of the corresponding recurring schedule events. Specifically, when a family user browses the schedule through the three-axis linkage scrolling interaction model, for example, to confirm whether the child's weekly piano lesson exists in the currently scrolled time slot, the model will capture the time point focused by the user's scrolling operation in real time, determine this time point as the current query time, and transmit it. Simultaneously, retrieve the recurring schedule event information related to the query time from the schedule database. For example, for a recurring schedule of a child's piano lesson, obtain its original time when it was first created, such as 3 PM on the first Saturday of a certain month and year, and the corresponding repetition rules, such as repeating every Saturday at 3 PM. If the query is for a recurring schedule of a community health check for the elderly, obtain its original time, such as 9 AM on the 1st of a certain month and year, with the repetition rule being repeating every month at 9 AM, ensuring accurate acquisition of the core data needed to calculate recurring instances.

[0099] Step 6.2: Calculate the time difference between the query time and the original event time. Based on the type of repetition rule, select the corresponding repetition frequency time offset algorithm. Specifically, this includes converting the current query time and the original time of the repetitive schedule event to the same time measurement standard, such as converting them to the total number of hours or days calculated from a fixed point in time, and then subtracting the two to obtain the specific time difference. For example, if the current query time is 10:00 AM on the third Sunday of a certain month and year, and the original time of the child's piano lesson is 3:00 PM on the first Saturday of the same month and year, the calculated time difference is 1 day and 7 hours. If the query time is 10:00 AM on the 5th of the same month and year, and the original time of the elderly person's physical examination is 9:00 AM on the 1st of the same month and year, the time difference is 4 days and 1 hour.

[0100] Select the corresponding repetition frequency time offset algorithm based on the type of repetition rule. This type of algorithm is specifically designed for schedules with different repetition periods. By specifically processing the difference between the query time and the original time, it quickly locates the calculation logic of the starting point of the repetition instance that is closest to the current query time. The core is that it does not need to enumerate all repetition instances one by one from the original time, but directly derives the result based on the matching relationship between the repetition period and the time difference, thus avoiding computational redundancy. The specific selection and processing logic is as follows: If the repetition rule is daily repetition, such as a daily work meeting reminder for parents, select the daily time offset algorithm. This algorithm has a fixed repetition period of 1 day. It only needs to extract the complete number of days from the time difference. For example, if the difference is 5 days and 3 hours, the algorithm will automatically take 5 days as the offset and directly calculate that the most recent repetition instance is the original time plus 5 days, without needing to handle time fluctuations within the period. If it is weekly repetition, such as a child's piano lesson, select the weekly time offset algorithm. This algorithm has a repetition period of 7 days. It is necessary to first calculate the complete week difference from the time difference, and at the same time, combine it with the weekly start date set by the family user to ensure that the offset time still falls on the same day of the week, avoiding time misalignment caused by crossing weeks. If it is monthly repetition, such as a community health check for the elderly, select the monthly time offset algorithm. The inter-month offset algorithm first estimates the complete month difference based on the time difference, then focuses on handling the difference in the number of days in different months. If the original time is the 1st of each month, the month difference is directly added; if the original time is the 31st of each month, the algorithm will automatically adjust the offset time to the last day of the corresponding short month to ensure that the instance time matches the actual number of days in the month. For annual recurrences, such as a family's fixed annual dinner, the annual time offset algorithm is selected. This algorithm uses a one-year cycle, first calculates the complete year in the time difference, and then specifically considers the special case of the number of days in February in leap years. If the original time is February 29th, when offset to a common year, the algorithm will automatically adjust the instance time to February 28th; if offset to a leap year, February 29th remains unchanged, ensuring that the annual recurring schedule is not missing or misaligned due to leap year issues.

[0101] Step 6.3: Process the time difference using a time offset algorithm to calculate the starting point of the nearest repeating instance. Specifically, this includes processing the calculated time difference using the selected repetition frequency time offset algorithm: If it is a weekly repeating scenario of a child's piano lessons, the weekly time offset algorithm is used. First, extract the complete week difference from the time difference of 1 day and 7 hours. Here, the difference includes 1 day which is less than a week, and the week difference is 0. Then, determine whether the remaining time exceeds half a week. If it does not exceed half a week, the original time is used as the base directly without adding extra week number. If the time difference is 8 days and 7 hours, which includes 1 full week, the week difference is 1. Then, add 1 week to the original time to get the second Saturday of the month and year at 3 pm, which is the starting point of the nearest repeating instance. For monthly recurring scenarios like elderly people's health checkups, a monthly time offset algorithm is used. If the time difference is 4 days and 1 hour and contains 0 complete months, the starting point of the nearest recurring instance is directly taken as the original time of 9:00 AM on the 1st of that month. If the time difference is 35 days and 1 hour and contains 1 complete month, then 1 month is added to the original time to get the starting point of the 1st of the following month of that year and month. At the same time, it automatically checks whether the following month has a 1st. If February only has 28 or 29 days, the starting point is automatically adjusted to the last day of February at 9:00 AM to ensure the accuracy of the calculation results. Finally, it quickly obtains the starting point of the recurring event instance that is closest to the current query time, without having to enumerate all recurring instances from the original time like a traditional calendar.

[0102] In this embodiment of the invention, by adopting the technical means of receiving the current query time generated by the three-axis linkage scrolling interaction model and obtaining the original time and repetition rules of the corresponding recurring event, calculating the time difference between the query time and the original event time, selecting the corresponding repetition frequency time offset algorithm according to the type of repetition rule, and then processing the time difference through the time offset algorithm to calculate the starting point of the nearest repetition instance, the invention overcomes the technical problem that traditional calendars need to enumerate all repetition instances from the original event time when calculating recurring events, which leads to increased computational complexity as the time span increases, computational lag under large data volume or long time span, and cannot meet the real-time scrolling display needs of family users when viewing recurring events. Thus, it achieves a significant reduction in the computational complexity of recurring events, and can quickly obtain the starting point of the nearest repetition instance without enumerating all instances, ensuring that recurring events can be displayed in real time and smoothly during vertical infinite scrolling, avoiding lag, improving the efficiency and experience of family users in viewing and coordinating recurring events, and better adapting to the core requirements of real-time performance and smoothness for family collaborative calendars.

[0103] In a preferred embodiment of the present invention, step 7 above may include:

[0104] Step 7.1: Receive the current query time and the original time of the recurring schedule event from the three-axis linkage scrolling interaction model. Specifically, when a family user browses the schedule through the three-axis linkage scrolling interaction model, for example, to confirm whether recurring schedules such as a child's weekly piano lesson on Saturdays or an elderly person's monthly community health check-up exist in the currently scrolled time period, the model will capture the time point focused by the user's scrolling operation in real time, pass this time point as the current query time, retrieve the recurring schedule event information related to the current query time from the schedule database, and extract the original time when the recurring schedule was first created, such as the time of the child's first piano lesson or the time of the elderly person's first community health check-up, to ensure accurate receipt of the two core time data required for subsequent calculations.

[0105] Step 7.2 involves standardizing the query time and the original time, converting them to a unified unit of time measurement. This includes standardizing the received current query time and the original time of the recurring event. First, a unified unit of time measurement is determined, such as the total number of seconds calculated from a fixed base time. This base time can be a distant and fixed date, ensuring all times can be accurately converted. Then, the current query time and the original time are converted according to this unified standard. For example, the original time of a child's piano lesson at 3 PM on a certain day of a certain month and year, and the current query time at 10 AM on a certain day of a certain month and year, are both converted to the total number of seconds from the base time to that point in time. This eliminates differences caused by different time representations and avoids errors in subsequent difference calculations due to inconsistent units of measurement.

[0106] Step 7.3: Based on the standardized time data, calculate the absolute time difference between the query time and the original time. According to the repetition rule type of the recurring schedule event, identify the repetition frequency characteristics and determine the corresponding repetition frequency time offset algorithm type. Specifically, this includes: subtracting the total number of seconds in the original time from the total number of seconds in the current query time obtained after standardization, and then taking the absolute value of the result to obtain the absolute time difference between the query time and the original time. For example, if the result of subtracting the total number of seconds in the original time from the total number of seconds in the standardized query time is positive 10,000 seconds, the absolute time difference is 10,000 seconds; if the result is negative 8,000 seconds, the absolute time difference is still 8,000 seconds. The repetition rules for recurring events are then analyzed to identify their corresponding repetition frequency characteristics: If the repetition rule is weekly, such as a child's piano lesson every Saturday, the repetition frequency characteristic is a 7-day cycle; if it's monthly, such as an elderly person's monthly community health check, the repetition frequency characteristic is a 1-month cycle, adapting to differences in the number of days in different months; if it's daily, such as daily work meeting reminders for parents, the repetition frequency characteristic is a 1-day cycle; if it's annual, such as a family annual dinner, the repetition frequency characteristic is a 1-year cycle, adapting to leap years and common years. Based on the identified repetition frequency characteristics, the corresponding repetition frequency time offset algorithm type is determined; for example, weekly repetition corresponds to a weekly time offset algorithm, and monthly repetition corresponds to a monthly time offset algorithm.

[0107] Step 7.4: Based on the determined repetition frequency time offset algorithm type, configure the corresponding algorithm parameters and establish a time offset calculation environment. Specifically, this includes: configuring the corresponding parameters required for the algorithm to run according to the determined repetition frequency time offset algorithm type. If the algorithm type is a weekly time offset algorithm, the configured parameters include a repetition period of 7 days and a weekly start date, such as using Monday as the weekly start date to ensure that the calculated repetition instances still fall on the same day of the week. If it is a monthly time offset algorithm, the configured parameters include rules for handling differences in the number of days in different months, such as automatically adjusting to the last day of the month when the original time is the 31st of a short month. If it is a daily time offset algorithm, the configured parameter is a repetition period of 1 day. If it is an annual time offset algorithm, the configured parameters include rules for handling differences in the number of days in February in leap years and common years, such as automatically adjusting to February 28th in a common year when the original time is February 29th. After the parameters are configured, load the algorithm and the configured parameters to build a stable time offset calculation environment.

[0108] In this embodiment of the invention, because the current query time and the original time of the recurring schedule event are received from the three-axis linkage scrolling interaction model, the query time and the original time are standardized to convert them into a unified time unit. Based on the standardized time data, the absolute time difference between the query time and the original time is calculated. The recurrence frequency characteristics are identified according to the recurrence rule type of the recurring schedule event to determine the corresponding recurrence frequency time offset algorithm type. Then, based on the determined algorithm type, the corresponding algorithm parameters are configured, and a time offset calculation environment is established. Therefore, this method overcomes the errors in the difference calculation caused by the use of different time units when processing recurring schedule events in traditional methods, and the inaccurate identification of the recurrence frequency characteristics of the recurrence rule type, which easily leads to the selection of the wrong suitable time. The offset algorithm, however, suffers from a lack of standardized parameter configuration, which can lead to a chaotic computing environment. This results in inaccurate and inefficient calculations of recurring event instances, failing to meet the technical needs of home users for accurate calculations of diverse recurring events such as weekly children's extracurricular activities and monthly health checkups for the elderly. The solution addresses this by ensuring that the difference between the query time and the original time is calculated without unit conversion errors, and by accurately matching and adapting to recurrence frequency characteristics. A time offset algorithm, built through standardized parameter configuration, creates a stable computing environment, laying a reliable foundation for efficiently and accurately calculating the starting point of the nearest recurring event instance. This avoids calculation errors caused by inconsistent units, incorrect algorithm selection, or chaotic parameters, improving the accuracy and efficiency of home users in handling various recurring events and better adapting to the diverse recurring event calculation needs in home scenarios.

[0109] like Figure 2 As shown, embodiments of the present invention also provide a family calendar system with smooth horizontal and vertical scrolling for multiple users, including:

[0110] The acquisition module is used to provide the root view page, which includes a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area.

[0111] The binding module is used to establish a two-way binding relationship between the date display area and the timeline area, and to control the timeline area to jump to a specified date in response to interactive operations in the date display area;

[0112] The scrolling module is used to perform horizontal scrolling operations on the multi-person avatar area and the multi-column schedule list area based on a specified date, through a two-way horizontal scrolling binding relationship between the multi-person avatar area and the multi-column schedule list area, and switch the corresponding multi-column schedule list area under the date display area; based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the time axis area and the multi-column schedule list area, and the time axis area and the multi-column schedule list area are scrolled vertically indefinitely to keep the displayed schedule content consistent with the indicated time period;

[0113] The module is used to integrate the member schedule column switching triggered by horizontal scrolling in the multi-person avatar area and the time period triggered by vertical scrolling in the time axis area, to build a three-axis linkage scrolling interaction model. Through a single scrolling gesture, you can browse the schedules of multiple family members in two dimensions: the horizontal member schedule column and the vertical time axis.

[0114] The calculation module is used to meet the real-time display requirements of recurring schedules generated by the three-axis linkage scrolling interaction model. By calculating the time offset of the recurring schedule, the starting point of the recurring instance is calculated based on the difference between the query time determined by scrolling and the original time of the event.

[0115] The above description represents the preferred embodiments of the present invention. It should be noted that those skilled in the art can make various improvements and modifications without departing from the principles of the present invention, and these improvements and modifications should also be considered within the scope of protection of the present invention.

Claims

1. A method for smooth horizontal and vertical scrolling of a family calendar for multiple users, characterized in that: The method includes: Provides a root view page, which includes a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area; Establish a two-way binding relationship between the date display area and the timeline area, and control the timeline area to jump to the specified date in response to interactive operations in the date display area; Based on a specified date, the system performs a horizontal scrolling operation on the multi-person avatar area and the multi-column schedule list area by binding the horizontal scrolling relationship between the multi-person avatar area and the multi-column schedule list area, and switches the corresponding multi-column schedule list area under the date display area. Based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the timeline area and the multi-column schedule list area. The timeline area and the multi-column schedule list area are scrolled vertically indefinitely to keep the displayed schedule content consistent with the indicated time period. By integrating the horizontal scrolling of the multi-person avatar area to trigger the switching of the member schedule column and the vertical scrolling of the time axis area to trigger the time period, a three-axis linkage scrolling interaction model is constructed. Through a single scrolling gesture, the schedules of multiple family members can be browsed in two dimensions: the horizontal member schedule column and the vertical time axis. For the requirement of real-time display of recurring schedules generated by the three-axis linkage scrolling interaction model, the starting point of the recurring instance is calculated by calculating the time offset of the recurring schedule and the difference between the query time determined by scrolling and the original time of the event.

2. The method for smooth horizontal and vertical scrolling of a family calendar for multiple users according to claim 1, characterized in that, Establish a two-way binding relationship between the date display area and the timeline area, and control the timeline area to jump to a specified date in response to interactive operations in the date display area, including: In response to a date selection operation in the date display area, the selected target date information is obtained; Based on the target date information, calculate the display time period corresponding to the time axis area to obtain the time axis display parameters for the start and end display positions; Based on the timeline display parameters, the timeline area is driven to update the displayed content, completing the jump to the time period corresponding to the target date.

3. The method for smooth horizontal and vertical scrolling of a family calendar for multiple users according to claim 2, characterized in that, Based on a specified date, and through the two-way horizontal scrolling relationship between the multi-person avatar area and the multi-column schedule list area, a horizontal scrolling operation is performed on both areas. This allows switching between the corresponding multi-column schedule list areas under the date display area, including: In response to a member selection operation in the multi-person avatar area, obtain the identifier information of the currently active member; Based on member identification information and the current specified date, generate corresponding member schedule column display configuration parameters; Based on the member schedule column display configuration parameters, drive the multi-column schedule list area to update its display content, and complete the display switching of the corresponding member schedule column; After the content of the multi-column schedule list area is updated, a reverse synchronization mechanism is established to the multi-person avatar area so that the horizontal scrolling operation of the multi-column schedule list area can trigger the update of the activation status of the corresponding member's identifier in the multi-person avatar area. By employing a forward synchronization mechanism from the multi-person avatar area to the multi-column schedule list area and a reverse synchronization mechanism from the multi-column schedule list area to the multi-person avatar area, a complete horizontal scrolling two-way binding relationship is constructed to ensure that member selection and schedule list display remain consistent.

4. The method for smooth horizontal and vertical scrolling of a family calendar for multiple users according to claim 3, characterized in that, Based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the timeline area and the multi-column schedule list area. The timeline area and the multi-column schedule list area are then scrolled vertically indefinitely to ensure that the displayed schedule content remains consistent with the indicated time period, including: Receive the vertical scrolling operation of the timeline area and parse the start and end times of the target time period indicated by the scrolling operation; Based on the start and end times, query the schedule data of all family members within the corresponding time period and generate a unified schedule display dataset; The unified schedule display dataset is distributed according to family member identifiers and transmitted to the corresponding member schedule columns in the multi-column schedule list area. After the schedule data distribution is completed, the vertical scrolling synchronization mechanism between the timeline area and the multi-column schedule list area is triggered, so that the scrolling position change of the timeline area is mapped to each member schedule column of the multi-column schedule list area in real time. Based on the scrolling synchronization mechanism, the displayed content of the timeline area and the multi-column schedule list area is dynamically managed. Schedule display elements are dynamically loaded and unloaded according to the visible area to achieve an infinite vertical scrolling effect, so that the displayed schedule content is consistent with the indicated time period.

5. The method for smooth horizontal and vertical scrolling of a family calendar for multiple users according to claim 4, characterized in that, By integrating the horizontal scrolling of the multi-person avatar area to trigger the switching of member schedule columns and the vertical scrolling of the timeline area to trigger the time period, a three-axis linked scrolling interaction model is constructed. This allows users to browse the schedules of multiple family members in both the horizontal member schedule column and the vertical timeline dimensions using a single scrolling gesture, including: Receive scroll gestures and parse the horizontal and vertical displacement components of the gestures; Based on the horizontal displacement component, the target scrolling position of the multi-person avatar area is calculated, and the corresponding member schedule column is switched; and based on the vertical displacement component, the target time period of the time axis area is calculated, and the corresponding time axis display parameters are determined. Integrate the member schedule column switching results with the timeline display parameters to generate a unified three-axis linkage display command; According to the display instructions, the activation status of the multi-person avatar area, the member column display content of the multi-column schedule list area, and the time period indicator of the time axis area are updated synchronously. Based on the synchronized updated display status, verify the correspondence between the content displayed in the horizontal member column and the time period indicated by the vertical time axis, ensuring that a single scroll gesture can browse the schedules of multiple family members in both the horizontal and vertical dimensions.

6. The method for smooth horizontal and vertical scrolling of a family calendar for multiple users according to claim 5, characterized in that, For the real-time display requirement of recurring schedules generated by the three-axis linkage scrolling interaction model, the starting point of the recurring instance is calculated by calculating the time offset of the recurring schedule and the difference between the query time determined by scrolling and the original time of the event. This includes: Receive the current query time generated by the three-axis linkage scrolling interaction model, and obtain the original time and repetition rules of the corresponding recurring schedule event; Calculate the time difference between the query time and the original event time; select the corresponding repetition frequency time offset algorithm according to the type of the repetition rule; The time difference is processed by a time offset algorithm to calculate the starting point of the nearest repeating instance.

7. The method for smooth horizontal and vertical scrolling of a family calendar for multiple users according to claim 6, characterized in that, Calculate the time difference between the query time and the original event time; Based on the type of the repetition rule, select the corresponding repetition frequency time offset algorithm, including: Receive the current query time and the original time of the recurring schedule event from the three-axis linkage scrolling interaction model; The query time and the original time are standardized to convert them into a unified unit of time measurement. Based on the standardized time data, the absolute time difference between the query time and the original time is calculated; according to the repetition rule type of the repetitive schedule event, the repetition frequency characteristics are identified, and the corresponding repetition frequency time offset algorithm type is determined. Based on the determined repetition frequency time offset algorithm type, configure the corresponding algorithm parameters and establish a time offset calculation environment.

8. A family calendar system with smooth horizontal and vertical scrolling for multiple users, wherein the system implements the method as described in any one of claims 1 to 7, characterized in that: include: The acquisition module is used to provide the root view page, which includes a date display area, a multi-column schedule list area, a multi-person avatar area, and a timeline area. The binding module is used to establish a two-way binding relationship between the date display area and the timeline area, and to control the timeline area to jump to a specified date in response to interactive operations in the date display area; The scrolling module is used to perform horizontal scrolling operations on the multi-person avatar area and the multi-column schedule list area based on a specified date, through a two-way horizontal scrolling binding relationship between the multi-person avatar area and the multi-column schedule list area, and switch the corresponding multi-column schedule list area under the date display area; based on the member schedule columns displayed in the multi-column schedule list area, a vertical scrolling binding relationship is established between the time axis area and the multi-column schedule list area, and the time axis area and the multi-column schedule list area are scrolled vertically indefinitely to keep the displayed schedule content consistent with the indicated time period; The module is used to integrate the member schedule column switching triggered by horizontal scrolling in the multi-person avatar area and the time period triggered by vertical scrolling in the time axis area, to build a three-axis linkage scrolling interaction model. Through a single scrolling gesture, you can browse the schedules of multiple family members in two dimensions: the horizontal member schedule column and the vertical time axis. The calculation module is used to meet the real-time display requirements of recurring schedules generated by the three-axis linkage scrolling interaction model. By calculating the time offset of the recurring schedule, the starting point of the recurring instance is calculated based on the difference between the query time determined by scrolling and the original time of the event.

9. A computing device, characterized in that, include: One or more processors; A storage device for storing one or more programs, which, when executed by one or more processors, cause the one or more processors to implement the method as described in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a program that, when executed by a processor, implements the method as described in any one of claims 1 to 7.

Images