List view assembly sliding display method and device

[0026] In one embodiment, as figure 1 As shown, a sliding display method of a list view component completely relies on a computer program that can run on a mobile device based on the von Leumann system, such as a smart phone, tablet computer, laptop computer, palmtop computer and e-readers, etc. The method includes the following steps:

[0027] Step S102, acquiring a progress bar trigger event.

[0028] In one embodiment, the progress bar triggering event is an event that triggers the display of the progress bar of the list view component. The progress bar of the list view component can be displayed immediately after the list view component is loaded (that is, once the list view component is created, its progress bar can always be visible), or after the list view component is loaded, when the user's trigger is obtained Display during operation. If the user's trigger operation times out, the progress bar of the list view component can also be automatically hidden, so that the display space can be used more reasonably.

[0029] For example, the progress bar trigger event can be the loading completion event of the list view component. After the list view component is loaded, the loading completion event is triggered to notify the display of the progress bar of the list view component; the progress bar trigger event can also be a sliding input event. When sliding input is performed on list view components such as the contact list and SMS list, the notification displays the progress bar of the corresponding list view component; the progress bar trigger event can also be a key trigger event. When the user presses the function key, the notification displays the corresponding progress bar. The progress bar of the listview component.

[0030] Step S104, acquiring the list view component corresponding to the triggering event of the progress bar.

[0031] If the progress bar trigger event is a loading completion event, get the corresponding loaded list view component that throws the loading completion event; if the progress bar trigger event is a sliding input event, get the display area where the progress bar trigger event is located , to get the list view component corresponding to the display area.

[0032] Step S106: Read the dynamically settable progress bar position configuration corresponding to the list view component, where the progress bar position configuration includes one of a left alignment attribute and a right alignment attribute.

[0033] Step S108, configure the progress bar displaying the list view component according to the position of the progress bar.

[0034] The list view component corresponds to a corresponding configuration file for defining the interface style. The configuration file can be set in advance in the mobile phone property settings, or can be dynamically set through the configuration function after the list view component is loaded. In this embodiment, by reading the position configuration of the progress bar, it can be determined whether the alignment attribute in the position configuration of the progress bar is a left-aligned attribute or a right-aligned attribute. The progress bar is displayed on the left sidebar of the display interface of the view component; if the alignment property configured at the position of the progress bar is the right alignment property, the progress bar is displayed on the right sidebar of the display interface of the list view component.

[0035] For example, in the Android system, the style configuration file of the list view component is in the xml file format. Among them, the alignment property is layout_alignParentLeft. If the alignment property is set to left, the read alignment property is the left alignment property, that is, the progress bar is displayed on the left sidebar; if the alignment property is set to right, the read alignment property is Right-aligned property, that is, the progress bar is displayed in the right sidebar.

[0036] In one embodiment, the step of configuring the progress bar for displaying the list view component according to the position of the progress bar may further include: obtaining a sorting index of the list view component, and displaying a scale value corresponding to the sorting index on the progress bar.

[0037] The sorting index of the list view component is the index value used to arrange the list items of the list view component.

[0038] like figure 2 As shown, in the list view component corresponding to the contact list, the sorting index may be an alphabetical sorting index, that is, sorting is performed according to the first letter of the contact name or the first letter of the pinyin corresponding to the contact name in the alphabet. . A 26-letter scale value can be displayed in sequence on the progress bar.

[0039] like image 3 As shown, in the list view component corresponding to the schedule type application (also called the Todo type application, that is, the user can add a number of matters that need to be processed in the day and their processing time, and prompt the user when the clock reaches the processing time), sort The index may be a clockwise order index, that is, sorting is performed according to the order of the processing time corresponding to the list items. Scale values ​​from 0 to 23 or 0 to 11am and 0 to 11pm can be displayed sequentially on the progress bar.

[0040] In one embodiment, after the step of configuring the progress bar for displaying the list view component according to the position of the progress bar, the display position progress information of the list view component may also be obtained, and the slider is displayed on the progress bar according to the display position progress information.

[0041] like Figure 4 As shown, the sliding block can be in the shape of a scroll bar, a dot, a square or an icon. Further, such as figure 2 and image 3 shown, the slider can also be a highlighted tick value (refer to figure 2 Scale values ​​in 8 and image 3 Scale value h).

