TW201423571A - Image frame display control method and system - Google Patents

Abstract

The present invention provides an image frame display control method and system. The image frame opening control method is applicable between an image frame and an electronic device for opening and displaying the image frame in order to control the electronic device to open and display the image frame. The image frame displaying control method divides an image frame into several function blocks, and when the electronic device opens the image frame, according to the opening sequence parameters and width parameters of the function blocks and under the condition that the total width of all function blocks that are opened and arranged to display on the image frame is not larger than the width of image frame, appropriate function blocks are opened and the width of each function block is adjusted, so that the total width of the already-opened function blocks approaches or equals to the width of the image frame, which is a kind of brand-new image frame displaying control method.

Description

Image screen display control method and system

The present invention relates to a screen display method and display control system, and more particularly to a screen screen control method and system for displaying an image of an image.

Since the width and size specifications of the screen of a conventional computer or a notebook computer are only fixed, the traditional image webpage, screen image, and the like are designed, and only one image frame format is designed, and then the entire image frame can be enlarged and reduced according to a specific scale. In this way, the image screen can be displayed on the screen in various sizes.

However, with the popularity of electronic devices such as smart phones and tablets, and the enhancement of mobile communication technology, almost anyone can directly connect to the video through electronic devices such as smart phones or tablets, but because of the current mobile devices and tablets. There are many screen sizes of electronic devices such as computers. In the past, video images of a single format can no longer be displayed on the electronic device by means of proportional enlargement and reduction. For example, the image images originally designed for the traditional computer screen size specifications are When the display is turned on on a smart phone, it may appear messy or shrink to be difficult to read, so this single image format is not designed to meet current needs.

In order to enable various electronic devices to smoothly open and view video image content, video image developers often have to design separate image frames of different specifications for the screen size specifications of currently popular electronic devices. However, this method will greatly increase the development cost and time of the image frame, and the maintenance of subsequent image images will be more troublesome.

Accordingly, it is an object of the present invention to provide an image screen display control method and system that automatically adjusts the content of a displayed image frame in accordance with the screen width of the electronic device.

Therefore, the image display control method of the present invention is applicable to an image display and an electronic device for displaying the image display to control the display of the image of the image on a screen of the electronic device. The display control method comprises the following steps: dividing an image picture into a plurality of function blocks, and defining an open sequence parameter for each function block in the order in which each function block is displayed, and for each function block The width of the opened display defines a width parameter; when the electronic device turns on the image frame, if the image frame width is greater than the screen screen width, the opening sequence parameter and the width parameter are turned on according to the function block. The horizontal arrangement is displayed under the condition that the total width of all the functional blocks of the screen is not greater than the width of the screen, and an appropriate number of functional blocks are sequentially opened, and the functional blocks that are opened are displayed in the horizontal direction of the screen; And adjusting each functional block according to the width parameter of the functional block that has been turned on and displayed on the screen A width, such that the total width has been opened approaching or equal to the functional blocks of the screen width of the screen.

Therefore, the image display control system of the present invention is adapted to be programmed on an electronic device to control the electronic device to display and display an image frame. The image frame is divided into a plurality of columns arranged one above another. The horizontal column is further divided into a plurality of horizontally arranged functional blocks, and the functional blocks of the same horizontal row respectively define an opening sequence parameter and a width parameter of the opened display, and the image screen display control system comprises: a width The judging module, a parameter capturing module, a display judging module, and a width adjusting module. The width judging module can determine the relative size of the width of the image screen and the width of the screen screen of the electronic device currently placed when the electronic device is to be turned on. The parameter capture module captures the open sequence parameter and the width parameter of the functional blocks of each row of the image frame when the electronic device turns on the image frame. The display judging module is configured to: when the width of the image frame is greater than the width of the screen of the electronic device, the total width of all functional blocks that are opened in a horizontal row and horizontally displayed on the screen is not greater than the width of the screen. Under the condition, according to the opening sequence parameter and the width parameter of the functional blocks of each row, an appropriate number of functional blocks are sequentially opened, and the opened functions of each course are displayed in the horizontal direction of the screen screen. Block. The width adjustment module adjusts the width of all the functional blocks in the horizontal display that are displayed on the screen according to the width parameter of the functional blocks of each row, so that the courses are opened. The total width of all functional blocks approaches or equals the width of the screen.

