CN113391740A - Focus arc effect display method of suspension list - Google Patents
Focus arc effect display method of suspension list Download PDFInfo
- Publication number
- CN113391740A CN113391740A CN202110617640.7A CN202110617640A CN113391740A CN 113391740 A CN113391740 A CN 113391740A CN 202110617640 A CN202110617640 A CN 202110617640A CN 113391740 A CN113391740 A CN 113391740A
- Authority
- CN
- China
- Prior art keywords
- list
- focus
- arc
- circle
- suspension
- 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
- 230000000694 effects Effects 0.000 title claims abstract description 43
- 238000000034 method Methods 0.000 title claims abstract description 38
- 239000000725 suspension Substances 0.000 title claims abstract description 37
- 230000007704 transition Effects 0.000 claims description 17
- 230000003993 interaction Effects 0.000 description 4
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012938 design process Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Images
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
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/10—Geometric effects
- G06T15/20—Perspective computation
- G06T15/205—Image-based rendering
Abstract
The invention relates to the technical field of display of a suspension list, in particular to a method for displaying a focus arc effect of a suspension list, which comprises the following steps: declaring a basic parameter type of the suspension list through an OpenGL shader; transmitting the designed list content into an OpenGL renderer; and controlling the basic parameter type in the OpenGL shader through a corresponding method, so that the suspension list presents a focus arc effect. The invention aims to provide a method for displaying the arc-shaped effect of a focus of a suspension list, and the technical scheme provided by the invention solves the technical problem that the existing method for realizing the arc-shaped list focus cannot suspend on other functional interfaces.
Description
Technical Field
The invention relates to the technical field of display of a suspension list, in particular to a method for displaying a focus arc effect of a suspension list.
Technical Field
In an automobile entertainment system or a human-computer interaction interface, a suspension type list menu appears, operation selection list options are carried out through a commander knob device, and meanwhile, a current operation focus point is indicated on the list, the list is in an arc state effect, and the list is suspended above other function interfaces.
In the traditional implementation method, the focus arc effect of the suspension list is usually shielded through the upper and lower layer relation of the picture, so that the effect of the arc list focus is achieved, but the implementation mode cannot achieve the effect of suspending on other functional interfaces.
The realization of the above described focal arc effect of a floating list requires new realization techniques.
Disclosure of Invention
The invention aims to provide a method for displaying the arc-shaped effect of a focus of a suspension list, and the technical scheme provided by the invention solves the technical problem that the existing method for realizing the arc-shaped list focus cannot suspend on other functional interfaces.
In order to solve the above technical problem, the present invention provides a method for displaying a focus arc effect of a suspension list, comprising the following steps:
s100, declaring a basic parameter type of a suspension list through an OpenGL shader;
s200, transmitting the designed list content into an OpenGL renderer;
s300, controlling the basic parameter type in the OpenGL shader through a corresponding method, and enabling the suspension list to show a focus arc effect.
Preferably, in step S100, the basic parameter types of the suspension list include: r circular arc scaling factor, circle radius, X coordinate of circle center, transparency transition factor, texture of list and uv texture coordinate.
Preferably, in step S200, the designed list content is transmitted to the OpenGL renderer, and the texture and uv texture coordinates of the list are transmitted.
Preferably, in step S300, the basic parameter type is controlled in the OpenGL loader by a corresponding method, so that the suspension list exhibits a focus arc effect; the corresponding method comprises the following steps:
controlling the size of the circle in the y-axis direction of the circle through the arc scaling coefficient;
the circle radius and the transparency transition coefficient are used for reserving the pixel points inside the circle acted by the arc scaling coefficient through a smooth transition method, the product of the pixel points outside the circle is reset to zero, and the edge of the circle is subjected to smooth transition;
and processing each pixel point by a smooth transition method to achieve the focus arc target effect of the suspension list.
From the above, the application of the technical scheme provided by the invention has the following beneficial effects: in an automobile entertainment system or a human-computer interaction interface, the radian of a focus arc and an anti-aliasing effect of a suspension list are flexibly controlled through transmitted coefficients such as RatioWH (circular arc scaling coefficient), CircleR (radius of a circle), CircleCenterX (X coordinate of the circle center), BlurOffset (transparency transition coefficient) and the like, and the function display effect that the arc list is suspended on other interfaces is achieved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments of the present invention or the prior art will be briefly described below. It is obvious that the drawings in the following description are only some embodiments of the invention, and that for a person skilled in the art, other drawings can be derived from them without inventive effort.
FIG. 1 is a schematic view of a suspended list showing the arc state of a focal point;
FIG. 2 is a diagram illustrating a second focus arc state of a suspension list;
fig. 3 is a schematic view of a suspension list in a focus arc state.
Detailed Description
The technical solution in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention. It is to be understood that the described embodiments are merely exemplary of the invention, and not restrictive of the full scope of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In the focus arc effect of the vehicle-mounted suspension type list, the traditional implementation method usually shields the focus arc effect through the upper and lower layer relation of the pictures, namely, after the edges of the list are shielded by multiple layers of pictures, the edges of the list reach the focus effect of the arc-shaped list, but the implementation mode of the method cannot reach the effect of suspending the list on other functional interfaces.
In order to solve the above technical problem, this embodiment provides a method for displaying a focus arc effect of a suspension list, so that the suspension list can achieve the focus arc effect and satisfy the design effect of suspending on other interfaces.
The presentation method provided by the embodiment is realized by the following steps:
and S100, declaring the basic parameter type of the suspension list through the OpenGL shader.
In the design of a human-computer interaction interface, the invention design is carried out on the focus arc target effect of the suspension list by an opengl loader programming method.
The focus arc target effect, specifically can be disassembled into a plurality of elements and constitutes, and for this reason in this embodiment, the accessible declares the element that focus arc target effect was disassembled.
The method specifically comprises the following basic parameter types: ratiosh (circle arc scaling factor), CircleR (radius of circle), circlecenter X (X coordinate of center of circle), blurofset (transparency transition factor), Texture0 (Texture of list), and vTexCoord (uv Texture coordinates).
And S200, transmitting the designed list content into an OpenGL renderer.
During the interface design process, the designed list content is passed into the Opengl renderer, into the content Texture0 (Texture of the entire list) and vTexCoord (uv Texture coordinates). The list content may be designed according to the applicability of the actual application interface, and is not described in detail in this application.
S300, controlling the basic parameter type in the OpenGL shader through a corresponding method, and enabling the suspension list to show a focus arc effect.
In the step, according to the list content, the basic parameter type is controlled in the OpenGL shader through a corresponding method, so that the suspension list presents a focus arc effect.
The specific corresponding method comprises the following steps:
in opengl shader programming, the size of a circle in the y-axis direction of the circle is controlled through a ratiohw arc scaling factor, so that different radians can be flexibly achieved.
In opengl shader programming, CircleR (radius of circle) and blurofset (transparency transition coefficient) retain the pixel points inside the circle acted by the ratiosh scaling coefficient through a smooth transition method, the pixel points outside the circle are subjected to product zeroing, and the edge of the circle is subjected to smooth transition, so that the list arc effect and the anti-aliasing effect are achieved.
In opengl shader rendering, each pixel point is processed through a smooth transition method, and the focus arc target effect of a suspension list is achieved.
Referring to fig. 1-3, by the above method, the 6 variables stated in step S100 are controlled, and finally the suspension list can exhibit the focus arc effect.
Therefore, according to the technical scheme provided by the application, in an automobile entertainment system or a human-computer interaction interface, the radian of the focus arc and the anti-saw tooth effect of the suspension list are flexibly controlled through the transmitted RatioWH (circular arc scaling coefficient), CircleR (radius of a circle), CircleCenterX (X coordinate of the circle center), BlurOffset (transparency transition coefficient) and other coefficients, and the function display effect that the arc list is suspended on other interfaces is achieved.
The above-described embodiments do not limit the scope of the present invention. Any modification, equivalent replacement, and improvement made within the spirit and principle of the above-described embodiments should be included in the protection scope of the technical solution.
Claims (4)
1. A method for showing the focus arc effect of a suspension list is characterized by comprising the following steps:
s100, declaring a basic parameter type of a suspension list through an OpenGL shader;
s200, transmitting the designed list content into an OpenGL renderer;
s300, controlling the basic parameter type in the OpenGL shader through a corresponding method, and enabling the suspension list to show a focus arc effect.
2. The focus arc effect presentation method according to claim 1, wherein: in step S100, the basic parameter types of the suspension list include: r circular arc scaling factor, circle radius, X coordinate of circle center, transparency transition factor, texture of list and uv texture coordinate.
3. The focus arc effect presentation method according to claim 2, wherein: in step S200, the designed list content is transmitted to the OpenGL renderer, and the texture and uv texture coordinates of the list are transmitted.
4. The focus arc effect presentation method according to claim 3, wherein: in step S300, the basic parameter type is controlled in the OpenGL loader by a corresponding method, so that the suspension list exhibits a focus arc effect; the corresponding method comprises the following steps:
controlling the size of the circle in the y-axis direction of the circle through the arc scaling coefficient;
the circle radius and the transparency transition coefficient are used for reserving the pixel points inside the circle acted by the arc scaling coefficient through a smooth transition method, the product of the pixel points outside the circle is reset to zero, and the edge of the circle is subjected to smooth transition;
and processing each pixel point by a smooth transition method to achieve the focus arc target effect of the suspension list.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110617640.7A CN113391740A (en) | 2021-06-03 | 2021-06-03 | Focus arc effect display method of suspension list |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110617640.7A CN113391740A (en) | 2021-06-03 | 2021-06-03 | Focus arc effect display method of suspension list |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113391740A true CN113391740A (en) | 2021-09-14 |
Family
ID=77619818
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110617640.7A Pending CN113391740A (en) | 2021-06-03 | 2021-06-03 | Focus arc effect display method of suspension list |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113391740A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130097539A1 (en) * | 2011-10-18 | 2013-04-18 | Research In Motion Limited | Method of modifying rendered attributes of list elements in a user interface |
| CN105630501A (en) * | 2015-12-25 | 2016-06-01 | 深圳市航盛电子股份有限公司 | Vehicle-mounted graphical interface system based on QML+OpenGL |
| CN105701037A (en) * | 2015-12-30 | 2016-06-22 | 惠州市德赛西威汽车电子股份有限公司 | System and method for simultaneously accessing to display controller by weston and DRM in vehicle-mounted entertainment system |
| CN109358852A (en) * | 2018-08-31 | 2019-02-19 | 惠州市德赛西威汽车电子股份有限公司 | A method of realizing that vehicle-mounted GUI changes skin using shader |
| CN109388309A (en) * | 2018-09-27 | 2019-02-26 | Oppo广东移动通信有限公司 | Display methods, device, terminal and the storage medium of menu |
| CN110515512A (en) * | 2019-08-23 | 2019-11-29 | 同辉佳视（北京）信息技术股份有限公司 | A kind of meeting plate exchange method, interactive device and meeting plate |
-
2021
- 2021-06-03 CN CN202110617640.7A patent/CN113391740A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130097539A1 (en) * | 2011-10-18 | 2013-04-18 | Research In Motion Limited | Method of modifying rendered attributes of list elements in a user interface |
| CN105630501A (en) * | 2015-12-25 | 2016-06-01 | 深圳市航盛电子股份有限公司 | Vehicle-mounted graphical interface system based on QML+OpenGL |
| CN105701037A (en) * | 2015-12-30 | 2016-06-22 | 惠州市德赛西威汽车电子股份有限公司 | System and method for simultaneously accessing to display controller by weston and DRM in vehicle-mounted entertainment system |
| CN109358852A (en) * | 2018-08-31 | 2019-02-19 | 惠州市德赛西威汽车电子股份有限公司 | A method of realizing that vehicle-mounted GUI changes skin using shader |
| CN109388309A (en) * | 2018-09-27 | 2019-02-26 | Oppo广东移动通信有限公司 | Display methods, device, terminal and the storage medium of menu |
| CN110515512A (en) * | 2019-08-23 | 2019-11-29 | 同辉佳视（北京）信息技术股份有限公司 | A kind of meeting plate exchange method, interactive device and meeting plate |
Non-Patent Citations (1)
| Title |
|---|
| AUGUSDI: "OpenGL: OpenGL中的平面圆绘制与贴图", 《HTTPS://BLOG.CSDN.NET/AUGUSDI/ARTICLE/DETAILS/38045789》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11748840B2 (en) | Method for efficient re-rendering objects to vary viewports and under varying rendering and rasterization parameters | |
| US10614549B2 (en) | Varying effective resolution by screen location by changing active color sample count within multiple render targets | |
| JP6947352B2 (en) | Graphics processing system, graphics processor and method of operating the system or processor | |
| CN106126236B (en) | Multi-screen display method, device and the terminal of terminal screen | |
| US8179338B2 (en) | Method and system for displaying information | |
| US7170510B2 (en) | Method and apparatus for indicating a usage context of a computational resource through visual effects | |
| CA2865731C (en) | Method for indicating annotations associated with a particular display view of a three-dimensional model independent of any display view | |
| JP5336067B2 (en) | Method and apparatus for processing graphics | |
| US7982734B2 (en) | Spatially-varying convolutions for rendering soft shadow effects | |
| CN106201241A (en) | The multi-screen display method of terminal screen, device and terminal | |
| CN105741228A (en) | Graph processing method and device | |
| CN101911125B (en) | Multi-buffer support for off-screen surfaces in a graphics processing system | |
| JPH11505644A (en) | Image generation and operation equipment | |
| CN110827381B (en) | Graphic layered display method, device and storage medium based on ThreeJS | |
| US5546524A (en) | Method and apparatus for interlocking graphical objects | |
| GB2574660A (en) | Graphics rendering | |
| GB2531427A (en) | Graphics processing systems | |
| CN115393505A (en) | Rendering method, engine, electronic device, and storage medium | |
| CN113391740A (en) | Focus arc effect display method of suspension list | |
| US5265198A (en) | Method and processor for drawing `polygon with edge`-type primitives in a computer graphics display system | |
| US20220068004A9 (en) | Varying effective resolution by screen location by changing active color sample count within multiple render targets | |
| CN109189537A (en) | The dynamic display method of page info calculates equipment and computer storage medium | |
| CN111199512A (en) | SVG vector graphics adjusting method, SVG vector graphics adjusting device, storage medium and terminal | |
| WO2009018487A1 (en) | Spatially varying convolution for rendering effects | |
| JPH0495171A (en) | Graphic editing device |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210914 |