[0042] The placement progress information is the relative position of the list item currently in the display interface among all the list items arranged in sequence. The percentage of the corresponding length of the slider on the progress bar can be determined according to the relative position.

[0043] Further, after the step of displaying the slider on the progress bar according to the progress information, the positioning event corresponding to the slider and the progress bar can also be obtained, the positioning progress information of the positioning event on the progress bar can be obtained, and the list view component can be displayed according to the positioning progress information. .

[0044] The positioning progress information is the relative position of the sorted list items located, which can be expressed as a percentage.

[0045] In one embodiment, the positioning event may be a swipe event. The user's sliding operation on the sliding block can be obtained, the dragging distance of the sliding block in the extension direction of the progress bar can be obtained, the positioning progress information can be obtained according to the dragging distance and the length of the progress bar, and the positioning progress information can be obtained according to the positioning progress information. The corresponding list item in the list view component is displayed.

[0046]In one embodiment, the positioning event may also be a touch event. The user's touch event on the progress bar can be obtained, and the relative position of the touch point corresponding to the touch event on the progress bar can be obtained. If the slider is a dot, square or icon, etc., move the slider to the touch point on the progress bar and display it. The positioning progress information is the relative position of the touch point on the progress bar; if the slider is a scale value, you can Get the scale value corresponding to the touch point and highlight it. The positioning progress information is the relative position of the scale value in the sorting index.

[0047] Using the slider to locate the display position of the list view component can prevent the display position of the list view component from being moved to the corresponding list item by quickly positioning the slider on the progress bar when there are many list items. Thus, the convenience of operation is improved.

[0048] In one embodiment, the inputted progress bar position configuration information may also be acquired, and the progress bar position configuration information may be stored in a configuration file.

[0049] In one embodiment, the progress bar position configuration entry may be displayed in the settings interface of the smartphone. The user can enter through the "Phone Settings" option, and in the "Left and Right Handed Mode" option, slide the slider to select the left-handed mode or the right-handed mode. The left-handed mode means that the progress bar of the list view component is displayed on the left sidebar; the right-handed mode That is, the progress bar of the list view component is displayed in the right sidebar. "Left-hand mode" or "Right-hand mode" is the position configuration information of the progress bar. The configuration file used for storage is the style configuration file for the list view component. For example, in the Android system, "left-hand mode" corresponds to the "left" attribute value of the layout_alignParentLeft attribute in the xml file, and correspondingly, "right-hand mode" corresponds to the "right" attribute value.

[0050] In one embodiment, the input progress bar position configuration information can also be acquired through a trigger instruction. In an application scenario, a sliding event corresponding to the progress bar and perpendicular to the extending direction of the progress bar can be obtained, and the inputted position configuration information of the progress bar can be obtained according to the sliding event. Further, after it is stored in the configuration file, the list view component is also redrawn, so that the position of the progress bar on the display interface is adjusted in real time on the display.

[0051] For example, as Figure 5 As shown, the initial position of the progress bar is on the right sidebar of the list view component. If the user presses the progress bar and drags the progress bar horizontally to the left for a certain distance, the progress bar will be displayed on the left by modifying the configuration file and redrawing it. The position of the sidebar.

[0052] In another application scenario, a left-handed mode switch key can be set, and the display position of the progress bar can be switched by triggering the left-right-handed mode switch key.

[0053] In another application scenario, the display position of the progress bar can also be switched by rotating the phone. like Image 6 As shown, if the user rotates the phone 90 degrees to the left and then restores quickly, enter the position configuration information of the progress bar corresponding to the left-hand mode; if the user rotates the phone 90 degrees to the right and restores quickly, enter the position configuration information of the progress bar corresponding to the right-hand mode .

[0054] In one embodiment, as Figure 7 As shown, a sliding display device for a list view component includes:

[0055] The event obtaining module 102 is used for obtaining the triggering event of the progress bar.

[0056] The component obtaining module 104 is used for obtaining the list view component corresponding to the triggering event of the progress bar.

[0057] The configuration reading module 106 is configured to read the dynamically settable progress bar position configuration corresponding to the list view component, where the progress bar position configuration includes one of a left alignment attribute or a right alignment attribute.

[0058] The interface display module 108 is configured to display the progress bar of the list view component according to the position of the progress bar.