The effect of the present invention: through the design of the image display control system and method, the electronic device can automatically adjust the displayed image on the screen according to the width of the screen, thereby avoiding confusion due to the difference between the screen width and the image width. The situation of the display, and the fact that it is difficult to watch the click because of the scale reduction, is a brand new image display Control Method.

The above and other technical contents, features and advantages of the present invention will be apparent from the following detailed description of the preferred embodiments.

As shown in FIGS. 1, 3 and 5, a preferred embodiment of the image display control system of the present invention is suitable for programmatically constructing an electronic device 900 for controlling the electronic device 900 to display the content of an image frame 800. For example, it can be designed as an application software type for users to download and install on the electronic device 900 held by the user. The electronic device 900 has a screen 901 for displaying the content of the image frame 800, and can be rotated between the standing position and the horizontal arrangement to change the display direction, and relatively adjust the display direction of the screen 901 content. The electronic device 900 can be a smart phone, a tablet computer, a television, a notebook computer, etc., but is not limited thereto.

The image screen 800 may be a webpage screen of a website, a restaurant ordering image screen, or a store checkout transaction system image screen, etc., and is not limited to the above categories. The content of the image frame 800 is divided into a plurality of horizontally arranged columns 801. Each row 801 is further divided into a plurality of functional blocks 802 arranged in order from left to right. Each row 801 is defined as a An extended parameter of the extended tag 40 is generated, and a position parameter is defined for each functional block 802 according to the left and right relative positional relationship of the functional blocks 802 of each row 801, and according to each rank 801. The importance of the functional blocks 802, respectively, defines an open sequence parameter for each functional block 802, which is used to determine that the functional blocks 802 are turned on. The relative positional relationship of the display, the open sequence parameters determine the priority order in which the functional blocks 802 in the rank 801 are to be opened when a row 801 is to be opened, and in addition, A width of the function block 802 is displayed, and a width parameter and an extension parameter are defined for each function block 802. The width parameter includes a standard display width and a maximum magnification width, and the extension parameter determines the function. When the block 802 is opened and arranged in the course 801, whether it is to be stretched left and right.

The image display control system includes a width determining module 2, a parameter capturing module 3, an extended label module 4, a display determining module 5, a width adjusting module 6, and an extension adjusting module 7. .

When the electronic device 900 loads the video image 800, the width determining module 2 determines the magnitude relationship between the width of the video screen 800 and the width of the screen 901 in the current orientation of the electronic device 900, and outputs a corresponding one. The width is compared with the signal, and when the electronic device 900 rotates to change its orientation, the size relationship between the width of the image screen 800 and the width of the screen 901 is re-analyzed.

The parameter capturing module 3 captures the extended parameter, the position parameter, the opening sequence parameter, the width parameter, and the extension parameter in each row 801 of the image frame 800 when the electronic device 900 loads the image frame 800. .

The extended tag module 4 is enabled to start when the width comparison signal represents that the width of the image frame 800 is greater than the width of the screen 901, and the extended parameter definition of each column 801 is determined. Expanding the label 40, an extended label 40 is displayed on the right edge of the horizontal area of the screen 901 where the display 801 is expected to be displayed, and the expansion will be performed. The display label 40 and the horizontal column 801 are not connected to the remaining function block 802 displayed on the screen 901 by the display determination module 5, and when the extended label 40 is clicked, the display can be displayed on the screen 901. The remaining functional block 802.

The display determination module 5 can determine the on-display mode of the ranks 801 of the image screen 800 according to the width ratio of the output of the width determination module 2. When the width of the image frame 800 is less than or equal to the width of the screen 901, the display determining module 5 directly displays the image frame 800 according to the standard display width of the functional blocks 802 of the rows 801. It should be noted that when the image screen 800 is turned on, according to the height dimension of the screen screen 901, the partial course 801 of the image screen 800 may not be displayed on the screen screen 901 because the screen screen 901 height and the image screen 800 are displayed. The high degree of relationship is not the focus of the case, so it will not be explained.

When the width of the image frame 800 is greater than the width of the screen 901, it indicates that the screen 901 cannot completely display all the functional blocks 802 of each row 801 of the image frame 800. At this time, the display determination module 5 Each row 801 is opened one by one from top to bottom, and when each row 801 is turned on, it is determined according to the opening order parameter and the width parameter of the function block 802 of the row 801, respectively. A function block 802, according to the position parameter definition of the course 801, displays the function block 802 determined to be turned on in the course 801 on the screen 901. When the screen 901 is expected to display the area of the row 801 with the extended tag 40, the display determining module 5 is the function block 802 that the course 801 is opened. It is displayed in the remaining space 902 after the screen label 901 is deducted from the extension tag 40. The associated open display mode of the functional blocks 802 of each row 801 will be described in detail later.

