CN103927143A - Method and device for adaptively adjusting interface layout on basis of screen resolution - Google Patents
Method and device for adaptively adjusting interface layout on basis of screen resolution Download PDFInfo
- Publication number
- CN103927143A CN103927143A CN201410134649.2A CN201410134649A CN103927143A CN 103927143 A CN103927143 A CN 103927143A CN 201410134649 A CN201410134649 A CN 201410134649A CN 103927143 A CN103927143 A CN 103927143A
- Authority
- CN
- China
- Prior art keywords
- icon object
- dimension
- bottom margin
- resolution
- icon
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method for adaptively adjusting interface layout on the basis of screen resolution. The method includes computing maximum values and minimum values of size parameters and location parameter under the condition of current resolution according to scaling and predefined parameters of the current resolution and basic resolution; using a small dimension of the current resolution as a first dimension to compute the optimal size parameters and the optimal location parameters of icon objects under the condition of the first dimension and the quantity of the icon objects; acquiring current lengths of icon objects under the condition of a second dimension according to current lengths of the icon objects under the condition of the first dimension; computing the optimal location parameters of the icon objects under the condition of the second dimension and the quantity of the icon objects according to the optimal lengths of the icon objects under the condition of the second dimension; acquiring current interface layout according to the optimal size parameters and the optimal location parameters of the icon objects under the conditions of the first dimension and the second dimension and the quantities of the icon objects. According to the technical scheme, the method has the advantage that an excellent display effect can be realized under different conditions of screen resolution.
Description
Technical field
The application relates to computing machine and digital equipment technical field, relates in particular to a kind of method and device of adjusting interface layout based on screen resolution self-adaptation.
Background technology
At present, most of digital equipments (including but not limited to smart mobile phone, panel computer, intelligent television) adopt touch-screen as man-machine interaction interface, user only need use finger (or other instruments, as capacitance pen) contact the icon object on touch-screen, the operating system of digital equipment will be opened the application program that this icon object is corresponding or be realized corresponding function.Herein, icon object refers to and is for example shown on touch-screen, according to the spaced icon of certain ranks (APP icon, or represent the icon of document or specific function), there is the size fixing with respect to screen size, between each icon, row, column spacing is identical, and has left and right back gauge and upper and lower back gauge with respect to screen edge.
From the angle of application developer, wish that the application program of developing can provide good experience on the various portable digital equipment that this application program can be installed.For the ease of using, icon object can not be excessive or too small, and distance between the multiple icon objects that show on screen also must be suitable.But the realistic problem of pendulum in face of the application developer is: the resolution of the touch-screen of portable digital equipment is on the market varied, need to be for various resolution adjustment interface layout.
The scheme of the adjustment interface layout conventionally adopting in prior art comprises:
Scheme one: the displaying scheme under a kind of resolution is provided, then proportionally icon object is carried out to size scaling for the screen of different resolution;
The demonstration size of scheme two, fixing each icon object, then carries out layout according to the screen of different resolution;
Scheme three, provide a kind of resolution bottom rail screen and two kinds of displaying schemes of perpendicular screen, according to minimum value in [shield wide/fixed resolution screen is wide, to shield high/fixed resolution screen high] these two values under different resolution, the horizontal, vertical screen displaying scheme under fixed resolution is carried out to convergent-divergent.
Scheme four, customize dissimilar displaying scheme according to common various resolution.
Wherein, scheme one can not ensure the size of shown icon object and spacing in the reasonable scope, and convergent-divergent may make icon object occur torsional deformation or mosaic, display effect variation; Scheme two icon sizes are fixed, number of icons is unfixing, and under little resolution, icon is compared with resolution, and icon may be excessive, and under large resolution, icon may be too little, and display effect is poor; Scheme three icon ratios are fixed, number of icons is fixed, icon sizes is unfixing, in order not ensure that icon distortion changes, thus need to carry out convergent-divergent according to wide, a high proportion of minimum value, because the wide high proportion difference of display screen, can cause different both sides surplus value excessive, whole structure is poor; Scheme four is best to the display effect of resolution adaptation, but workload is large; If the resolution of portable digital equipment does not have corresponding displaying scheme, still can only carry out simple convergent-divergent.
Summary of the invention
The application provides a kind of method of adjusting interface layout based on screen resolution self-adaptation, can reach good display effect for various screen resolution.
A kind of method of adjusting interface layout based on screen resolution self-adaptation that the embodiment of the present application provides, comprising:
A, set a kind of resolution as basic resolution, default size parameter and the default location parameter of the icon object of definition based on basic resolution, and span, and the deviation range allowing when convergent-divergent;
B, calculate scaling according to current resolution and basic resolution, and according to the default size parameter of scaling and described icon object and default location parameter, calculate the dimensional parameters of icon object and the span of location parameter under current resolution;
C is so that less dimension is the first dimension in current resolution, according to the first dimension length, scaling and above-mentioned default size parameter and default location parameter and span thereof, calculate the number of optimal size parameter, optimal location parameter and the icon object of icon object under the first dimension;
D, according to the optimal size parameter of icon object under the first dimension, obtain the optimal size parameter of icon object under the second dimension;
E, according to the optimal size parameter of icon object under the second dimension of current resolution and the second dimension, calculate optimal location parameter and the icon object number of icon object under the second dimension;
F, according to the number of optimal size parameter, optimal location parameter and the icon object of icon object under described the first dimension, and optimal size parameter, optimal location parameter and the icon object number of the second icon object under dimension, obtain current interface layout.
Preferably, described basic resolution is 1920 × 1080.
Preferably, described in step B, calculating scaling according to the current resolution of portable digital equipment and basic resolution is: using first dimension of current resolution of portable digital equipment and the ratio of basic resolution minor face as scaling.
Preferably, described in step B, calculate the current width of icon object under current resolution
B1, make the current width minimum value of icon object=icon object acquiescence width × scaling × 0.95;
B2, judge whether the current width minimum value of icon object is less than predefined icon object width minimum value, if execution step B3, otherwise execution step B4;
B3, make the current width minimum value of icon object=predefined icon object width minimum value;
B4, judge whether the current width minimum value of icon object is greater than predefined icon object width maximal value, if execution step B5, otherwise execution step B6;
B5, make the current width minimum value of icon object=predefined icon object width maximal value;
B6, the current width minimum value of return icon object.
Preferably, step C comprises:
C1, obtain the initial length, initial separation of icon object under the first dimension, initial back gauge according to scaling;
C2, according to the span of predetermined property, above-mentioned value is revised;
C3, judge whether to meet | ranks number-target line columns | < the first threshold value, if execution step C4, otherwise execution step C5; Wherein, the initial separation of icon object under initial length+the first dimension of icon object under ranks number=(under the first dimension under initial length+the first dimension of icon object under initial separation-the first dimension of icon object the initial back gauge of icon object) * 1.0/(first dimension); Target line number is for to round line number value;
C4, return to that the match is successful, upper bottom margin and line space are finely tuned, and end step C;
C5, judge whether to meet ranks number-target line columns > reference value, if execution step C6, otherwise execution step C7; The initial value of reference value is 0.5;
C6, target line columns +=1; Adjust step-length Step=-1; Then perform step C9;
C7, Step=1 is set, then performs step C9;
Length, spacing and the back gauge of icon object under C8, adjustment the first dimension;
C9, judge whether to meet | current line columns-target line columns | <=the first threshold value, if execution step C10, otherwise execution step C11;
C10, return to that the match is successful, and upper bottom margin and line space are finely tuned, and process ends;
Whether C11, the length that judges icon object under the first dimension, spacing, back gauge all reach predefined maximal value or minimum value, if so, perform step C12, otherwise return to step C08;
C12, judge whether call parameters is true for the second time, if execution step C13, otherwise execution step C14;
C13, return to that the match is successful, fix the length of icon object under the first dimension, icon object spacing and back gauge under fine setting the first dimension, allow these two values to exceed span, then end step C;
C14, judge whether Step is greater than 0, if execution step C15, otherwise execution step C16;
C15, call parameters is for the second time set is true, and it is 0.99 that reference value is set, and then returns to step C1;
C16, call parameters is for the second time set is true; It is 0.01 that reference value is set, and then returns to step C1.
Preferably, described the first threshold value is 0.01.
Preferably, described the first dimension is high, and step C8 comprises:
C8-1, make Int i=0; The upper bottom margin of Temp=;
Bottom margin in C8-2, order +=step, i++;
In C8-3, judgement, whether bottom margin exceedes the upper bottom margin span setting in advance, and if so, performs step C8-7, otherwise execution step C8-4;
C8-4, judge whether to meet | current line columns-target line columns | <=the first threshold value, if execution step C8-5, otherwise execution step C8-6;
C8-5, judge whether i<5, if execution step C8-7, otherwise return to step C8-2;
C8-7, make line space +=step;
C8-8, judge that whether line space exceedes the line space span setting in advance, and if so, performs step C8-16, no execution step C8-9;
C8-9, make i=0; Upper bottom margin=Temp;
C8-10, upper bottom margin +=step; I++;
C8-11, judge whether that the match is successful, if execution step C8-12, otherwise execution step C8-13;
C8-12, return to that the match is successful, bottom margin and line space in fine setting, and process ends;
C8-13, make line space +=step;
C8-14, judge whether line space transfinites, if execution step C8-16, otherwise execution step C8-15;
C8-15, judge whether i<10, if execution step C8-16, otherwise execution step C8-8;
C8-16, make figure absolute altitude +=step;
C8-17, judge whether figure absolute altitude exceedes the figure absolute altitude span setting in advance, if execution step C8-20, otherwise execution step C8-18;
C8-18, judge whether that the match is successful, if execution step C8-19, otherwise execution step C8-20;
In C8-20, judgement, whether bottom margin, line space, figure absolute altitude, all transfinite, and if so, performs step C8-21, otherwise return to step C8-1;
C8-21, return to that it fails to match, and process ends.
Preferably, described in step C4, upper bottom margin and line space are finely tuned comprise,
C4-1,, figure absolute altitude high according to screen, line space, bottom margin in calculating;
Wherein, upper bottom margin sum=screen Gao-Tu absolute altitude * icon object line number-line space * (icon object line number-1);
In C4-2, judgement, whether bottom margin exceedes the span of predefined upper bottom margin, if execution step C4-3 finely tunes successfully and process ends otherwise return;
If the upper bottom margin of C4-3 is less than predefined upper bottom margin minimum value, upper bottom margin is set to bottom margin minimum value, if upper bottom margin is greater than predefined upper bottom margin maximal value, upper bottom margin is set to bottom margin maximal value;
C4-4,, figure absolute altitude high according to screen, upper bottom margin, calculate line space;
C4-5, judge whether line space exceedes predefined line space span, if execution step 706 finely tune successfully also process ends otherwise return;
C4-6, make Int i=0; The upper bottom margin of Temp=;
Bottom margin in C4-7, order +=step; I++;
C4-8, judge whether | current line columns-target line columns | <=the first threshold value, finely tune successfully and process ends if return; Otherwise execution step C4-9;
C4-9, judge whether i<1, if execution step C4-10, otherwise return to step C4-7;
C4-10, make line space +=step, between the upper and lower distance=Temp+step;
C4-11, judge whether that the match is successful, finely tune successfully and process ends if return, otherwise return to step C4-6.
The embodiment of the present application also provides a kind of device of adjusting interface layout based on screen resolution self-adaptation, and this device comprises:
Predefine parameter module, for setting a kind of resolution as basic resolution, default size parameter and the default location parameter of the icon object of definition based on basic resolution, and span, and the deviation range allowing when convergent-divergent;
Zoom module, for calculating scaling according to current resolution and basic resolution, and according to the default size parameter of scaling and described icon object and default location parameter, calculate the dimensional parameters of icon object and the span of location parameter under current resolution;
The first dimension computing module, be used for taking the less dimension of current resolution as the first dimension, according to the first dimension length, scaling and above-mentioned default size parameter and default location parameter and span thereof, calculate the number of optimal size parameter, optimal location parameter and the icon object of icon object under the first dimension;
The second dimension computing module, for according to the optimal size parameter of icon object under the first dimension, obtains the optimal size parameter of icon object under the second dimension; According to the optimal size parameter of icon object under the second dimension of current resolution and the second dimension, calculate optimal location parameter and the icon object number of icon object under the second dimension;
Interface layout's determination module, be used for according to the number of optimal size parameter, optimal location parameter and the icon object of icon object under described the first dimension, and optimal size parameter, optimal location parameter and the icon object number of the second icon object under dimension, obtain current interface layout.
Preferably, described basic resolution is 1920 × 1080.
Preferably, described Zoom module is using the first dimension of current resolution and the ratio of basic resolution minor face as scaling.
Preferably, the dimensional parameters of icon object comprises the width of icon object and the height of icon object; The location parameter of icon object comprises line space, column pitch, top margin, bottom margin, left side distance and the rightmargin of icon object.
As can be seen from the above technical solutions, define the best image scheme under basic resolution, according to current resolution and the scaling that defines resolution, dynamic calculation goes out wide, high, the column pitch of current icon object, left and right back gauge, obtain a line and show several icon objects, and then dynamically line space, upper bottom margin, obtain row and show several icon objects, thereby reach the interface layout of dynamic generation optimum.Present techniques scheme, for different resolution, only needs a set of picture resource; And can not exist picture to be twisted pulled out condition; And under difference is differentiated, display effect all meets ordinary people's visual custom, display effect the best.
Brief description of the drawings
Fig. 1 is the screen interface schematic layout pattern of mobile digital equipment;
The method overall procedure schematic diagram based on screen resolution self-adaptation adjustment interface layout that Fig. 2 provides for the embodiment of the present application;
Fig. 3 is the specific implementation process schematic diagram that calculates scaling shown in Fig. 2 in flow process described in step 201;
Fig. 4 is the schematic flow sheet that calculates each attribute span under current resolution shown in Fig. 2 in flow process described in step 202;
Fig. 5 be shown in Fig. 2, in flow process, described in step 204, calculate that optimum icon object is high, the specific implementation process schematic diagram of the line number of line space, upper bottom margin, icon object;
Fig. 6 is the specific implementation schematic flow sheet of adjustment figure absolute altitude, line space, upper bottom margin described in step 508 in flow process shown in Fig. 5;
Fig. 7 is the realization flow schematic diagram of finely tuning the realization flow of upper bottom margin and line space after the match is successful in flow process shown in Fig. 5 or Fig. 6.
Embodiment
The screen shape of portable digital equipment is two-dimensional rectangle, and resolution is M × N, and Fig. 1 shows the screen interface layout of mobile digital equipment, wherein icon object of each box indicating.This square frame is only the arrangement mode of explanation icon object, not in order to limit the shape of icon object.As shown in Figure 1, interface layout comprises m × n icon object, the size of all icon objects is all consistent, top margin represents to go up most row's coboundary of icon object and a distance for screen coboundary, the left side is apart from representing the left hand edge of the first from left row icon object and the distance of screen left hand edge, rightmargin represents the distance of right hand edge and the screen right hand edge of the rightest row icon object, bottom margin represents the lower limb of next row icon object and the distance of screen lower limb, line space represents the Edge Distance between adjacent two row icon objects, column pitch represents the Edge Distance between adjacent two row icon objects, distance between icon object left and right edges of the wide expression of icon, figure absolute altitude represents a distance between the upper and lower two edges of icon object.
The method based on screen resolution self-adaptation adjustment interface layout that the application provides, its fundamental design idea is:
A, set a kind of resolution as basic resolution, default size parameter and the default location parameter of the icon object of definition based on basic resolution, and span, and the deviation range allowing when convergent-divergent;
B, calculate scaling according to current resolution and basic resolution, and according to the default size parameter of scaling and described icon object and default location parameter, calculate the dimensional parameters of icon object and the span of location parameter under current resolution;
C, taking less dimension in current resolution as the first dimension, according to the first dimension length, scaling and above-mentioned default size parameter and default location parameter and span thereof, calculate the number of optimal size parameter, optimal location parameter and the icon object of icon object under the first dimension;
D, according to the optimal size parameter of icon object under the first dimension, obtain the optimal size parameter of icon object under the second dimension;
E, according to the optimal size parameter of icon object under the second dimension of current resolution and the second dimension, calculate optimal location parameter and the icon object number of icon object under the second dimension;
F, according to the number of optimal size parameter, optimal location parameter and the icon object of icon object under described the first dimension, and optimal size parameter, optimal location parameter and the icon object number of the second icon object under dimension, obtain current interface layout.
Wherein, the first dimension and the second dimension are respectively that the dimensional parameters of icon object comprises the width of icon object and the height of icon object; The location parameter of icon object comprises line space, column pitch, top margin, bottom margin, left side distance and the rightmargin of icon object.
For making know-why, feature and the technique effect of present techniques scheme clearer, below in conjunction with specific embodiment, present techniques scheme is described in detail.
The method overall procedure based on screen resolution self-adaptation adjustment interface layout that the embodiment of the present application provides as shown in Figure 2, comprising:
Step 201: according to the current resolution of screen, calculate scaling.
Step 202: according to predefined parameter, calculate each attribute span under current resolution.
Step 203: judge the wide height that whether is greater than of screen, if execution step 204, otherwise execution step 207.
Described wide and height are relative number decoding apparatus screen display directions.Known in this field, digital equipment screen can have multiple display directions, display direction as shown in Figure 1, and one side that screen is grown is as wide, and shorter one side is as high; And another display direction of this screen, one side that screen is grown is as high, and shorter one side is as wide.
Step 204: according to the resolution of current short transverse, calculate optimum: icon object is high, the line number of line space, upper bottom margin, icon object.
Step 205: high according to icon object, obtain current icon object width.Due to the length of icon object and wide between have definite proportionate relationship, therefore this step is easy to realize.
Step 206: wide according to current resolution, icon is wide, calculates optimum: column pitch, left and right margins, icon columns.Then perform step 210.
Step 207: wide according to current resolution, calculate wide, the column pitch of current icon, left and right margins, icon columns.
Step 208: wide according to icon, obtain current icon high;
Step 209: high according to current resolution, figure absolute altitude, calculates optimum: line space, upper bottom margin, icon line number.
Step 210:, figure absolute altitude wide according to icon, column pitch, line space, left and right margins, upper bottom margin, line number, columns, obtain current page layout.
By specific embodiment, the implementation procedure of each step in Fig. 2 is further described below.
Shown in Fig. 2 in flow process, calculate the specific implementation process of scaling described in step 201 as shown in Figure 3, comprise the steps:
Step 301: more current resolution is wide, high, obtains minor face.
Step 302: determine current scaling according to minor face resolution and basic resolution minor face ratio.
In the embodiment of the present application, basic resolution setting is 1920 × 1080, and therefore this step is exactly to calculate the value of minor face resolution/1080.0.
Shown in Fig. 2 in flow process, calculating the parameter that under current resolution, the required calculating of each attribute span is obtained described in step 202 has: the wide minimum value of current icon, the wide maximal value of current icon; The high minimum value of current icon, the high maximal value of current icon; Current line spacing minimum value, current line spacing maximal value; Current column pitch minimum value, current column pitch maximal value; Current left and right margins minimum value, current left and right margins maximal value; Current upper bottom margin minimum value, current upper bottom margin maximal value.Wherein, calculate the realization flow of the wide minimum value of current icon as shown in Figure 4, comprise the steps:
Step 401: make the wide * scaling of the wide minimum value=default icon of current icon * 0.95.
Step 402: judge whether the wide minimum value of current icon is less than the wide minimum value of icon, if execution step 403, otherwise execution step 404.
Step 403: make the wide minimum value of the wide minimum value=icon of current icon.
Step 404: judge whether the wide minimum value of current icon is greater than the wide maximal value of icon, if execution step 405, otherwise execution step 406.
Step 405: the wide maximal value of the wide minimum value=icon of current icon.
Step 406: return to the wide minimum value of current icon.
Calculate flow process shown in the process of other parameter maximum/minimum and Fig. 4 similar, those skilled in the art can be easy to infer the computation process of other parameter maximum/minimum according to Fig. 4 flow process, therefore repeat no longer one by one.
Shown in Fig. 2 in flow process, calculate that optimum icon object is high described in step 204, the specific implementation process of the line number of line space, upper bottom margin, icon object as shown in Figure 5, comprise the steps:
Step 501: obtain according to scaling: figure absolute altitude, line space, upper bottom margin;
Step 502: according to the span of predetermined property, above-mentioned value is revised;
Step 503: judge whether to meet | line number-target line number | < the first threshold value, if execution step 504, otherwise execution step 505.
Wherein, the type of line number is Double, calculates according to following formula: line number=(height+line space-upper bottom margin) * 1.0/(figure absolute altitude+line space); Target line number is for to round line number value.In the embodiment of the present application, the first threshold value=0.01.
Step 504: return to that the match is successful, upper bottom margin and line space are finely tuned, and process ends.
Step 505: judge whether to meet ranks number-target line columns > reference value, if execution step 506, otherwise execution step 507.
Described reference value can be set according to actual conditions, and in the embodiment of the present application, the initial value of reference value is 0.5.
Step 506: target line columns +=1; Step=-1; Then perform step 509; Step is adjustment step-length;
Step 507: Step=1 is set, then performs step 509.
Step 508: bottom margin, line space, figure absolute altitude in adjustment
Step 509: judge whether that the match is successful, if execution step 510, otherwise execution step 511.
The implication that the match is successful is exactly to meet | current line columns-target line columns | and <=the first threshold value.
Step 510: return to that the match is successful, and upper bottom margin and line space are finely tuned, and process ends.
Step 511: in judgement, whether bottom margin, line space, figure absolute altitude all reach maximal value or minimum value, if so, perform step 512, otherwise return to step 508.
Step 512: judge whether call parameters is true for the second time, if execution step 513, otherwise execution step 514.The initial value of call parameters is false for the second time.
Step 513: the match is successful, anchor icon is high, and fine setting line space, upper bottom margin, allow these two values to exceed span, then process ends.The specific implementation process of this step refers to Fig. 7.
Step 514: judge whether Step is greater than 0, if execution step 515, otherwise execution step 516.
Step 515: it is true that call parameters is for the second time set, it is 0.99 that reference value is set, and then returns to step 501.
Step 516: it is true that call parameters is for the second time set; It is 0.01 that reference value is set, and then returns to step 501.
Shown in Fig. 5 in flow process, adjust the specific implementation flow process of figure absolute altitude, line space, upper bottom margin described in step 508 as shown in Figure 6, comprise the steps:
Step 601: make Int i=0; The upper bottom margin of Temp=;
Step 602: bottom margin in order +=step, i++;
Step 603: in judgement, whether bottom margin exceedes the upper bottom margin span setting in advance.If so, perform step 607, otherwise execution step 604;
Step 604: judge whether that the match is successful, if execution step 605, otherwise execution step 606; The match is successful meets | current line columns-target line columns | and <=the first threshold value;
Step 605: judge whether i<5, if execution step 607, otherwise return to step 602;
Step 607: make line space +=step;
Step 608: judge whether line space exceedes the line space span setting in advance, and if so, performs step 616, no execution step 609;
Step 609: make i=0; Upper bottom margin=Temp;
Step 610: upper bottom margin +=step; I++;
Step 611: judge whether that the match is successful, if execution step 612, otherwise execution step 613;
Step 612: return to that the match is successful, bottom margin and line space in fine setting, and process ends;
Step 613: make line space +=step;
Step 614: judge whether line space transfinites, if execution step 616, otherwise execution step 615;
Step 615: judge whether i<10, if execution step 616, otherwise execution step 608;
Step 616: make figure absolute altitude +=step;
Step 617: judge whether figure absolute altitude exceedes the figure absolute altitude span setting in advance, if execution step 620, otherwise execution step 618;
Step 618: judge whether that the match is successful, if execution step 619, otherwise execution step 620.
Step 620: bottom margin, line space, figure absolute altitude in judgement, whether all transfinite, if so, perform step 621, otherwise return to step 601;
Step 621: return to that it fails to match, and process ends.
Flow process shown in Fig. 6 is to repair refolding method, refers to definite final: figure absolute altitude, line space, upper bottom margin all exceed after maximum or minimum limit scope, how to carry out optimum adjustment.First adjust " the upper bottom margin " of 10 times, if all do not had successfully, that just adjusts once " line space ".And " upper bottom margin " is reduced into the value before adjustment and adjusts once.The benefit of doing is like this exactly, and figure absolute altitude can not exceed restriction, and then the ratio that goes beyond the scope of line space and upper bottom margin can not depart from too large.
In above-mentioned flow process, after the match is successful, the realization flow of the upper bottom margin of fine setting and line space as shown in Figure 7, comprises the steps:
Step 701:, figure absolute altitude high according to screen, line space, bottom margin in calculating;
Upper bottom margin sum=screen Gao-Tu absolute altitude * icon object line number-line space * (icon object line number-1), because upper bottom margin has fixing accounting, can obtain top margin and bottom margin according to upper bottom margin sum;
Step 702: in judgement, whether bottom margin transfinites, if execution step 703 is finely tuned successfully and process ends otherwise return;
Step 703: upper bottom margin is revised; Because upper bottom margin exceeds maximum, minimum zone, so this correction is exactly that current upper bottom margin is arranged to its maximal value or minimum value;
Step 704:, figure absolute altitude high according to screen, upper bottom margin, calculate line space;
Step 705: judge whether line space transfinites, if execution step 706 is finely tuned successfully and process ends otherwise return;
Step 706: make Int i=0; The upper bottom margin of Temp=;
Step 707: bottom margin in order +=step; I++;
Step 708: judge whether that the match is successful, finely tune successfully and process ends if return; Otherwise execution step 709; The match is successful meets | current line columns-target line columns | and <=the first threshold value;
Step 709: judge whether i<1, if execution step 710, otherwise return to step 707;
Step 710: make line space +=step, between the upper and lower distance=Temp+step;
Step 711: judge whether that the match is successful, finely tune successfully and process ends if return, otherwise return to step 706.
In Fig. 2, step 207 calculates that current icon is wide, the implementation procedure of column pitch, left and right margins, icon columns is consistent with above-mentioned flow process, the only maximum of parameter difference, respective attributes, minimum span difference.In addition, wide according to current resolution described in step 206, icon is wide, calculate optimum: high according to current resolution described in the implementation procedure of column pitch, left and right margins, icon columns and step 209, figure absolute altitude, calculate optimum: the implementation procedure of line space, upper bottom margin, icon line number is also similar with flow process shown in Fig. 5, has only fixed the wide or high of icon, then only remaining column pitch, left and right margins or line space, upper bottom margin is calculated.
The embodiment of the present application also provides a kind of device of adjusting interface layout based on screen resolution self-adaptation, and this device comprises:
Predefine parameter module, for setting a kind of resolution as basic resolution, default size parameter and the default location parameter of the icon object of definition based on basic resolution, and span, and the deviation range allowing when convergent-divergent;
Zoom module, for calculating scaling according to current resolution and basic resolution, and according to the default size parameter of scaling and described icon object and default location parameter, calculate the dimensional parameters of icon object and the span of location parameter under current resolution;
The first dimension computing module, be used for taking the less dimension of current resolution as the first dimension, according to the first dimension length, scaling and above-mentioned default size parameter and default location parameter and span thereof, calculate the number of optimal size parameter, optimal location parameter and the icon object of icon object under the first dimension;
The second dimension computing module, for according to the optimal size parameter of icon object under the first dimension, obtains the optimal size parameter of icon object under the second dimension; According to the optimal size parameter of icon object under the second dimension of current resolution and the second dimension, calculate optimal location parameter and the icon object number of icon object under the second dimension;
Interface layout's determination module, be used for according to the number of optimal size parameter, optimal location parameter and the icon object of icon object under described the first dimension, and optimal size parameter, optimal location parameter and the icon object number of the second icon object under dimension, obtain current interface layout.
Present techniques scheme, for different resolution, only needs a set of picture resource; And can not exist picture to be twisted pulled out condition; And under difference is differentiated, display effect all meets ordinary people's visual custom, display effect the best.
The foregoing is only the application's preferred embodiment; not in order to limit the application's protection domain; all within the spirit and principle of present techniques scheme, any amendment of making, be equal to replacement, improvement etc., within all should being included in the scope of the application's protection.
Claims (13)
1. a method of adjusting interface layout based on screen resolution self-adaptation, is characterized in that, comprising:
A, set a kind of resolution as basic resolution, default size parameter and the default location parameter of the icon object of definition based on basic resolution, and span, and the deviation range allowing when convergent-divergent;
B, calculate scaling according to current resolution and basic resolution, and according to the default size parameter of scaling and described icon object and default location parameter, calculate the dimensional parameters of icon object and the span of location parameter under current resolution;
C, taking less dimension in current resolution as the first dimension, according to the first dimension length, scaling and above-mentioned default size parameter and default location parameter and span thereof, calculate the number of optimal size parameter, optimal location parameter and the icon object of icon object under the first dimension;
D, according to the optimal size parameter of icon object under the first dimension, obtain the optimal size parameter of icon object under the second dimension;
E, according to the optimal size parameter of icon object under the second dimension of current resolution and the second dimension, calculate optimal location parameter and the icon object number of icon object under the second dimension;
F, according to the number of optimal size parameter, optimal location parameter and the icon object of icon object under described the first dimension, and optimal size parameter, optimal location parameter and the icon object number of the second icon object under dimension, obtain current interface layout.
2. method according to claim 1, is characterized in that, described basic resolution is 1920 × 1080.
3. method according to claim 1, is characterized in that, calculates scaling described in step B to be according to current resolution and basic resolution: using the first dimension of current resolution and the ratio of basic resolution minor face as scaling.
4. method according to claim 1, is characterized in that, the dimensional parameters of icon object comprises the width of icon object and the height of icon object; The location parameter of icon object comprises line space, column pitch, top margin, bottom margin, left side distance and the rightmargin of icon object.
5. method according to claim 4, is characterized in that, the span of calculating icon object size parameter under current resolution described in step B comprises:
B1, make the current width minimum value of icon object=icon object acquiescence width × scaling × 0.95;
B2, judge whether the current width minimum value of icon object is less than predefined icon object width minimum value, if execution step B3, otherwise execution step B4;
B3, make the current width minimum value of icon object=predefined icon object width minimum value;
B4, judge whether the current width minimum value of icon object is greater than predefined icon object width maximal value, if execution step B5, otherwise execution step B6;
B5, make the current width minimum value of icon object=predefined icon object width maximal value;
B6, the current width minimum value of return icon object.
6. method according to claim 4, is characterized in that, step C comprises:
C1, obtain the initial length, initial separation of icon object under the first dimension, initial back gauge according to scaling;
C2, according to the span of predetermined property, above-mentioned value is revised;
C3, judge whether to meet | ranks number-target line columns | < the first threshold value, if execution step C4, otherwise execution step C5; Wherein, the initial separation of icon object under initial length+the first dimension of icon object under ranks number=(under the first dimension under initial length+the first dimension of icon object under initial separation-the first dimension of icon object the initial back gauge of icon object) * 1.0/(first dimension); Target line number is for to round line number value;
C4, return to that the match is successful, upper bottom margin and line space are finely tuned, and end step C;
C5, judge whether to meet ranks number-target line columns > reference value, if execution step C6, otherwise execution step C7; The initial value of reference value is 0.5;
C6, target line columns +=1; Adjust step-length Step=-1; Then perform step C9;
C7, Step=1 is set, then performs step C9;
Length, spacing and the back gauge of icon object under C8, adjustment the first dimension;
C9, judge whether to meet | current line columns-target line columns | <=the first threshold value, if execution step C10, otherwise execution step C11;
C10, return to that the match is successful, and upper bottom margin and line space are finely tuned, and process ends;
Whether C11, the length that judges icon object under the first dimension, spacing, back gauge all reach predefined maximal value or minimum value, if so, perform step C12, otherwise return to step C08;
C12, judge whether call parameters is true for the second time, if execution step C13, otherwise execution step C14;
C13, return to that the match is successful, fix the length of icon object under the first dimension, icon object spacing and back gauge under fine setting the first dimension, allow these two values to exceed span, then end step C;
C14, judge whether Step is greater than 0, if execution step C15, otherwise execution step C16;
C15, call parameters is for the second time set is true, and it is 0.99 that reference value is set, and then returns to step C1;
C16, call parameters is for the second time set is true; It is 0.01 that reference value is set, and then returns to step C1.
7. method according to claim 6, is characterized in that, described the first threshold value is 0.01.
8. method according to claim 6, is characterized in that, described the first dimension is high, and step C8 comprises:
C8-1, make Int i=0; The upper bottom margin of Temp=;
Bottom margin in C8-2, order +=step, i++;
In C8-3, judgement, whether bottom margin exceedes the upper bottom margin span setting in advance, and if so, performs step C8-7, otherwise execution step C8-4;
C8-4, judge whether to meet | current line columns-target line columns | <=the first threshold value, if execution step C8-5, otherwise execution step C8-6;
C8-5, judge whether i<5, if execution step C8-7, otherwise return to step C8-2;
C8-7, make line space +=step;
C8-8, judge that whether line space exceedes the line space span setting in advance, and if so, performs step C8-16, no execution step C8-9;
C8-9, make i=0; Upper bottom margin=Temp;
C8-10, upper bottom margin +=step; I++;
C8-11, judge whether that the match is successful, if execution step C8-12, otherwise execution step C8-13;
C8-12, return to that the match is successful, bottom margin and line space in fine setting, and process ends;
C8-13, make line space +=step;
C8-14, judge whether line space transfinites, if execution step C8-16, otherwise execution step C8-15;
C8-15, judge whether i<10, if execution step C8-16, otherwise execution step C8-8;
C8-16, make figure absolute altitude +=step;
C8-17, judge whether figure absolute altitude exceedes the figure absolute altitude span setting in advance, if execution step C8-20, otherwise execution step C8-18;
C8-18, judge whether that the match is successful, if execution step C8-19, otherwise execution step C8-20;
In C8-20, judgement, whether bottom margin, line space, figure absolute altitude, all transfinite, and if so, performs step C8-21, otherwise return to step C8-1;
C8-21, return to that it fails to match, and process ends.
9. method according to claim 6, is characterized in that, upper bottom margin and line space are finely tuned described in step C4 comprise,
C4-1,, figure absolute altitude high according to screen, line space, bottom margin in calculating;
Wherein, upper bottom margin sum=screen Gao-Tu absolute altitude * icon object line number-line space * (icon object line number-1);
In C4-2, judgement, whether bottom margin exceedes the span of predefined upper bottom margin, if execution step C4-3 finely tunes successfully and process ends otherwise return;
If the upper bottom margin of C4-3 is less than predefined upper bottom margin minimum value, upper bottom margin is set to bottom margin minimum value, if upper bottom margin is greater than predefined upper bottom margin maximal value, upper bottom margin is set to bottom margin maximal value;
C4-4,, figure absolute altitude high according to screen, upper bottom margin, calculate line space;
C4-5, judge whether line space exceedes predefined line space span, if execution step 706 finely tune successfully also process ends otherwise return;
C4-6, make Int i=0; The upper bottom margin of Temp=;
Bottom margin in C4-7, order +=step; I++;
C4-8, judge whether | current line columns-target line columns | <=the first threshold value, finely tune successfully and process ends if return; Otherwise execution step C4-9;
C4-9, judge whether i<1, if execution step C4-10, otherwise return to step C4-7;
C4-10, make line space +=step, between the upper and lower distance=Temp+step;
C4-11, judge whether that the match is successful, finely tune successfully and process ends if return, otherwise return to step C4-6.
10. a device of adjusting interface layout based on screen resolution self-adaptation, is characterized in that, this device comprises:
Predefine parameter module, for setting a kind of resolution as basic resolution, default size parameter and the default location parameter of the icon object of definition based on basic resolution, and span, and the deviation range allowing when convergent-divergent;
Zoom module, for calculating scaling according to current resolution and basic resolution, and according to the default size parameter of scaling and described icon object and default location parameter, calculate the dimensional parameters of icon object and the span of location parameter under current resolution;
The first dimension computing module, be used for taking the less dimension of current resolution as the first dimension, according to the first dimension length, scaling and above-mentioned default size parameter and default location parameter and span thereof, calculate the number of optimal size parameter, optimal location parameter and the icon object of icon object under the first dimension;
The second dimension computing module, for according to the optimal size parameter of icon object under the first dimension, obtains the optimal size parameter of icon object under the second dimension; According to the optimal size parameter of icon object under the second dimension of current resolution and the second dimension, calculate optimal location parameter and the icon object number of icon object under the second dimension;
Interface layout's determination module, be used for according to the number of optimal size parameter, optimal location parameter and the icon object of icon object under described the first dimension, and optimal size parameter, optimal location parameter and the icon object number of the second icon object under dimension, obtain current interface layout.
11. devices according to claim 10, is characterized in that, described basic resolution is 1920 × 1080.
12. devices according to claim 10, is characterized in that, described Zoom module is using the first dimension of current resolution and the ratio of basic resolution minor face as scaling.
13. devices according to claim 10, is characterized in that, the dimensional parameters of icon object comprises the width of icon object and the height of icon object; The location parameter of icon object comprises line space, column pitch, top margin, bottom margin, left side distance and the rightmargin of icon object.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410134649.2A CN103927143B (en) | 2014-04-04 | 2014-04-04 | Method and device for adaptively adjusting interface layout on basis of screen resolution |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410134649.2A CN103927143B (en) | 2014-04-04 | 2014-04-04 | Method and device for adaptively adjusting interface layout on basis of screen resolution |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103927143A true CN103927143A (en) | 2014-07-16 |
| CN103927143B CN103927143B (en) | 2017-04-19 |
Family
ID=51145377
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410134649.2A Active CN103927143B (en) | 2014-04-04 | 2014-04-04 | Method and device for adaptively adjusting interface layout on basis of screen resolution |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103927143B (en) |
Cited By (23)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104238890A (en) * | 2014-09-19 | 2014-12-24 | 小米科技有限责任公司 | Text display method and device |
| CN104461549A (en) * | 2014-12-15 | 2015-03-25 | 北京国双科技有限公司 | Method and device for arraying and displaying graphical interface |
| CN104808928A (en) * | 2015-03-02 | 2015-07-29 | 百度在线网络技术（北京）有限公司 | Method and device for adjusting trigger element in terminal |
| CN105159645A (en) * | 2015-10-19 | 2015-12-16 | 华中师范大学 | Adaptive Tang poetry layout method at mobile terminal |
| CN105225201A (en) * | 2015-09-06 | 2016-01-06 | 网易（杭州）网络有限公司 | A kind of method and system of display object adaptive resolution display |
| CN105282321A (en) * | 2015-08-28 | 2016-01-27 | 上海健保科技有限公司 | Adaption method of application software user interface and display device |
| CN105392042A (en) * | 2015-11-13 | 2016-03-09 | 天脉聚源(北京)传媒科技有限公司 | Menu display method and menu display device |
| CN105426144A (en) * | 2015-11-02 | 2016-03-23 | 上海聚力传媒技术有限公司 | Method and device for testing adaptive multiresolution of application program |
| CN105550980A (en) * | 2014-10-29 | 2016-05-04 | 阿里巴巴集团控股有限公司 | Image generation method and related apparatus |
| CN105578268A (en) * | 2015-12-17 | 2016-05-11 | 深圳Tcl数字技术有限公司 | Image display method and device |
| CN105867901A (en) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技（天津）有限公司 | Application icon adjustment method and apparatus |
| CN105959825A (en) * | 2016-04-29 | 2016-09-21 | 乐视控股（北京）有限公司 | Vertical full screen playing method and device and mobile playing terminal thereof |
| CN105959610A (en) * | 2016-06-20 | 2016-09-21 | 乐视控股（北京）有限公司 | Image display method and terminal device |
| CN106980622A (en) * | 2016-01-18 | 2017-07-25 | 青岛海信移动通信技术股份有限公司 | A kind of file processing method and processing device |
| CN108388463A (en) * | 2018-03-02 | 2018-08-10 | 平安普惠企业管理有限公司 | Icon processing method, device, computer equipment and storage medium |
| CN108664194A (en) * | 2017-03-29 | 2018-10-16 | 中兴通讯股份有限公司 | Display methods and device |
| CN109408165A (en) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | The multiple terminal self-adapting method and system of data visualisation system |
| CN109871162A (en) * | 2017-12-05 | 2019-06-11 | 益富可视精密工业（深圳）有限公司 | Electronic equipment and icon display method |
| WO2020001190A1 (en) * | 2018-06-29 | 2020-01-02 | 奇酷互联网络科技（深圳）有限公司 | Application program interface display method and device, readable storage medium, and mobile terminal |
| CN110662088A (en) * | 2019-09-24 | 2020-01-07 | 广州优视云集科技有限公司 | Duplicate removal method and processing terminal for preventing video from being transcoded repeatedly |
| CN113010252A (en) * | 2021-03-19 | 2021-06-22 | 掌阅科技股份有限公司 | Application page display method, electronic equipment and storage medium |
| CN114756190A (en) * | 2022-06-14 | 2022-07-15 | 统信软件技术有限公司 | Method and device for adjusting zoom based on resolution and computing equipment |
| WO2023207694A1 (en) * | 2022-04-28 | 2023-11-02 | 华为技术有限公司 | Display method and apparatus, and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1746843A (en) * | 2004-09-08 | 2006-03-15 | 英业达股份有限公司 | Window and icon set system and method |
| CN101188712A (en) * | 2007-12-21 | 2008-05-28 | 康佳集团股份有限公司 | A processing method for page self-adapted display |
| CN102662563A (en) * | 2012-03-14 | 2012-09-12 | 广东威创视讯科技股份有限公司 | Window resolution self-adaption processing method and device |
| CN102981793A (en) * | 2012-11-22 | 2013-03-20 | Tcl集团股份有限公司 | Screen synchronization method and device |
| WO2013131507A2 (en) * | 2012-03-07 | 2013-09-12 | Mobotix Ag | Method for the parameter change of parameterisable functions by means of data processing devices |
-
2014
- 2014-04-04 CN CN201410134649.2A patent/CN103927143B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1746843A (en) * | 2004-09-08 | 2006-03-15 | 英业达股份有限公司 | Window and icon set system and method |
| CN101188712A (en) * | 2007-12-21 | 2008-05-28 | 康佳集团股份有限公司 | A processing method for page self-adapted display |
| WO2013131507A2 (en) * | 2012-03-07 | 2013-09-12 | Mobotix Ag | Method for the parameter change of parameterisable functions by means of data processing devices |
| CN102662563A (en) * | 2012-03-14 | 2012-09-12 | 广东威创视讯科技股份有限公司 | Window resolution self-adaption processing method and device |
| CN102981793A (en) * | 2012-11-22 | 2013-03-20 | Tcl集团股份有限公司 | Screen synchronization method and device |
Cited By (32)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104238890B (en) * | 2014-09-19 | 2018-11-23 | 小米科技有限责任公司 | Character displaying method and device |
| CN104238890A (en) * | 2014-09-19 | 2014-12-24 | 小米科技有限责任公司 | Text display method and device |
| CN105550980A (en) * | 2014-10-29 | 2016-05-04 | 阿里巴巴集团控股有限公司 | Image generation method and related apparatus |
| CN105550980B (en) * | 2014-10-29 | 2018-11-27 | 阿里巴巴集团控股有限公司 | A kind of Picture Generation Method and relevant apparatus |
| CN104461549A (en) * | 2014-12-15 | 2015-03-25 | 北京国双科技有限公司 | Method and device for arraying and displaying graphical interface |
| CN104808928A (en) * | 2015-03-02 | 2015-07-29 | 百度在线网络技术（北京）有限公司 | Method and device for adjusting trigger element in terminal |
| CN105282321A (en) * | 2015-08-28 | 2016-01-27 | 上海健保科技有限公司 | Adaption method of application software user interface and display device |
| CN105225201B (en) * | 2015-09-06 | 2018-07-06 | 网易（杭州）网络有限公司 | A kind of method and system for showing object adaptive resolution and showing |
| CN105225201A (en) * | 2015-09-06 | 2016-01-06 | 网易（杭州）网络有限公司 | A kind of method and system of display object adaptive resolution display |
| CN105159645B (en) * | 2015-10-19 | 2017-12-12 | 华中师范大学 | A kind of mobile terminal Tang poetry self-adaptive layout method |
| CN105159645A (en) * | 2015-10-19 | 2015-12-16 | 华中师范大学 | Adaptive Tang poetry layout method at mobile terminal |
| CN105426144B (en) * | 2015-11-02 | 2019-03-29 | 上海聚力传媒技术有限公司 | A kind of method and apparatus of the adaptive multiresolution of test application program |
| CN105426144A (en) * | 2015-11-02 | 2016-03-23 | 上海聚力传媒技术有限公司 | Method and device for testing adaptive multiresolution of application program |
| CN105392042A (en) * | 2015-11-13 | 2016-03-09 | 天脉聚源(北京)传媒科技有限公司 | Menu display method and menu display device |
| CN105578268A (en) * | 2015-12-17 | 2016-05-11 | 深圳Tcl数字技术有限公司 | Image display method and device |
| CN105578268B (en) * | 2015-12-17 | 2019-03-01 | 深圳Tcl数字技术有限公司 | Image display method and device |
| CN105867901A (en) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技（天津）有限公司 | Application icon adjustment method and apparatus |
| CN106980622A (en) * | 2016-01-18 | 2017-07-25 | 青岛海信移动通信技术股份有限公司 | A kind of file processing method and processing device |
| WO2017185645A1 (en) * | 2016-04-29 | 2017-11-02 | 乐视控股（北京）有限公司 | Portrait full screen playback method, apparatus and mobile playback terminal thereof |
| CN105959825A (en) * | 2016-04-29 | 2016-09-21 | 乐视控股（北京）有限公司 | Vertical full screen playing method and device and mobile playing terminal thereof |
| CN105959610A (en) * | 2016-06-20 | 2016-09-21 | 乐视控股（北京）有限公司 | Image display method and terminal device |
| CN108664194A (en) * | 2017-03-29 | 2018-10-16 | 中兴通讯股份有限公司 | Display methods and device |
| CN109871162B (en) * | 2017-12-05 | 2021-03-05 | 深圳市超捷通讯有限公司 | Electronic device and icon display method |
| CN109871162A (en) * | 2017-12-05 | 2019-06-11 | 益富可视精密工业（深圳）有限公司 | Electronic equipment and icon display method |
| CN108388463A (en) * | 2018-03-02 | 2018-08-10 | 平安普惠企业管理有限公司 | Icon processing method, device, computer equipment and storage medium |
| WO2020001190A1 (en) * | 2018-06-29 | 2020-01-02 | 奇酷互联网络科技（深圳）有限公司 | Application program interface display method and device, readable storage medium, and mobile terminal |
| CN109408165A (en) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | The multiple terminal self-adapting method and system of data visualisation system |
| CN110662088A (en) * | 2019-09-24 | 2020-01-07 | 广州优视云集科技有限公司 | Duplicate removal method and processing terminal for preventing video from being transcoded repeatedly |
| CN110662088B (en) * | 2019-09-24 | 2020-05-15 | 广州优视云集科技有限公司 | Duplicate removal method and processing terminal for preventing video from being transcoded repeatedly |
| CN113010252A (en) * | 2021-03-19 | 2021-06-22 | 掌阅科技股份有限公司 | Application page display method, electronic equipment and storage medium |
| WO2023207694A1 (en) * | 2022-04-28 | 2023-11-02 | 华为技术有限公司 | Display method and apparatus, and storage medium |
| CN114756190A (en) * | 2022-06-14 | 2022-07-15 | 统信软件技术有限公司 | Method and device for adjusting zoom based on resolution and computing equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103927143B (en) | 2017-04-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103927143A (en) | Method and device for adaptively adjusting interface layout on basis of screen resolution | |
| TWI490772B (en) | Method and apparatus for adapting custom control components to a screen | |
| US20180082450A1 (en) | Data drawing method and apparatus, terminal, and storage medium | |
| CN109493814B (en) | Picture compensation method, picture compensation device, display device and computer readable storage medium | |
| CN105678684B (en) | Method and device for intercepting image | |
| CN105912336A (en) | Multi-screen adaptive method for mobile terminal front-end development | |
| CN103544253A (en) | Implementation method and system for displaying images in waterfall flow manner | |
| WO2017012300A1 (en) | Display substrate, display apparatus, and method for adjusting resolution of display substrate | |
| CN105825801A (en) | Display control method and electronic device | |
| US20140327697A1 (en) | Image processing device, method for controlling image processing device, program, and information storage medium | |
| US20120050269A1 (en) | Information display device | |
| CN109408165A (en) | The multiple terminal self-adapting method and system of data visualisation system | |
| CN106484382B (en) | A kind of method and apparatus for playing frame and showing | |
| WO2022116936A1 (en) | Interface layout method, electronic device, and computer-readable storage medium. | |
| CN107861711B (en) | Page adaptation method and device | |
| CN111554218B (en) | Display parameter determination method and device and display equipment | |
| CN104503725B (en) | A kind of information processing method and electronic equipment | |
| CN106354462A (en) | Method, equipment and system for synchronously displaying document in multiple equipment | |
| JP2014119621A (en) | Image processor, and image processing method | |
| CN103236042A (en) | Self-adaptive picture processing method and device | |
| US9460487B2 (en) | Display device and image display method | |
| CN111782062B (en) | Soft input method position adjusting method and device, storage medium and large-screen all-in-one machine | |
| CN110780872B (en) | Element arrangement method, element arrangement device, computer-readable storage medium and computer-readable storage device | |
| CN107820601B (en) | Display control method, display control system and display device | |
| CN108874257B (en) | Picture display method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20170405 Address after: Cangshan District of Fuzhou City, Fujian province 350002 Jinshan Road No. 618 juyuanzhou Ruijie Science Park building 19-22 Patentee after: Fujian Star-net Communication Co., Ltd. Address before: Fuzhou City, Fujian Province, Jinshan Road 350000 No. 618 Ruijie orangery Chau Technology Park building 20 layer four Patentee before: Fujian Starnet e-Video Information System Co., Ltd. |
|
| TR01 | Transfer of patent right |