[0059] In one embodiment, the interface display module 108 is further configured to obtain the sorting index of the list view component, and display the scale value corresponding to the sorting index on the progress bar.

[0060] In one embodiment, the interface display module 108 is further configured to obtain the display position progress information of the list view component, and display the slider on the progress bar according to the display position progress information.

[0061] In one embodiment, the interface display module 108 is further configured to obtain the positioning event corresponding to the slider and the progress bar, obtain positioning progress information of the positioning event on the progress bar, and display the list view component according to the positioning progress information.

[0062] In one embodiment, as Figure 7 As shown, the sliding display device for the list view component further includes a left-handed mode configuration module 110 for acquiring the inputted progress bar position configuration information, and storing the progress bar position configuration information in a configuration file.

[0063] In the above method and device for sliding display of a list view component, after acquiring the trigger event of the progress bar corresponding to the list view component, the alignment property in the position configuration of the progress bar, that is, the left alignment property or the right alignment property, is read according to the alignment property. Set the position of the progress bar in the display interface, so that the user can choose to display the progress bar on the left sidebar or the right sidebar of the list view component by pre-setting or dynamically setting the alignment property in the configuration file after loading the list view component. For a large-screen mobile phone or tablet, in left-handed or right-handed mode, the user can quickly slide the list view component with only one hand to locate the list item, thus improving the convenience of operation.

[0064] Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium. During execution, the processes of the embodiments of the above-mentioned methods may be included. The storage medium may be a magnetic disk, an optical disk, a read-only memory (Read-Only Memory, ROM), or a random access memory (Random Access Memory, RAM) or the like.

[0065] The embodiment of the present invention also provides another device for sliding display of list view components, such as Figure 8 As shown, for the convenience of description, only the part related to the embodiment of the present invention is shown, and the specific technical details are not disclosed, please refer to the method part of the embodiment of the present invention. The terminal can be any terminal device including a mobile phone, a tablet computer, a PDA (Personal Digital Assistant, personal digital assistant), a POS (Point of Sales, a sales terminal), a vehicle-mounted computer, etc. The terminal is a mobile phone as an example:

[0066] Figure 8 Shown is a block diagram of a partial structure of a mobile phone related to a terminal provided by an embodiment of the present invention. refer to Figure 8 The mobile phone includes: a radio frequency (RF) circuit 1110, a memory 1120, an input unit 1130, a display unit 1140, a sensor 1150, an audio circuit 1160, a wireless transmission module 1170, a processor 1180, and a power supply 1190 and other components. Those skilled in the art can understand that, Figure 8 The structure of the mobile phone shown in the figure does not constitute a limitation on the mobile phone, and may include more or less components than those shown in the drawings, or combine some components, or arrange different components.

[0067] Combine below Figure 8 A detailed introduction to the various components of the mobile phone:

[0068] The RF circuit 1110 can be used for receiving and sending signals during information transmission and reception or during a call. In particular, after receiving the downlink information of the base station, it is processed by the processor 1180; in addition, it sends the designed uplink data to the base station. Typically, the RF circuit includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a Low Noise Amplifier (LNA), a duplexer, and the like. In addition, the RF circuit 110 may also communicate with networks and other devices via wireless communication. The above-mentioned wireless communication can use any communication standard or protocol, including but not limited to Global System of Mobile Communication (GSM), General Packet Radio Service (General Packet Radio Service, GPRS), Code Division Multiple Access (Code Division) Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (Long Term Evolution, LTE)), email, Short Messaging Service (Short Messaging Service, SMS), etc.

[0069] The memory 1120 can be used to store software programs and modules, and the processor 1180 executes various functional applications and data processing of the mobile phone by running the software programs and modules stored in the memory 1120 . The memory 1120 may mainly include a stored program area and a stored data area, wherein the stored program area may store an operating system, an application program required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; Data created by the use of the mobile phone (such as audio data, phone book, etc.), etc. Additionally, memory 1120 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.