The width adjustment module 6 may have a total width of all the function blocks 802 displayed on the screen screen 901 when the width of the image screen 800 is smaller than the width of the screen screen 901 or less than the width of the screen screen 901. When the total width of all the functional blocks 802 and the extended label 40 that have been opened by a row 801 is smaller than the width of the screen 901, the row 801 is enlarged according to the maximum enlarged width of the functional blocks 802. The width of all the functional blocks 802 that have been turned on, such that the width of the horizontal column 801 is enlarged, or the total width of all the functional blocks 802 that have been turned on, or all the functional blocks that have been turned on after being enlarged. The total width of the 802 and the extended tag 40 approaches, respectively, or is equal to the width of the screen 901. The manner in which the width adjustment module 6 adjusts the width of the functional blocks 802 will be described in detail later.

The extension adjustment module 7 further determines whether to adjust according to the extension parameter of the function block 802 in the row 801 after the width 801 of the row 801 is still smaller than the width of the screen 901. The function block 802 of the row is wide such that the total width of all functional blocks 802 that have been opened by the entire course 801 is the same width as the width of the screen 901, or all functional blocks 802 that have been opened by the entire course 801 and The total width of the extended tag 40 is equal to the width of the screen 901. The relevant adjustment methods are explained together.

As shown in Figures 1, 2, and 3, the image display control system of the present invention is continued. The method for controlling the display of the image screen 800 is described in detail, and in order to clearly describe the image screen display control method of the present invention, the following is the opening portion of the image screen 800, which is the function block 802 of one of the rows 801 of the image screen 800. The display control mode is turned on as an example. The image display 800 display control method includes the following steps:

The division of the column 801 and the functional block 802 for an image frame 800, and the steps of defining parameters.

When the image screen 800 is developed and designed, the designed image frame 800 is divided into a plurality of rows 801 which are successively arranged from top to bottom, and each row 801 is further divided into a plurality of functional blocks 802 arranged in order. An extension parameter is defined for each rank 801, and a position parameter, an open sequence parameter, a width parameter, and an extension parameter are defined for each of the functional blocks 802 of each rank 801.

An extended tag 40 step is generated.

As shown in FIG. 1, 2, 4, and 5, when the width of the image frame 800 is greater than the width of the screen 901, the extended tag module 4 determines whether to generate an extended tag according to the extended parameter definition of the predetermined open column 801. 40. If the extended parameter is defined as generating the extended tag 40, the extended tag module 4 displays an extended tag 40 at the right border of the area of the screen 901 where the course 801 is scheduled to be displayed.

The step of displaying the functional block 802 of each row 801 of the image frame 800 is turned on.

When the electronic device 900 is connected to the image screen 800, the display determination module 5 displays the width of the image frame 800 according to the width of the image frame 800. In 901 size relationship, each row 801 of the image frame 800 is opened. In this embodiment, the display determination module 5 displays the standard display width of the width parameter of each functional block 802 when the function block 802 of each row 801 is turned on.

When the width of the image frame 800 is equal to the width of the screen 901 (as shown in FIG. 3 ), the extended tag module 4 does not operate, and the display determining module 5 directly displays the image frame 800 directly on the screen 901 . At this time, the display width of the image screen 800 will be equal to the width of the screen 901, that is, the columns 801 will be completely displayed.

When the width of the image frame 800 is smaller than the width of the screen 901 (as shown in FIG. 4a), the display determining module 5 directly displays each display according to the standard display width of the functional blocks 802 of the rows 801. The course 801, that is, directly displays the image screen 800, so that all the functional blocks 802 of the ranks 801 of the image screen 800 are directly displayed on the screen 901 according to the original arrangement.

