# flutter_opengl_texture

**Repository Path**: scenario-samples/flutter_opengl_texture

## Basic Information

- **Project Name**: flutter_opengl_texture
- **Description**: 【鸿蒙 Harmony Next 示例 代码】 Flutter基于XComponent实现OpenGL渲染
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-13
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flutter基于XComponent实现OpenGL渲染


## 介绍：
该Demo采用同层渲染方式，将HarmonyOS中自定义渲染组件XComponent嵌入到Flutter页面中，并采用OpenGL实现自定义渲染


## 效果预览：

<img src="gif/flutter_opengl_texture.gif" width="200">

## 工程目录：

```
flutter_opengl_texture
    |---ohos/entry/src/main
    |   |---cpp/
    |       |---render/                            // opengl渲染相关
    |           |---egl_core.cpp                   // 执行egl渲染
    |           |---egl_core.h                   
    |           |---plugin_render.cpp              // 渲染相关初始化及XComponent相关事件监听
    |           |---plugin_render.h              
    |       |---manager/
    |           |---plugin_manager.cpp              // 环境初始化
    |           |---plugin_manager.h               
    |   |---ets/
    |       |---entryability/                       // 自动生成，加载Flutter首页
    |           |---CustomFactory.ets               // 工厂类
    |           |---CustomPlugin.ets                // 通过插件封装XComponent组件
    |           |---CustomView.ets                  // XComponent组件封装及Channel通信
    |---lib/    
        |---CustomOhosView.dart                    // 引入原生组件XComponent实现同层渲染
        |---main.dart                              // Flutter首页
```

## 约束与限制
IDE：DevEco Studio 5.0.4 Release 

Flutter：[3.7.12-ohos-1.0.7分支](https://gitcode.com/openharmony-tpc/flutter_flutter/releases/3.7.12-ohos-1.0.7)

## Changelog
| 修改内容 | 时间         |
|------|------------|
| 完成   | 2025.05.22 |


## 一份简单的问卷反馈

亲爱的Harmony Next开发者，您好！<br>
为了协助您高效开发，提高鸿蒙场景化示例的质量，希望您在浏览或使用后抽空填写一份简单的问卷，我们将会收集您的宝贵意见进行优化:heart:

[:arrow_right: **点击此处填写问卷** ](https://wj.qq.com/s2/19042938/95ab/)

<div style="text-align: left;">