[0070] The input unit 1130 may be used to receive input numerical or character information, and generate key signal input related to user settings and function control of the mobile phone 1100 . Specifically, the input unit 1130 may include a touch panel 1131 and other input devices 1132 . The touch panel 1131, also known as a touch screen, can collect the user's touch operations on or near it (such as the user's finger, stylus, etc., any suitable object or accessory on or near the touch panel 1131). operation), and drive the corresponding connection device according to the preset program. Optionally, the touch panel 1131 may include two parts, a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into contact coordinates, and then sends it to the touch controller. To the processor 1180, and can receive the commands sent by the processor 1180 and execute them. In addition, the touch panel 1131 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch panel 1131 , the input unit 1130 may further include other input devices 1132 . Specifically, other input devices 1132 may include, but are not limited to, one or more of physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, joysticks, and the like.

[0071] The display unit 1140 may be used to display information input by the user or information provided to the user and various menus of the mobile phone. The display unit 1140 may include a display panel 1141, and optionally, the display panel 1141 may be configured in the form of a liquid crystal display (Liquid Crystal Display, LCD), an organic light-emitting diode (Organic Light-Emitting Diode, OLED), or the like. Further, the touch panel 1131 may cover the display panel 1141. When the touch panel 1131 detects a touch operation on or near it, it transmits it to the processor 1180 to determine the type of the touch event, and then the processor 1180 determines the type of the touch event according to the touch event. Type provides corresponding visual output on display panel 1141. Although in Figure 8, the touch panel 1131 and the display panel 1141 are used as two independent components to realize the input and input functions of the mobile phone, but in some embodiments, the touch panel 1131 and the display panel 1141 can be integrated to realize the input of the mobile phone and output functions.

[0072] Cell phone 1100 may also include at least one sensor 1150, such as light sensors, motion sensors, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 1141 according to the brightness of the ambient light, and the proximity sensor may turn off the display panel 1141 and/or when the mobile phone is moved to the ear. or backlight. As a kind of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (usually three axes), and can detect the magnitude and direction of gravity when stationary, and can be used for applications that recognize the posture of mobile phones (such as horizontal and vertical screen switching, related games, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for other sensors such as gyroscope, barometer, hygrometer, thermometer, infrared sensor, etc. Repeat.

[0073] The audio circuit 1160, the speaker 1161, and the microphone 1162 can provide an audio interface between the user and the mobile phone. The audio circuit 1160 can convert the received audio data into an electrical signal, and transmit it to the speaker 1161, and the speaker 1161 converts it into a sound signal for output; on the other hand, the microphone 1162 converts the collected sound signal into an electrical signal, which is converted by the audio circuit 1160 After receiving, it is converted into audio data, and then the audio data is output to the processor 1180 for processing, and then sent to, for example, another mobile phone through the RF circuit 1110, or the audio data is output to the memory 1120 for further processing.

[0074] WiFi is a short-distance wireless transmission technology. The mobile phone can help users to send and receive emails, browse web pages, and access streaming media through the WiFi module 1170, which provides users with wireless broadband Internet access. Although Figure 8 The WiFi module 1170 is shown, but it can be understood that it is not a necessary component of the mobile phone 1100, and can be completely omitted as required within the scope of not changing the essence of the invention.

[0075] The processor 1180 is the control center of the mobile phone, using various interfaces and lines to connect various parts of the entire mobile phone, by running or executing the software programs and/or modules stored in the memory 1120, and calling the data stored in the memory 1120. Various functions of the mobile phone and processing data, so as to monitor the mobile phone as a whole. Optionally, the processor 1180 may include one or more processing units; preferably, the processor 1180 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, etc. , the modem processor mainly deals with wireless communication. It can be understood that, the above-mentioned modulation and demodulation processor may not be integrated into the processor 1180.

[0076] The mobile phone 1100 also includes a power supply 1190 (such as a battery) for supplying power to various components. Preferably, the power supply can be logically connected to the processor 1180 through a power management system, so as to manage charging, discharging, and power consumption management functions through the power management system.

[0077] Although not shown, the mobile phone 1100 may also include a camera, a Bluetooth module, and the like, which will not be described herein again.

[0078] The above-mentioned embodiments only represent several embodiments of the present invention, and the descriptions thereof are specific and detailed, but should not be construed as a limitation on the scope of the patent of the present invention. It should be pointed out that for those skilled in the art, without departing from the concept of the present invention, several modifications and improvements can be made, which all belong to the protection scope of the present invention. Therefore, the protection scope of the patent of the present invention should be subject to the appended claims.