When the width of the image frame 800 is greater than the width of the screen 901 (as shown in FIG. 5a), the total width of all the functional blocks 802 that the display determining module 5 is turned on in the row 801 is not greater than the screen 901. Under the condition of the width, or the total width of the function block 802 and the extended label 40 of the row 801 being opened, the width of the screen 901 is not greater than the width of the screen 901, according to the functional areas of each row 801. The opening sequence parameter of the block 802 is sequentially determined one by one for each functional block 802, instead of being judged one by one according to the order of the functional blocks 802. The following is that the extended tag module 4 generates an extended tag. 40 for the column to explain At this time, the function block 802 in which the course 801 is turned on is displayed in the remaining space 902 after the screen 901 is deducted from the extended tag 40.

When the row 801 is turned on, the size parameter of the first open functional block 802 is determined by the opening sequence parameter, and the width of the first open functional block 802 is less than or equal to the width of the screen 901. The remaining space 902 of the screen 901 is determined to open the functional block 802. Next, it is determined that the open sequence parameter represents the width of the second open functional block 802. If the width of the second open functional block 802 is less than or equal to the screen 901, the extended label 40 is deducted and the first open The remaining space 902 width after the function block 802 determines to open the function block 802. Then, the function block 802 representing the third opening is continued to be judged, and so on, until the currently determined function block 802 is wider than the screen 901 minus the extended tag 40 and all the functional blocks 802 to be opened. The remaining space 902 is wide. At this time, the currently determined function block 802 determines not to be turned on, and stops the opening judgment of the remaining functional blocks 802 of the column 801.

After determining the function block 802 to be opened by the row 801, the function blocks are arranged in the remaining space 902 of the screen 901 according to the position parameters of the function block 802 to be opened. 802, and the remaining functional blocks 802 that are not turned on are hidden. In addition, the extended tag module 4 connects the remaining functional block 802 that is not turned on to the extended tag 40.

The step of adjusting the width of all of the functional blocks 802 that have been displayed for each of the columns 801 is adjusted.

If the total width of all the functional blocks 802 and the extended label 40 that are displayed in a row 801 is smaller than the width of the screen 901, for example, the width of the image frame 800 is smaller than the width of the screen 901, the display is directly turned on, or The width of the image frame 800 is greater than the width of the screen 901, so that all the functional blocks 802 and the extended label 40 that are displayed in the row 801 are not displayed in the column, and the width adjusting module 6 adjusts all the columns 801. The width of the function block 802 has been turned on such that the width of the course 801 approaches or is equal to the width of the screen 901, or the total of the opened function block 802 and the extended tag 40 of the course 801. The width approaches or equals the width of the screen 901.

The width adjustment module 6 calculates the total width of the opened function blocks 802 of the course 801, the ratio of the width of the screen 901 relative to the width of the screen 901, or the remainder of the screen label 901 after subtracting the extension label 40. The ratio of the width of the space 902, and the width of the opened functional block 802 is scaled according to the ratio, but the enlarged width of the functional blocks 802 may not be greater than the maximum magnification of the width parameter thereof. If the enlarged width of all the functional blocks 802 is smaller than the maximum magnification width, the enlarged width of the horizontal column 801 is equal to the width of the current remaining space 902, that is, the opened functional blocks of the horizontal column 801. The total width of 802, or the total width of the opened functional block 802 and the extended tag 40, will be as wide as the screen 901, presenting a full column display state. If some of the functional blocks 802 can only be enlarged to their maximum magnification width, the width of the horizontal column 801 may still be smaller than the current remaining space 902 width, but not displayed in the full column (as shown in FIGS. 4b and 5b). .

The step of extending the width of each row 801 to the full column display.

If a row 801 is still not fully displayed after being enlarged by the width adjustment module 6, the extension adjustment module 7 successively determines the definition of the extension parameter of the function block 802 of the row 801 to appropriately extend the course. 801 total width. When the width of the function block 802 of the row 801 is to be extended, the definition of the extension parameter of the function block 802 closest to the remaining space 902 in the row 801 is first determined, that is, the row 801 is first arranged on the rightmost side. The extension parameter definition of the function block 802, if defined as being extended, extends the width of the function block 802 to the full column 801 in a full column display or extends to the right side of the extension tag 40. The full column is displayed (as shown in Figures 4c and 5c). If the last functional block 802 of the arrangement is defined as not extending, the extension parameter of the next functional block 802 is determined in the direction away from the remaining space 902, that is, the penultimate functional block of the arrangement of the row 801 is determined. Whether 802 is defined as being extended, if it is to be extended, the width of the functional block 802 is extended, and the last functional block 802 is arranged relatively to the right, so that the last functional block 802 of the arrangement is adjacent to the extended tag 40. . By analogy, until one of the functional blocks 802 is extended, the rank 801 is displayed in a full column.

