Android OpenGL ES详解——绘制圆角矩形

1、绘制矩形

代码如下:

renderer类:

Kotlin 复制代码
package com.example.roundrect

import android.content.Context
import android.opengl.GLES30
import android.opengl.GLSurfaceView.Renderer
import com.opengllib.data.VertexArray
import com.opengllib.programs.ShaderProgram
import javax.microedition.khronos.egl.EGLConfig
import javax.microedition.khronos.opengles.GL10

class RoundRectRenderer(context: Context) : Renderer {
    private var mVertices = floatArrayOf(
        -0.5f, -0.5f,
        0.5f, 0.5f,
        -0.5f, 0.5f,
        -0.5f, -0.5f,
        0.5f, -0.5f,
        0.5f, 0.5f,
    )
    private var mShaderProgram: ShaderProgram? = null
    private var mContext = context
    private var mVertexArray: VertexArray? = null

    override fun onSurfaceCreated(gl: GL10?, config: EGLConfig?) {
        GLES30.glClearColor(0.6f, 0.7f, 0.8f, 1.0f)
        mVertexArray = VertexArray(mVertices)

        mShaderProgram = ShaderProgram(
            mContext,
            R.raw.roundrect_vertex_shader,
            R.raw.roundrect_fragment_shader
        )
        mShaderProgram?.useProgram()
        mVertexArray?.setVertexAttribPointer(
            0,
            mShaderProgram?.getPositionAttributeLocation()!!,
            2,
            0
        )

    }

    override fun onSurfaceChanged(gl: GL10?, width: Int, height: Int) {
        GLES30.glViewport(0, 0, width, height)
    }

    override fun onDrawFrame(gl: GL10?) {
        GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT)
        GLES30.glDrawArrays(GLES30.GL_TRIANGLES,0 ,mVertices.size / 2)
    }
}

顶点着色器文件roundrect_vertex_shader.glsl代码如下:

cpp 复制代码
attribute vec4 a_Position;

void main()
{
    gl_Position = a_Position;
}

片元着色器文件roundrect_fragment_shader.glsl代码如下:

cpp 复制代码
precision mediump float;

void main()
{
	gl_FragColor = vec4(0.8, 0.5, 0.3, 1.0);
}

2、绘制圆形

3、绘制圆角矩形

参考文章

使用OpenGL实现圆角效果-腾讯云开发者社区-腾讯云

相关推荐
Cang_Wang21 小时前
Android opengles深入渲染优化
opengl
byxdaz14 天前
OpenGL和OpenGL ES区别
opengl
byxdaz19 天前
在Qt中使用OpenGL显示大量点(点云)
opengl
二进制人工智能19 天前
【OpenGL学习】(四)统一着色和插值着色
c++·opengl
byxdaz1 个月前
Qt OpenGL 3D 编程入门
qt·opengl
byxdaz1 个月前
Qt OpenGL 相机实现
opengl
二进制人工智能2 个月前
【OpenGL学习】(二)OpenGL渲染简单图形
c++·opengl
六bring个六2 个月前
qtcreater配置opencv
c++·qt·opencv·计算机视觉·图形渲染·opengl
老歌老听老掉牙2 个月前
Gmsh划分网格|四点矩形
有限元分析·gmsh·网格划分·矩形
爱看书的小沐2 个月前
【小沐学GIS】基于C++绘制二维瓦片地图2D Map(QT、OpenGL、GIS)
c++·qt·gis·opengl·glfw·glut·二维地图