CN109388299A - Display methods, device and the electronic equipment of interface object - Google Patents
Display methods, device and the electronic equipment of interface object Download PDFInfo
- Publication number
- CN109388299A CN109388299A CN201811024926.9A CN201811024926A CN109388299A CN 109388299 A CN109388299 A CN 109388299A CN 201811024926 A CN201811024926 A CN 201811024926A CN 109388299 A CN109388299 A CN 109388299A
- Authority
- CN
- China
- Prior art keywords
- display
- display area
- interface
- target
- font
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a kind of display methods of interface object, device and electronic equipments.It include at least one target interface object in the target application interface this method comprises: providing target application interface；According to the object display parameters obtained in advance, target interface object, which is arranged, has multiple object display areas；When showing target application interface, the display of each object display area of target interface object is controlled respectively according to object display parameters, so that each object display area of target interface object has independent display effect.According to the present invention it is possible to provide the display mode of unique interface object, the unique interface visual experience of user is given.
Description
Technical field
The present invention relates to computer application technologies, display methods, device more particularly, to a kind of interface object
And electronic equipment.
Background technique
As computer, the rapid development of Internet technology and electronic equipment are intelligentized universal, people have been accustomed to
It is run by this class of electronic devices such as smart phone, tablet computer and applies (APP), pass through the display screen in electronic equipment
The application interface of display implements man-machine interactive operation, interacts with application, obtains the application service that application provides.
The application interface shown by the display screen of electronic equipment is applied, usually by font, label, interactive controls
Interface objects such as (such as click part, scroll bar, input frames etc.) are constituted.Although the application of application service can be provided a user at present
It is heterogeneous, large number of, but for the display of interface object be usually all using similar display mode, for example, for
The display of font, usually only font size, color technicality, be substantially all it is stereotyped, it is very dull, therefore, application
The interface of display in to(for) interface object basically form it is convergent, be not present differentiation, the unique interface vision of user can not be given
Experience.
Summary of the invention
It is an object of the present invention to provide a kind of new solutions for display interface object.
According to the first aspect of the invention, a kind of display methods of interface object is provided:
Target application interface is provided, includes at least one target interface object in the target application interface；
According to the object display parameters obtained in advance, the target interface object is set with multiple object display areas；
When showing the target application interface, the target interface object is controlled respectively according to the object display parameters
Each of the object display area display so that each of described target interface object object display area have it is only
Vertical display effect；
Wherein, the display effect includes at least the display color of the object display area.
Optionally, the object display parameters include at least number, the region segmentation parameter of object display area；The area
Regional partition parameter includes at least region segmentation ratio；
The target interface object is arranged with multiple object display areas in the object display parameters that the basis obtains in advance
The step of domain includes:
According to the region segmentation parameter, the target interface object is divided into the number for meeting the object display area
Purpose object display area；
According to the object size of acquired target interface object and the region segmentation parameter, it is each described right to determine
Separate line coordinates as the origin coordinates of display area and with the region of the adjacent object display area.
Still optionally further, the region segmentation parameter further includes region segmentation direction.
Optionally, it the origin coordinates of each object display area of the determination and is shown with the adjacent object
The region in region separates the step of line coordinates and includes:
Two-dimensional plane coordinate system is established as origin using the left vertex of the display area of the target interface object；
Based on the two-dimensional plane coordinate system established, according to the object size of acquired target interface object and described
Region segmentation parameter, determine each object display area origin coordinates and with the adjacent object display area
Region separates line coordinates.
Optionally, the object display parameters further include display effect parameter list；The display effect parameter list packet
Include the display effect parameter of each object display area；The display effect parameter includes at least the object display area
Display color；
It is described to control each of the target interface object object display area respectively according to the object display parameters
The step of display in domain includes:
According to the display effect parameter of each object display area, the region based on the object display area
The object display area is drawn to show by origin coordinates and area size.
Optionally, the target interface object is the font object including at least a font；
The object size of the target interface object includes the area size of the display area where the font object, institute
State font actual size in font object, under the font of the font object in the font of base line value and the font object
Base line value.
Optionally,
When the object display parameters change, the setting target interface object is re-executed with multiple
The step of each of object display area, control target interface object display of the object display area, so that
The display effect of each object display area accordingly changes.
Optionally,
When receiving interactive operation associated with the target interface object by the application interface, according to the friendship
The operation change of interoperability is correspondingly arranged the object display parameters and changes；
And/or
According to the received external setting request of institute or preset Parameters variation condition, it is correspondingly arranged the object display ginseng
Number changes.
According to the second aspect of the invention, a kind of display device of interface object is provided, wherein include:
Interface providing unit includes at least one target in the target application interface for providing target application interface
Interface object；
Area setting unit, for according to the object display parameters obtained in advance, the target interface object, which is arranged, to be had
Multiple object display areas；
Region display unit controls institute according to the object display parameters when showing the target application interface respectively
The display of each of target interface object object display area is stated, so that each of described target interface object object
Display area has independent display effect；
Wherein, the display effect includes at least the display color of the object display area.
According to the third aspect of the invention we, a kind of electronic equipment is provided, wherein include:
Display device, for showing human-computer interaction interface；
Memory, for storing executable instruction；
Processor runs the electronic equipment and executes as of the invention for the control according to the executable instruction
The display methods of the interface object of any one described in first aspect.
It can be by aobvious according to preset object for any one interface object according to one embodiment of the disclosure
Show parameter, which is set with multiple object display areas and controls the every of the interface object when showing application interface
The display of a object display area is different from existing so that each subject area of the interface object has independent display effect
There is the display mode of machine-made interface object in technology, the display mode of unique interface object is provided, so that using boundary
The display novelty in face is interesting, gives the unique interface visual experience of user.
By referring to the drawings to the detailed description of exemplary embodiment of the present invention, other feature of the invention and its
Advantage will become apparent.
Detailed description of the invention
It is combined in the description and the attached drawing for constituting part of specification shows the embodiment of the present invention, and even
With its explanation together principle for explaining the present invention.
Fig. 1 is the frame for showing the example of hardware configuration for the electronic equipment 1000 that can be used for realizing the embodiment of the present invention
Figure.
Fig. 2 shows the flow charts of the display methods of the interface object of the embodiment of the present invention.
The setting target interface object that Fig. 3 shows the embodiment of the present invention has the step of multiple object display areas
Flow chart.
Fig. 4 shows the schematic diagram that target interface object in the embodiment of the present invention is the example of font object.
Fig. 5 shows the schematic diagram that target interface object in the embodiment of the present invention is the another example of font object.
Fig. 6 shows the schematic diagram that target interface object in the embodiment of the present invention is the example of TAB control.
Fig. 7 shows the block diagram of the display device 3000 of the interface object of the embodiment of the present invention.
Fig. 8 shows the block diagram of the electronic equipment 4000 of the embodiment of the present invention.
Specific embodiment
Carry out the various exemplary embodiments of detailed description of the present invention now with reference to attached drawing.It should also be noted that unless in addition having
Body explanation, the unlimited system of component and the positioned opposite of step, numerical expression and the numerical value otherwise illustrated in these embodiments is originally
The range of invention.
Be to the description only actually of at least one exemplary embodiment below it is illustrative, never as to the present invention
And its application or any restrictions used.
Technology, method and apparatus known to person of ordinary skill in the relevant may be not discussed in detail, but suitable
In the case of, the technology, method and apparatus should be considered as part of specification.
It is shown here and discuss all examples in, any occurrence should be construed as merely illustratively, without
It is as limitation.Therefore, other examples of exemplary embodiment can have different values.
It should also be noted that similar label and letter indicate similar terms in following attached drawing, therefore, once a certain Xiang Yi
It is defined in a attached drawing, then in subsequent attached drawing does not need that it is further discussed.
<hardware configuration>
Fig. 1 is the block diagram for showing the hardware configuration for the electronic equipment 1000 that the embodiment of the present invention may be implemented.
Electronic equipment 1000 can be portable computer, desktop computer, mobile phone, tablet computer etc..As shown in Figure 1, electric
Sub- equipment 1000 may include processor 1100, memory 1200, interface arrangement 1300, communication device 1400, display device
1500, input unit 1600, loudspeaker 1700, microphone 1800 etc..Wherein, processor 1100 can be central processing unit
CPU, Micro-processor MCV etc..Memory 1200 is for example including ROM (read-only memory), RAM (random access memory), such as
The nonvolatile memory etc. of hard disk.Interface arrangement 1300 is for example including USB interface, earphone interface etc..Communication device 1400
It is such as able to carry out wired or wireless communication, specifically may include Wifi communication, Bluetooth communication, 2G/3G/4G/5G communication etc..It is aobvious
Showing device 1500 is, for example, liquid crystal display, touch display screen etc..Input unit 1600 for example may include touch screen, keyboard,
Body-sensing input etc..User can pass through 1800 inputting/outputting voice information of loudspeaker 1700 and microphone.
Electronic equipment shown in FIG. 1 is merely illustrative and is in no way intended to the invention, its application, or uses
Any restrictions.Using in an embodiment of the present invention, the memory 1200 of electronic equipment 1000 is for storing instruction, described
Instruction is operated for controlling the processor 1100 to execute any one interface object provided in the embodiment of the present invention
Display methods.It will be appreciated by those skilled in the art that although showing multiple devices to electronic equipment 1000 in Fig. 1,
It is that the present invention can only relate to partial devices therein, for example, electronic equipment 1000 pertains only to processor 1100 and storage device
1200.Technical staff can disclosed conceptual design instruction according to the present invention.How control processor is operated for instruction, this is
It is known in the art that therefore being not described in detail herein.
<embodiment>
The general plotting of the present embodiment, be to provide it is a kind of for showing the new solution of the interface object of application interface,
For any one interface object, the interface object can be set with multiple right by according to preset object display parameters
As display area, when showing application interface, the display of each object display area of the interface object is controlled, so that the interface
Each subject area of object have independent display effect, be different from the prior art in machine-made interface object display
Mode provides the display mode of unique interface object, so that the display novelty of application interface is interesting, gives the unique boundary of user
Facial vision experience.
<method>
In the present embodiment, a kind of display methods of interface object is provided.The interface object is to constitute any one application
Display object in interface, for example, it may be font, label, interactive controls (such as click part, scroll bar, input frame etc.), are handed over
Mutual control be can arbitrarily show in application interface, basis is implemented on the interactive operation of itself and provides preset response results
Interface control.Application interface is can to respond the man-machine interactive operation that user implements to provide the software production of corresponding application service
Product or application program, the visual interface shown in the display screen of corresponding operation electronic equipment.
The display methods of the interface object, as shown in Figure 2, comprising: step S2100-S2300.
Step S2100 provides target application interface.
The target application interface can be any a software product for providing application service or application program is being run
When show, visual interface that support human-computer interaction, corresponding software product or application program at runtime can be based on tools
The trigger mechanism or trigger timing of body provide the target application interface, in the present embodiment with no restrictions.
It in the present embodiment, include at least one target interface object in target application interface.Target interface can be structure
At any one in all interface objects at target application interface, for example, it may be font, label, interactive controls (such as point
Hit part, scroll bar, input frame etc.) etc., interactive controls can be arbitrarily shown in application interface, according to being implemented on itself friendship
It interoperates and the interface control of preset response results is provided.
Step S2200, according to the object display parameters obtained in advance, target interface object is arranged, and there are multiple objects to show
Region.
There are multiple object display areas by setting target interface, can be in conjunction with subsequent step, it is each right to control respectively
As the display of display area is different from so that each object display area of target interface object has independent display effect
The display mode of machine-made interface object in the prior art provides the display mode of unique interface object, so that using
The display novelty at interface is interesting, gives the unique interface visual experience of user.
Object display parameters are the relevant parameters for the display effect of control interface object.In the present embodiment, object
Design parameter content included by display parameters can be preset according to specific application scenarios or application demand,
As long as can support the multiple object display areas of setting target interface object in the present embodiment according to object display parameters and control respectively
Make the independent display of multiple object display areas.
For example, object display parameters include at least number, the region segmentation parameter of object display area.
The number of object display area be target interface object can divided object display area total number, Ke Yigen
It is arranged according to specific application scenarios or application demand.
Region segmentation parameter is to obtain the relevant parameter of multiple object display areas for dividing setting target interface object.
Region segmentation parameter includes at least region segmentation ratio.It should be understood that when, the number and object of specific region segmentation ratio are aobvious
Show that the number in region is corresponding, is that object display area number subtracts 1.
Corresponding, step S2200 can be as shown in Figure 3, comprising: step S2210-S2220.
Target interface object is divided into the number for meeting object display area according to region segmentation parameter by step S2210
Object display area.
According to the region segmentation ratio for including in region segmentation parameter, target interface object is divided into and meets object and shows
The object display area of the number in region so that entirely shown shared by each object display area the ratio of object display area with
Region segmentation ratio is corresponding.
In one example, region segmentation parameter can also include region segmentation direction.Region segmentation direction includes laterally
Divide and longitudinally split.
For example, it is assumed that include region segmentation ratio in region segmentation parameter be 0.6, region segmentation direction be horizontal partition,
The number of object display area is 2, as shown in figure 4, interface object is font object " WHAT ", according to region segmentation non-parametric segmentation
Obtain two object display areas for showing " WH ", " AT " respectively.
Step S2220 is determined each according to the object size and region segmentation parameter of acquired target interface object
The origin coordinates of object display area and separate line coordinates with the region of adjacent object display area.
It determines the origin coordinates of each object display area and is sat with the region separator bar of adjacent object display area
Mark, can in conjunction with subsequent step, origin coordinates based on each object display area and with adjacent object display area
Region separates line coordinates, the display of the object display area is controlled, so that the different object display areas of target interface object are in
The display effect of existing independent display effect, entire target interface object is unique.
In the present embodiment, determine each object display area origin coordinates and with adjacent object display area
Region separates line coordinates, is based on the same coordinate system, which can construct according to specific application scenarios or application demand.
In one example, step S2220 may include: step S2221-S2222.
Step S2221 establishes two-dimensional plane coordinate system as origin using the left vertex of the display area of target interface object.
For example, the boxed area in figure is font object so that font object shown in Fig. 4 is target interface object as an example
Display area, can be using the left vertex in the region as origin, and the parallel direction extended to the right is X-axis positive direction, is extended downwardly
Vertical direction is Y-axis positive direction, establishes two-dimensional plane coordinate system.
Target interface is used as to the interactive controls or label etc. such as part (such as button), scroll bar, moving member are then clicked
When object, similarly, two-dimensional surface can in the above way be established based on the display area for being particularly shown the target interface object
Coordinate system, it is numerous to list herein.
Step S2222, based on the two-dimensional plane coordinate system established, according to the object ruler of acquired target interface object
Very little and region segmentation parameter determines the origin coordinates of each object display area and shows with the adjacent object
The region in region separates line coordinates.
The object size of target interface object can be defined according to the concrete type of target interface object.
For example, target interface object is interactive controls, the object size of target interface object includes the control of the interactive controls
Part view altitude, control view width.
In another example target interface object is the font object including at least a font, the object ruler of target interface object
The very little area size including the display area where font object, font actual size, the font of font object in font object
Base line value in the font of lower base line value and font object, wherein area size includes the height of display area, width,
Font actual size is the practical font height that font itself actually occupies in font object, practical set width, base under font
Directrix value is the maximum height of the upper sideline of the display area in font object where font relative font object itself, under font
Base line value is the maximum height value of the upper sideline of the display area in font object where font relative font object itself, word
Base line value is the minimum constructive height of the upper sideline of the display area in font object where font relative font object itself under body
Value, for example, reference line is as shown in Figure 5 under reference line and font on the display area of font object, font.
In the present embodiment, it can be opened by what the software product or application program for providing target application interface were based on
Send out the object size that application interface set (API) provided by frame obtains target interface object.For example, providing target application circle
Face is Development Framework exploitation software product or application program based on android system, can be passed through
The view altitude or display area height of getMeasuredHeight () acquisition target interface object；Pass through
The view width or display area width of getMeasuredWidth () acquisition target interface object；For target interface pair
As if when font object, the font actual size of font object can also be obtained by getPaint () .measureText (),
Including set width, height etc., for example, for font object shown in Fig. 4 " WHAT " getPaint () can be passed through
.measureText (" WHAT ") obtains the practical font height of font object, practical set width, can pass through
MPaint.descent () obtains base line value under font, and mPaint.ascent () obtains base line value in font.For adopting
The target application interface provided with the application program or software product of other types Development Framework, obtains target interface object
Object size can be realized by the application interface collection that corresponding Development Framework provides, numerous to list herein.
After the object size of the target interface object of acquisition, it can be determined based on object size, region segmentation parameter
Origin coordinates of each object display area in the two-dimensional coordinate system established and the area with adjacent object display area
Domain separates line coordinates.
For example, when target interface object is interactive controls, it is assumed that the interactive controls are divided into N number of object display area,
Corresponding region segmentation ratio includes Offseti(i=1 ..., N-1), the object size of the interactive controls includes view height
Spend H, view width W, it is assumed that region segmentation direction is horizontal partition, where region segmentation line coordinates is really region segmentation line
Lateral coordinates value；
For from first object display area laterally from left to right, origin coordinates includes lateral coordinates value X1, longitudinal coordinate
Value Y1, region segmentation line coordinates D1:
X1=0；Y1=0；D1=X1+Offset1×W；
For j-th of object display area (j=2 ... N) later, origin coordinates includes lateral coordinates value Xj, it is longitudinal
Coordinate value Yj, region segmentation line coordinates Dj:
Xj=Dj-1；Yj=0；Dj=Xj+Offsetj×W。
In another example target interface object is the font object including at least a font, it is assumed that the font object is divided
For N number of object display area, corresponding region segmentation ratio includes Offseti(i=1 ..., N-1), the font object
Object size includes area size (including the region height AreaHeight, peak width of the display area where font object
AreaWidth), (including the font actual height TextHeight, font developed width of font actual size in font object
TextWidth), value Ascent, vacation under benchmark in the font of a reference value Descent and font object under the font of font object
If region segmentation direction is horizontal partition, region segmentation line coordinates is really the lateral coordinates value where region segmentation line；
For from first object display area laterally from left to right, origin coordinates includes lateral coordinates value X1, longitudinal coordinate
Value Y1, region segmentation line coordinates D1:
X1=(AreaWidth-TextWidth)/2；
Y1=AreaHeight/2- (Descent-Ascent)/2；
D1=X1+Offset1×TextWidth；
For j-th of object display area (j=2 ... N) later, origin coordinates includes lateral coordinates value Xj, it is longitudinal
Coordinate value Yj, region segmentation line coordinates Dj:
Xj=Dj-1；
Yj=AreaHeight/2- (Descent-Ascent)/2；
Dj=Xj-1+Offsetj×TextWidth。
After setting target interface object has multiple object display areas, enter:
Step S2300 controls target interface object according to object display parameters when showing target application interface respectively
The display of each object display area, so that each object display area of target interface object has independent display effect.
In this example it is shown that effect is the visual effect that each object display area is formed in display.Display effect
Fruit includes at least the display color of object display area, can also include the display mode of object display area, such as highlighted side
Formula, flashing mode, alternatively, can also include the mark of the Dynamically Announce mode of customized object display area, each dynamic
Display pattern can be arranged according to specific display demand, display scene or display technology.
By controlling the display of each object display area of target interface object respectively, so that target interface object is every
A object display area have independent display effect, be different from the prior art in machine-made interface object display side
Formula provides the display mode of unique interface object, so that the display novelty of application interface is interesting, gives the unique interface of user
Visual experience.
In one example, object display parameters include at least number, the region segmentation parameter, object of object display area
Display parameters and display effect parameter list.
Display effect parameter list includes the display effect parameter of each object display area.Display effect parameter is extremely
It less include the display color of object display area.In addition, display effect parameter can also include that other meet the ginseng of display demand
Number for example, display effect parameter can also include the display mode of object display area, such as highlights mode, flashing mode, or
Person, display effect parameter can also include the mark of the Dynamically Announce mode of customized object display area, and each dynamic is aobvious
Show that mode can be arranged according to specific display demand, display scene or display technology.
In this example, target interface object can be arranged according to example as shown in Figure 3 has multiple object display areas,
The step of controlling the display of each object display area of target interface object respectively according to object display parameters later include:
The display effect parameter of display area according to each object, region origin coordinates based on object display area and
Area size, rendered object display area is to show.
In the present embodiment, it can be opened by what the software product or application program for providing target application interface were based on
Application interface set (API) provided by frame is sent out, according to each object the display effect parameter of display area, it is aobvious based on object
Show region origin coordinates and the area size in region, rendered object display area is to show.
With the font object that target interface object as shown in Figure 4 is by horizontal partition for two object display areas
For " WHAT ", it is assumed that provide target application interface be based on android system Development Framework exploitation software product or
Application program:
Firstly, based on method as shown in Figure 3, it is available for the 1st object display area (left side object display area
Domain) origin coordinates includes lateral coordinates value X1, longitudinal coordinate value Y1, region segmentation line coordinates D1；It is available right for the 2nd
As display area (the right object display area) origin coordinates includes lateral coordinates value X2, longitudinal coordinate value Y2, region segmentation line sit
Mark D2；
For the 1st object display area (left side object display area), it is assumed that indicated in display effect parameter list
Display effect parameter only includes display color TextColor1, can realize that drawing the 1st object shows by following function commands
Show region to show:
getPain().setColor(TextColor1)；
canva.save()；
canvas.clipRct(X1,0,D1,AreaHeight)；
canvas.drawText("WHAT",X1,Y1,getPain())；
canvas.restore()；
For the 2nd object display area (the right object display area), it is assumed that indicated in display effect parameter list
Display effect parameter only includes display color TextColor2, can realize that drawing the 2nd object shows by following function commands
Show region to show:
getPain().setColor(TextColor2)；
canva.save()；
canvas.clipRct(X2,0,D2,AreaHeight)；
canvas.drawText("WHAT",X2,Y2,getPain())；
canvas.restore()；
When font object includes multiple object display areas, it is aobvious can be controlled based on above-mentioned similar method for each object
Show the display in region, it is numerous to list herein.
In the present embodiment, the display methods of the interface object provided can also include:
When object display parameters change, the above-mentioned setting target interface object is re-executed with multiple objects
Display area, the control target interface object each object display area display the step of so that each object is shown
The display effect in region accordingly changes.
When changing by object display parameters, step S2200, S2300 as shown in Figure 2 is re-executed, control is every
The display effect of a object display area accordingly changes, allow the display of target interface object be adapted to display demand or
Person shows the variation of scene, flexibly changes, and display effect more horn of plenty is unique.
In the present embodiment, can when receiving interactive operation associated with target interface object by application interface,
According to the operation change of interactive operation, it is correspondingly arranged object display parameters and changes.
With the associated interactive operation of target interface object, any triggering target circle on target application interface can be performed on
The changed man-machine interactive operation of display in face of elephant, for example, to the gesture slide of target interface object, scroll operation
Deng.
By taking target interface object is TAB control as an example, it is assumed that the TAB control as shown in fig. 6, show " WHAT THE ",
According to the gesture operation that horizontally slips that user implements TAB control, corresponding setting object display parameters are joined as object is shown
The display of different object display areas in number control TAB control, so that " the WHAT THE " on TAB control is with the left and right of user
Slip gesture operation, shows different display colors.
It in the present embodiment, can also be right according to the received external setting request of institute or preset Parameters variation condition
Object display parameters should be arranged to change.
Outside setting request is the request message by generating after triggering there are the user of object display parameters configuration needs, can
To pass through preset configuration interface.The specific of the object display parameters of expectation setting is included at least in the setting request of the outside
Content, for example, including at least the display color of some object display area of expectation setting.
Parameters variation condition is the changed trigger condition of object display parameters, can according to specific application scenarios or
Person's application demand setting, for example, Parameters variation condition may include time cycle of the variation of object display parameters and to strain
The content of parameter of the object display parameters of change, when the interval at time point and preset initial time point meets the time cycle,
It controls the object display parameters and is accordingly updated to corresponding content of parameter.
<display device of interface object>
In the present embodiment, a kind of display device 3000 of interface object is also provided, as shown in fig. 7, comprises: interface provides
Unit 3100, area setting unit 3200 and region display unit 3300, for implementing the interface pair provided in the present embodiment
The display methods of elephant, details are not described herein.
The display device 3000 of interface object, comprising:
Interface providing unit 3100 includes at least one in the target application interface for providing target application interface
Target interface object；
Area setting unit 3200, for the target interface object to be arranged according to the object display parameters obtained in advance
With multiple object display areas；
Region display unit 3300 is controlled when showing the target application interface according to the object display parameters respectively
The display of each of the target interface object object display area is made, so that each of described target interface object is described
Object display area has independent display effect；
Wherein, the display effect includes at least the display color of the object display area.
In one example, the object display parameters include at least number, the region segmentation parameter of object display area；
The region segmentation parameter includes at least region segmentation ratio；
The area setting unit 3200 includes:
For the target interface object being divided into and meets the object display area according to the region segmentation parameter
Number object display area device；
And it for the object size and the region segmentation parameter according to acquired target interface object, determines every
The origin coordinates of a object display area and the dress for separating line coordinates with the region of the adjacent object display area
It sets.
Further, the region segmentation parameter further includes region segmentation direction.
Alternatively, being determined for object size and the region segmentation parameter according to acquired target interface object
The origin coordinates of each object display area and separate line coordinates with the region of the adjacent object display area
Device includes:
For establishing the dress of two-dimensional plane coordinate system using the left vertex of the display area of the target interface object as origin
It sets；
For based on the two-dimensional plane coordinate system established, according to the object size of acquired target interface object and
The region segmentation parameter, determine each object display area origin coordinates and with the adjacent object display area
The region in domain separates the device of line coordinates.
Alternatively, the object display parameters further include display effect parameter list；The display effect parameter list includes
The display effect parameter of each object display area；The display effect parameter includes at least the object display area
Display color；
The object size and the region segmentation parameter for according to acquired target interface object determines every
The origin coordinates of a object display area and the dress for separating line coordinates with the region of the adjacent object display area
It sets and is used for:
According to the display effect parameter of each object display area, the region based on the object display area
The object display area is drawn to show by origin coordinates and area size.
Optionally, the target interface object is the font object including at least a font；
The object size of the target interface object includes the area size of the display area where the font object, institute
State font actual size in font object, under the font of the font object in the font of base line value and the font object
Base line value.
Optionally, the display device 3000 of the interface object, further includes:
Have for when the object display parameters change, re-executing the setting target interface object
The step of each of multiple object display areas, control target interface object display of the object display area,
So that the corresponding changed device of the display effect of each object display area.
Further, the display device 3000 of the interface object can also include:
For when receiving interactive operation associated with the target interface object by the application interface, according to institute
The operation change for stating interactive operation is correspondingly arranged the changed device of object display parameters；
And/or
For it is aobvious to be correspondingly arranged the object according to the received external setting request of institute or preset Parameters variation condition
Show the changed device of parameter.
It will be appreciated by those skilled in the art that the display device 3000 of interface object can be realized by various modes.
For example, can realize the display device 3000 of interface object by instruction configuration processor.For example, instruction can be stored in
In ROM, and when starting the device, instruction is read in programming device to the display device for realizing interface object from ROM
3000.For example, the display device 3000 of interface object can be cured in dedicated devices (such as ASIC).It can be by interface pair
The display device 3000 of elephant is divided into mutually independent unit, or they can be merged to realization.Interface object is shown
Showing device 3000 can be realized by one of above-mentioned various implementations, or can pass through above-mentioned various implementations
In the combinations of two or more modes realize.
In the present embodiment, the display device 3000 of interface object may have various ways of realization, for example, interface object
Display device 3000 can be the display function module for including in electronic device system, alternatively, the display of interface object
Device 3000 be it is any provide application interface display function software product perhaps application program or interface object display dress
Setting 3000 can also be software patch or the application plug-in etc. that arbitrarily can be loaded or be embedded in operation.
<electronic equipment>
In the present embodiment, a kind of electronic equipment 4000 is also provided, as shown in Figure 8, comprising:
Display device 4100, for showing human-computer interaction interface；
Memory 4200, for storing executable instruction；
Processor 4300 runs the electronic equipment and executes such as this hair for the control according to the executable instruction
The display methods of the interface object of any one provided in bright embodiment.
Attached drawing is had been combined above and describes the embodiment of the present invention, according to the present embodiment, provides a kind of interface object
Display methods, device and electronic equipment, can be by according to default for any one interface object according to the present embodiment
Object display parameters, which is set with multiple object display areas and controls the interface when showing application interface
The display of each object display area of object, so that each subject area of the interface object has independent display effect,
The display mode of machine-made interface object in being different from the prior art, provides the display mode of unique interface object, makes
The display novelty for obtaining application interface is interesting, gives the unique interface visual experience of user.
The present invention can be system, method and/or computer program product.Computer program product may include computer
Readable storage medium storing program for executing, containing for making processor realize the computer-readable program instructions of various aspects of the invention.
Computer readable storage medium, which can be, can keep and store the tangible of the instruction used by instruction execution equipment
Equipment.Computer readable storage medium for example can be-- but it is not limited to-- storage device electric, magnetic storage apparatus, optical storage
Equipment, electric magnetic storage apparatus, semiconductor memory apparatus or above-mentioned any appropriate combination.Computer readable storage medium
More specific example (non exhaustive list) includes: portable computer diskette, hard disk, random access memory (RAM), read-only deposits
It is reservoir (ROM), erasable programmable read only memory (EPROM or flash memory), static random access memory (SRAM), portable
Compact disk read-only memory (CD-ROM), digital versatile disc (DVD), memory stick, floppy disk, mechanical coding equipment, for example thereon
It is stored with punch card or groove internal projection structure and the above-mentioned any appropriate combination of instruction.Calculating used herein above
Machine readable storage medium storing program for executing is not interpreted that instantaneous signal itself, the electromagnetic wave of such as radio wave or other Free propagations lead to
It crosses the electromagnetic wave (for example, the light pulse for passing through fiber optic cables) of waveguide or the propagation of other transmission mediums or is transmitted by electric wire
Electric signal.
Computer-readable program instructions as described herein can be downloaded to from computer readable storage medium it is each calculate/
Processing equipment, or outer computer or outer is downloaded to by network, such as internet, local area network, wide area network and/or wireless network
Portion stores equipment.Network may include copper transmission cable, optical fiber transmission, wireless transmission, router, firewall, interchanger, gateway
Computer and/or Edge Server.Adapter or network interface in each calculating/processing equipment are received from network to be counted
Calculation machine readable program instructions, and the computer-readable program instructions are forwarded, for the meter being stored in each calculating/processing equipment
In calculation machine readable storage medium storing program for executing.
Computer program instructions for executing operation of the present invention can be assembly instruction, instruction set architecture (ISA) instructs,
Machine instruction, machine-dependent instructions, microcode, firmware instructions, condition setup data or with one or more programming languages
The source code or object code that any combination is write, the programming language include the programming language-of object-oriented such as
Smalltalk, C++ etc., and conventional procedural programming languages-such as " C " language or similar programming language.Computer
Readable program instructions can be executed fully on the user computer, partly execute on the user computer, be only as one
Vertical software package executes, part executes on the remote computer or completely in remote computer on the user computer for part
Or it is executed on server.In situations involving remote computers, remote computer can pass through network-packet of any kind
It includes local area network (LAN) or wide area network (WAN)-is connected to subscriber computer, or, it may be connected to outer computer (such as benefit
It is connected with ISP by internet).In some embodiments, by utilizing computer-readable program instructions
Status information carry out personalized customization electronic circuit, such as programmable logic circuit, field programmable gate array (FPGA) or can
Programmed logic array (PLA) (PLA), the electronic circuit can execute computer-readable program instructions, to realize each side of the invention
Face.
Referring herein to according to the method for the embodiment of the present invention, the flow chart of device (system) and computer program product and/
Or block diagram describes various aspects of the invention.It should be appreciated that flowchart and or block diagram each box and flow chart and/
Or in block diagram each box combination, can be realized by computer-readable program instructions.
These computer-readable program instructions can be supplied to general purpose computer, special purpose computer or other programmable datas
The processor of processing unit, so that a kind of machine is produced, so that these instructions are passing through computer or other programmable datas
When the processor of processing unit executes, function specified in one or more boxes in implementation flow chart and/or block diagram is produced
The device of energy/movement.These computer-readable program instructions can also be stored in a computer-readable storage medium, these refer to
It enables so that computer, programmable data processing unit and/or other equipment work in a specific way, thus, it is stored with instruction
Computer-readable medium then includes a manufacture comprising in one or more boxes in implementation flow chart and/or block diagram
The instruction of the various aspects of defined function action.
Computer-readable program instructions can also be loaded into computer, other programmable data processing units or other
In equipment, so that series of operation steps are executed in computer, other programmable data processing units or other equipment, to produce
Raw computer implemented process, so that executed in computer, other programmable data processing units or other equipment
Instruct function action specified in one or more boxes in implementation flow chart and/or block diagram.
The flow chart and block diagram in the drawings show the system of multiple embodiments according to the present invention, method and computer journeys
The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can generation
One module of table, program segment or a part of instruction, the module, program segment or a part of instruction include one or more use
The executable instruction of the logic function as defined in realizing.In some implementations as replacements, function marked in the box
It can occur in a different order than that indicated in the drawings.For example, two continuous boxes can actually be held substantially in parallel
Row, they can also be executed in the opposite order sometimes, and this depends on the function involved.It is also noted that block diagram and/or
The combination of each box in flow chart and the box in block diagram and or flow chart, can the function as defined in executing or dynamic
The dedicated hardware based system made is realized, or can be realized using a combination of dedicated hardware and computer instructions.It is right
For those skilled in the art it is well known that, by hardware mode realize, by software mode realize and pass through software and
It is all of equal value that the mode of combination of hardware, which is realized,.
Various embodiments of the present invention are described above, above description is exemplary, and non-exclusive, and
It is not limited to disclosed each embodiment.Without departing from the scope and spirit of illustrated each embodiment, for this skill
Many modifications and changes are obvious for the those of ordinary skill in art field.The selection of term used herein, purport
In principle, the practical application or to the technological improvement in market for best explaining each embodiment, or make the art its
Its those of ordinary skill can understand each embodiment disclosed herein.The scope of the present invention is defined by the appended claims.
Claims (10)
1. a kind of display methods of interface object, wherein include:
Target application interface is provided, includes at least one target interface object in the target application interface；
According to the object display parameters obtained in advance, the target interface object is set with multiple object display areas；
When showing the target application interface, the every of the target interface object is controlled respectively according to the object display parameters
The display of a object display area, so that each of described target interface object object display area is with independent
Display effect；
Wherein, the display effect includes at least the display color of the object display area.
2. according to the method described in claim 1, wherein,
The object display parameters include at least number, the region segmentation parameter of object display area；The region segmentation parameter
Including at least region segmentation ratio；
The target interface object is arranged with multiple object display areas in the object display parameters that the basis obtains in advance
Step includes:
According to the region segmentation parameter, the target interface object is divided into the number for meeting the object display area
Object display area；
According to the object size of acquired target interface object and the region segmentation parameter, determine that each object is aobvious
Show the origin coordinates in region and separates line coordinates with the region of the adjacent object display area.
3. according to the method described in claim 2, wherein,
The region segmentation parameter further includes region segmentation direction.
4. according to the method described in claim 2, wherein,
The origin coordinates of each object display area of determination and region with the adjacent object display area
Separate line coordinates the step of include:
Two-dimensional plane coordinate system is established as origin using the left vertex of the display area of the target interface object；
Based on the two-dimensional plane coordinate system established, according to the object size of acquired target interface object and the region
Partitioning parameters determine the origin coordinates of each object display area and the region with the adjacent object display area
Separate line coordinates.
5. according to the method described in claim 2, wherein,
The object display parameters further include display effect parameter list；The display effect parameter list includes each described right
As the display effect parameter of display area；The display effect parameter includes at least the display color of the object display area；
It is described to control each of the target interface object object display area respectively according to the object display parameters
The step of display includes:
According to the display effect parameter of each object display area, the region starting based on the object display area
The object display area is drawn to show by coordinate and area size.
6. according to the method described in claim 2, wherein,
The target interface object is the font object including at least a font；
The object size of the target interface object includes the area size of the display area where the font object, the word
Benchmark in the font of base line value and the font object under font actual size, the font of the font object in body object
Line value.
7. according to the method described in claim 1, wherein, further includes:
When the object display parameters change, re-executing the setting target interface object has multiple objects
The step of each of display area, the control target interface object display of the object display area, so that each
The display effect of the object display area accordingly changes.
8. according to the method described in claim 7, wherein, further includes:
When receiving interactive operation associated with the target interface object by the application interface, grasped according to the interaction
The operation change of work is correspondingly arranged the object display parameters and changes；
And/or
According to the received external setting request of institute or preset Parameters variation condition, it is correspondingly arranged the object display parameters hair
Changing.
9. a kind of display device of interface object, wherein include:
Interface providing unit includes at least one target interface in the target application interface for providing target application interface
Object；
Area setting unit, for the target interface object to be arranged with multiple according to the object display parameters obtained in advance
Object display area；
Region display unit controls the mesh according to the object display parameters when showing the target application interface respectively
The display for marking each of the interface object object display area, so that each of described target interface object object is shown
Region has independent display effect；
Wherein, the display effect includes at least the display color of the object display area.
10. a kind of electronic equipment, wherein include:
Display device, for showing human-computer interaction interface；
Memory, for storing executable instruction；
Processor runs the electronic equipment and executes such as claim 1-8 institute for the control according to the executable instruction
The display methods of the interface object for any one stated.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811024926.9A CN109388299A (en) | 2018-09-04 | 2018-09-04 | Display methods, device and the electronic equipment of interface object |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811024926.9A CN109388299A (en) | 2018-09-04 | 2018-09-04 | Display methods, device and the electronic equipment of interface object |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109388299A true CN109388299A (en) | 2019-02-26 |
Family
ID=65417553
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811024926.9A Pending CN109388299A (en) | 2018-09-04 | 2018-09-04 | Display methods, device and the electronic equipment of interface object |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109388299A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113190320A (en) * | 2021-05-21 | 2021-07-30 | 珠海金山网络游戏科技有限公司 | Interface adjusting method and device |
| WO2023160453A1 (en) * | 2022-02-23 | 2023-08-31 | 维沃移动通信有限公司 | Display control method and apparatus, electronic device and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104919399A (en) * | 2013-01-23 | 2015-09-16 | 朴宰贤 | Device and method for changing color of text displayed on display device |
| CN105630377A (en) * | 2015-12-17 | 2016-06-01 | 中山市读书郎电子有限公司 | Natural gesture based information display method |
| CN105892786A (en) * | 2015-01-16 | 2016-08-24 | 张凯 | Method for achieving text selection on touchscreen interface |
| CN106547844A (en) * | 2016-10-17 | 2017-03-29 | 腾讯科技（深圳）有限公司 | A kind for the treatment of method and apparatus of user interface |
| CN107643916A (en) * | 2017-10-09 | 2018-01-30 | 武汉斗鱼网络科技有限公司 | Control control method, device, electronic equipment and readable storage medium storing program for executing |
-
2018
- 2018-09-04 CN CN201811024926.9A patent/CN109388299A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104919399A (en) * | 2013-01-23 | 2015-09-16 | 朴宰贤 | Device and method for changing color of text displayed on display device |
| CN105892786A (en) * | 2015-01-16 | 2016-08-24 | 张凯 | Method for achieving text selection on touchscreen interface |
| CN105630377A (en) * | 2015-12-17 | 2016-06-01 | 中山市读书郎电子有限公司 | Natural gesture based information display method |
| CN106547844A (en) * | 2016-10-17 | 2017-03-29 | 腾讯科技（深圳）有限公司 | A kind for the treatment of method and apparatus of user interface |
| CN107643916A (en) * | 2017-10-09 | 2018-01-30 | 武汉斗鱼网络科技有限公司 | Control control method, device, electronic equipment and readable storage medium storing program for executing |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113190320A (en) * | 2021-05-21 | 2021-07-30 | 珠海金山网络游戏科技有限公司 | Interface adjusting method and device |
| WO2023160453A1 (en) * | 2022-02-23 | 2023-08-31 | 维沃移动通信有限公司 | Display control method and apparatus, electronic device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11587279B2 (en) | Augmented facial animation | |
| US11452941B2 (en) | Emoji-based communications derived from facial features during game play | |
| US20170111614A1 (en) | Communication using interactive avatars | |
| KR101851356B1 (en) | Method for providing intelligent user interface by 3D digital actor | |
| CN109344352A (en) | Page loading method, device and electronic equipment | |
| KR102131159B1 (en) | Methods and devices for controlling smart devices and computer storage media | |
| CN109427083A (en) | Display methods, device, terminal and the storage medium of three-dimensional avatars | |
| CN108885639A (en) | Properties collection navigation and automatic forwarding | |
| CN105976417A (en) | Animation generating method and apparatus | |
| CN107391117A (en) | Split screen processing method, equipment and the electronic equipment gently applied | |
| CN106033333A (en) | A visual augmented reality scene making system and method | |
| CN110609654B (en) | Data synchronous display method, device and equipment and teleconferencing system | |
| CN109062779A (en) | Test control method, main control device, controlled device and test macro | |
| CN109410893A (en) | Show the method, apparatus and electronic equipment of picture | |
| CN109388299A (en) | Display methods, device and the electronic equipment of interface object | |
| KR20190072067A (en) | Terminal and server providing a video call service | |
| KR20190000069A (en) | Method for providing virtual experience contents and apparatus using the same | |
| KR20190134030A (en) | Method And Apparatus Creating for Avatar by using Multi-view Image Matching | |
| CN109271085A (en) | Image display method, device and electronic equipment | |
| KR20170014589A (en) | User terminal apparatus for providing translation service and control method thereof | |
| CN109308199A (en) | A kind of display methods, device and the terminal device of control set | |
| CN110390703A (en) | Generation method, device and the electronic equipment of venue seating maps | |
| CN107463256A (en) | Based on the user of virtual reality towards control method and device | |
| KR20200074557A (en) | Construction space VR system using voice/motion cognition | |
| CN107479692A (en) | Control method, equipment and the virtual reality device of virtual reality scenario |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200527 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510627, room 146-150, first floor, No. 07, Whampoa Avenue, Tianhe District, Guangdong, Guangzhou Applicant before: GUANGZHOU UC NETWORK TECHNOLOGY Co.,Ltd. |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190226 |