When the electronic device 900 rotates and changes its placement direction, the step of displaying and displaying each of the courses 801 of the image frame 800 is re-adjusted.

When the user turns the electronic device 900 into a position, for example, when changing from horizontal to vertical, the width of the screen 901 is usually smaller as it is rotated upright, which may cause the width of the image frame 800 to be larger than the width of the screen 901. Therefore, it is necessary to re-adjust each row 801 of the image screen 800. At this time, the width determining module 2 re-determines the magnitude relationship between the width of the image screen 800 and the width of the current screen 901, and the parameter capturing module 3, the extended label module 4, and the display determining module 5. The width adjustment module 6 and the extension adjustment module 7 re-adjust the content of the image screen 800 displayed on the screen 901 according to the above steps.

Through the above-mentioned image screen 800, the design of the control system and method is displayed. The developer of the image screen 800 only needs to design an image screen 800 format for a certain screen screen 901 width specification, and divide the row 801 and the function block by dividing the image screen 800. 802, and setting an extension parameter for each row 801, and defining a position parameter, an opening sequence parameter, a width parameter, and an extension parameter for each display block 802 display position, importance, and display width size requirements, respectively. When the image frame 800 is opened by the electronic device 900 of the width of the other screen 901, the electronic device 900 can adjust the image frame 800 to a format suitable for the width of the screen 901 through the image display control system. And each of the displayed columns 801 will be neatly displayed, and relatively beautiful, and the screen image 800 displayed may not be arranged in a disorderly manner because the screen screen 901 is too small, or may be inconspicuously narrowed and difficult to click. . When the electronic device 900 turns to relatively change the width of the screen 901, the image display control system also re-adjusts the content of the displayed image frame 800. Therefore, only the development of the image frame 800 of a single width specification can meet the requirements of the electronic device 900 of all screen screens 901 specifications, which helps to reduce the development and maintenance cost of the image screen 800.

In the above embodiment, the purpose of setting the extended tag module 4 is The remaining function block 802, which is not displayed in a row 801, is displayed on the far right side of the row 801 by an extended tag 40, so that the user can use or view the remaining function blocks 802 when needed. The remaining functional blocks 802 are displayed by clicking on the extended tag 40. However, in practice, the position of the extension tag 40 can also be disposed at the leftmost side of the course 801, or can be interspersed in the course 801, and is not limited to the above manner.

In addition, the extended tag module 4 is also unnecessary, that is, the remaining function block 802 is not required to be represented by the extended tag 40, and the remaining function blocks 802 can be directly hidden without being displayed. Therefore, when the expansion screen 40 is not displayed on the screen 901, the display determination module 5 determines the width of the remaining space 902 of the function block 802 and the screen 901, and the width adjustment module 6 and the extension adjustment module. 7 When adjusting the width of the functional blocks 802, it is no longer necessary to consider the effect of the width of the extended tag 40.

Furthermore, in the above embodiment, the functional blocks 802 that are displayed for each course 801 are arranged according to their left and right relative positions in the original course 801, but may be implemented according to the opening. The order is sequentially displayed from right to left, and is not limited to the above arrangement.

In summary, through the design of the image display control system and method, the developer of the image screen 800 only needs to develop and design an image screen 800 for a certain screen screen 901 width specification, so that the image screen display control system can be provided. When loading the image screen 800, the electronic device 900 automatically depends on the width of the screen 901 and the image screen 800. The parameters of the horizontal row 801 and the function block 802 define the content of the displayed image screen 800, and each row 801 of the displayed image screen 800 is displayed neatly and completely, and no longer occurs because of the width of the screen 901. It is a situation in which the original image frame 800 has a different format and is displayed in a messy manner. It can also avoid the situation that it is difficult to view the point selection because it is scaled down. It is a new image display control method for the image screen 800, which is quite convenient and practical. Therefore, the object of the present invention can be achieved.

The above is only the preferred embodiment of the present invention, and the scope of the invention is not limited thereto, that is, the simple equivalent changes and modifications made by the scope of the invention and the description of the invention are All remain within the scope of the invention patent.

1‧‧‧Image display control system

2‧‧‧Width judgment module

3‧‧‧Parameter acquisition module

4‧‧‧Extended label module

40‧‧‧Extension label

5‧‧‧Display judgment module

6‧‧‧Width adjustment module

7‧‧‧Extension adjustment module

800‧‧‧Image screen

801‧‧‧

802‧‧‧ functional block

900‧‧‧Electronic devices

901‧‧‧Screen screen

902‧‧‧Remaining space

1 is a functional block diagram of a preferred embodiment of the image display control system of the present invention; FIG. 2 is a flow chart showing the steps of the image display control method of the present invention; FIG. 3 is a schematic diagram showing an image frame width and an electronic device. When the screen width is the same width, one of the preferred embodiments displays the content of the image displayed on the screen by the determining module; FIG. 4 is a partial schematic view showing the preferred embodiment in which the width of the image is smaller than the width of the screen. The flow chart of adjusting the content of the image screen displayed on the screen screen, wherein FIG. 4(a) is a schematic diagram illustrating the case where the image screen is directly opened and displayed; FIG. 4(b) is a schematic diagram illustrating one of the image screens. After the width of the width adjustment module is enlarged by the width adjustment module, the display is still not full; FIG. 4(c) is a schematic diagram illustrating the course through an extended adjustment mode. The group extends the rightmost functional block width to the full column display; and FIG. 5 is a partial schematic view illustrating the preferred embodiment for adjusting the image content displayed on the screen when the image frame width is greater than the screen frame width. FIG. 5(a) is a schematic diagram showing a case where only one of the functional blocks of the image frame is opened and the column is not displayed, and an extended tag is displayed; FIG. 5(b) is a schematic diagram. A schematic diagram illustrates the case where the width of the width adjustment module is still not full when the display is enlarged; FIG. 5(c) is a schematic diagram illustrating the width of the rightmost functional block extended by the extension adjustment module to the extension The label is stuck and the full list is displayed.

1‧‧‧Image display control system

2‧‧‧Width judgment module

3‧‧‧Parameter acquisition module

4‧‧‧Extended label module

5‧‧‧Display judgment module

6‧‧‧Width adjustment module

7‧‧‧Extension adjustment module

800‧‧‧Image screen

900‧‧‧Electronic devices

901‧‧‧Screen screen

Claims (21)

An image screen display control method is implemented between an image frame and an electronic device for displaying the image frame to control a screen of the electronic device to display the content of the image frame, and the image screen display control method includes The following steps: dividing an image frame into a plurality of function blocks, and defining an opening sequence parameter for each function block in the order in which each function block is displayed, and displaying each function block is turned on. The width defines a width parameter; when the electronic device opens the image frame, if the image frame width is greater than the screen screen width, the opening sequence parameter and the width parameter are displayed in the horizontal direction according to the opening order parameter and the width parameter of the function block. Under the condition that the total width of all the functional blocks of the screen is not greater than the width of the screen, an appropriate number of functional blocks are sequentially opened, and the functional blocks that are opened are displayed in the horizontal direction of the screen; and according to the The width parameter of the function block displayed on the screen has been turned on, and the width of each function block is adjusted so that the The lateral arrangement has been opened total width of the functional blocks of approaching or equal to the screen width of the screen. The video picture display control method of claim 1, wherein when the image picture is divided into a plurality of functional blocks, the image picture is divided into at least one course, and the course is divided into a plurality of a horizontally arranged functional block, and respectively defining an opening sequence parameter of the order in which the functional blocks are turned on, so that when the electronic device turns on the image frame, When the width of the image screen is equal to the width of the screen screen, the image screen is directly displayed, and when the width of the screen is greater than the width of the screen, the appropriate number of functions are displayed according to the opening sequence parameter of the functional blocks. The squares, and according to the width parameters of the functional blocks, adjust the width of the functional block that is turned on. The video picture display control method according to claim 2, wherein when dividing an image picture into a plurality of function blocks, dividing the image picture into a plurality of horizontally arranged columns, and then each row Dividing into a plurality of horizontally arranged functional blocks, and respectively defining an opening sequence parameter of the order in which the functional blocks of each of the courses are opened, and causing the electronic device to open the image frame on the image frame When the width is equal to the width of the screen, the image is directly displayed, and when the width of the image is greater than the width of the screen, each row is opened, and the order of opening the functional blocks according to each row is opened. The parameter is turned on to display an appropriate number of function blocks, and the width of the function block in which each course is displayed is adjusted according to the width parameter of each function block of each row. The image display control method of claim 2 or 3, wherein the width parameter defined by each functional block includes a standard display width, and the electronic device displays each horizontal line when the image is opened. The function block is displayed according to its standard display width. If the total width of all the function blocks that are displayed in a row is smaller than the width of the screen, the total width of all the function blocks that are displayed according to the course is displayed. The ratio of the width of the screen to the scale of the screen There is a function block width. The video picture display control method of claim 4, wherein the width parameter defined by each function block further includes a maximum enlargement width, and when each of the functional blocks of each rank is divided, Whether each functional block of a horizontal row is to be extended in width, and an extension parameter is defined for each functional block, and when all the functional blocks of the displayed display are scaled up, each functional block is enlarged. The width of the image display control method further includes the following steps: when the electronic device is turned on, if all the functional blocks of the displayed display are enlarged, the width is expanded. The total width is still smaller than the width of the screen, so that when the screen has a remaining space beside the row of the equal-magnification width, the one closest to the remaining space in all the functional blocks that are opened and displayed from the row Start to move away from the remaining space, and sequentially determine the extension parameter definition of each functional block until the extension parameter of one of the functional blocks is defined as extending In the width, the width of one of the functional blocks is extended, so that the total width of all the functional blocks after the display has been opened is equal to the width of the screen. The video image display control method according to claim 5, wherein if the image screen width is smaller than the screen screen width, the electronic device directly displays the entire image screen on the screen screen, and according to the current image screen width and The ratio of the width of the screen image, which proportionally enlarges the width of all functional blocks of each row of the image frame. The image screen display control method according to claim 2 or 3, wherein when the image frame is divided into rows, a definition is also defined for each row. To generate an extended parameter of the extended label on the screen, when the display of each course is turned on, the remaining functional blocks that are not displayed are hidden. The image display control method further includes the following steps: if the image frame width is greater than The width of the screen is such that when the electronic device opens a row, if the extension parameter of the row is defined to generate an extended label, the extended label is displayed on the screen, and the extended label can be clicked. In addition, the remaining functional blocks hidden in the horizontal column are displayed on the screen. The video picture display control method of claim 7, wherein the width parameter defined by each function block includes a standard display width, and the function of each horizontal display when the electronic device is turned on. The block is displayed in its standard display width. When the extended label is displayed, if the total width of all the functional blocks that the page has opened is smaller than the width of the screen, the extended label is displayed in the horizontal row. These side areas of the functional block are opened. The video picture display control method according to claim 8, wherein if the total width of all the function blocks that have been displayed in a row is smaller than the remaining space width after the screen label is deducted from the extended screen, according to the course Turns on the ratio of the total width of all displayed function blocks to the width of the remaining space, and scales up all the functional blocks that are displayed in the course. The video picture display control method of claim 9, wherein the width parameter defined by each function block further includes a maximum enlargement width, and when each of the functional blocks of each rank is divided, Whether each functional block of a horizontal row has to be extended, and each functional block is determined When the first parameter is extended, and the function block of the horizontally displayed display is enlarged, the enlarged width of each functional block is not greater than the maximum enlarged width, and the image display control method further includes the following steps: When the electronic device turns on the image frame, if the total width of all the functional blocks that have been opened for display is equal to the remaining space width, all the functional areas that are displayed from the course are turned on. The one closest to the remaining space in the block starts to move away from the remaining space, and sequentially determines the definition of the extension parameter of each functional block until the extension parameter of one of the functional blocks is defined as the width to be extended, and the extension is A functional block width such that the total width of all functional blocks after the display has been opened is equal to the remaining space width. The image display control method according to claim 2 or 3, further comprising the steps of: causing the electronic device to rotate between a straight display and a horizontal display to change the direction of the display, according to the current swing after the change The width of the screen in the direction is displayed, and the function block of each row of the image is re-opened on the screen. An image frame display control system is adapted to be programmed on an electronic device to control the electronic device to open and display an image frame content. The image frame is divided into a plurality of horizontal rows, and each row is further divided. a plurality of functional blocks arranged horizontally and horizontally, and the functional blocks of the same row respectively define an opening sequence parameter and a width parameter of the opened display, and the image display control system comprises: a width determining module, When the electronic device is to open the image frame, determine the width of the image frame and the current placement of the electronic device. The relative size of the width of the screen image; a parameter capture module that captures the opening sequence parameters and widths of the functional blocks of each row of the image frame when the electronic device opens the image frame a display module, wherein when the width of the image frame is greater than the width of the screen of the electronic device, the total width of all functional blocks that are opened in a horizontal row and displayed horizontally on the screen is not greater than the screen. Under the condition of the width, according to the opening sequence parameter and the width parameter of the functional blocks of each row, an appropriate number of functional blocks are sequentially opened, and the horizontal display of each horizontal column is displayed on the screen screen. a function block; and a width adjustment module, according to the width parameter of each function block of each row, adjusting the width of all the functional blocks in the column that are displayed on the screen, so that The total width of all functional blocks that have been opened is approaching or equal to the width of the screen. The video picture display control system of claim 12, wherein the width parameter of each function block includes a standard display width, wherein the display determination module displays the opened function block in the standard display width on the screen. In the picture, the total width of all the function blocks that are displayed in a row of the width adjustment module is smaller than the width of the screen picture, and the total width of all the function blocks that are displayed according to the course and the width of the screen picture width Proportional, scales up the width of all functional blocks that the course has opened. The image picture display control system according to claim 13, wherein the screen painting Each row of the surface further defines whether an extended parameter of the extended label is to be generated, wherein the display determining module hides and displays the remaining functional blocks that are not displayed in each of the horizontal columns, and the image display screen displays The control system further includes an extended label module, wherein the extended label module is displayed when a partial function block is not turned on, and the extended parameter of the horizontal line is defined as an extended label to be generated on the screen An extended tag that can be clicked and additionally displays the remaining functional blocks in which the course is hidden is displayed on the screen. The video screen display control system of claim 14, wherein the extended label module displays the extended label in the total width of all the functional blocks that have been displayed in the horizontal row is smaller than the width of the screen. The side of the horizontally opened functional blocks of the course. The image display control system of claim 14, wherein the width adjustment module has a total width of all the functional blocks that have been displayed in a row is smaller than a remaining space width of the screen after subtracting the extended label. The width of all functional blocks that have been opened by the course is scaled according to the ratio of the total width of all functional blocks of the displayed display to the width of the remaining space. The video picture display control system of claim 13 or 16, wherein the width parameter of each function block further includes a maximum enlargement width, wherein the width adjustment module enlarges all functions of the display that are displayed in a proportional manner When the block width is used, the maximum width of each functional block after enlargement is not greater than the maximum enlargement width. An image screen display control system according to claim 17, wherein the image is drawn Each of the functional blocks further defines an extension parameter for extending the width of each functional block, and the image display control system further includes an extension adjustment module, and the extension adjustment module displays all functions of the display in one row. The total width of the equal-amplified block is still smaller than the width of the screen, so that when the screen has a remaining space on the side of the row after the equal-magnification width, all the functional blocks that are displayed from the row are opened. The one closest to the remaining space starts to move away from the remaining space, and sequentially determines the definition of the extension parameter of each functional block until the extension parameter of one of the functional blocks is defined as the width to be extended, and one of the extensions is extended. The width of the function block is such that the total width of all functional blocks that have been opened for the course is equal to the width of the screen. The video picture display control system of claim 17, wherein each of the function blocks further defines an extension parameter for extending the width of each function block, and the image picture display control system further comprises an extension adjustment module. The extension adjustment module will display all of the functional blocks that have been displayed in a row after the scaled enlargement is still less than the remaining space width of the screen after subtracting the extended label. The closest one of the functional blocks from the remaining space begins to move away from the remaining space, and the extension parameter definition of each functional block is sequentially determined until the extension parameter of one functional block is defined as the extension width, and the extension is extended. The width of one of the functional blocks is such that the total width of all functional blocks that have been opened for the course is equal to the remaining space width of the screen after subtracting the extended label. An image screen display control system according to claim 12, wherein the image is drawn Each row of the surface further defines a position parameter for each functional block for the relative positional relationship between the functional blocks, wherein the display determining module is based on displaying the functional blocks of a horizontal row. The positional parameter arrangement of the functional blocks of the course displays the functional blocks that have been opened. The video picture display control system of claim 12, wherein the width determining module re-determines the width of the image frame when the electronic device rotates between the straight display and the horizontal display to change the display direction. The relative size of the screen width of the electronic device currently placed in the direction.