Welcome to SGL's documentation!¶

SGL(Small Graphics Library)是一个非常轻量的GUI图形库，其设计的初衷就是针对低端处理器市场提供一个现代化的图形框架。代码仓库：SGL on GitHub SGL官方技术交流群QQ：544602724，欢迎大家加入！！！

SGL UI库特点:

轻量级，最小只需要 3KBytes RAM 和 15KBytes ROM 即可运行
部分帧缓冲支持，最小只需要一行屏幕分辨率的缓冲即可
包围盒 + 贪心算法的脏矩形算法
支持帧缓冲控制器，直接向帧缓冲控制器写入数据，零拷贝
颜色深度支持: 8bit, 16bit, 24bit, 32bit
现代化的字体取模工具
SGL 自己的 UI 设计器，图形化拖动绘制界面后一键可生成代码

SGL移植步骤
- PC模拟器
- MCU平台
- KEIL IDE使用
- 触摸屏支持
- DMA双缓冲支持
- LCD控制器方式
SGL基础知识
- page概念
- 控件删除
- 控件层级设置
- 立刻更新屏幕
- 控件隐藏和显示
- 设置控件事件回调函数
2dball控件
- 设置2DBall颜色
- 设置2DBall透明度
- 设置2DBall半径
- 设置2DBall初始位置
字体生成
- 详细步骤
- 使用新生成的字体
图片取模
- 普通控件的pixmap支持
- ext_img控件的pixmap支持
- 取模步骤
- 在SGL中使用生成的pixmap数据
button控件
- 设置Button的文本
- 设置Button圆角
- 设置Button颜色
- 设置Button边框大小和颜色
- 添加Button点击事件
- 设置Button背景图片
label控件
- 设置Label的文本
- 设置Label背景颜色
- 设置Label圆角
- 设置Label文本颜色
- 设置Label透明度
- 设置Label文本对齐方式
- 设置Label文本偏移
- 设置Label文本旋转
- 使用格式化文本
- 使用动态格式化文本
- 获取Label文本
- 更新Label文本区域
led控件
switch控件
- 创建Switch控件
- 设置Switch的圆角半径
- 添加Switch点击事件
- 设置Switch的颜色
- 设置Switch的背景颜色
- 设置Switch的滑块颜色
- 设置Switch的边框宽度和颜色
- 设置Switch的状态
- 获取Switch的状态
ext_img控件
- 创建基本ext_img控件
- 外部Flash图片
- 设置多张图片实现gif效果
msgbox控件
- 创建基本的msgbox控件
- 设置消息框的标题和内容
- 设置消息框的圆角半径
- 设置消息框的颜色
- 设置消息框的按钮文本
line控件
canvas控件
- 区域更新
barchart控件
- 设置BarChart背景颜色
- 设置BarChart边框颜色
- 设置BarChart边框宽度
- 设置BarChart数据
- 设置BarChart颜色数组
- 设置BarChart透明度
arc控件
- 设置Arc颜色
- 设置Arc背景颜色
- 设置Arc透明度
- 设置Arc半径
- 设置Arc起始角度
- 设置Arc结束角度
- 设置Arc模式
bar控件
- 设置Bar填充颜色
- 设置Bar轨道颜色
- 设置Bar方向
- 设置Bar圆角
- 设置Bar值
- 获取Bar值
- 设置Bar边框宽度
- 设置Bar边框颜色
- 设置Bar背景图片
- 设置Bar透明度
box控件
- 设置Box背景颜色
- 设置Box圆角
- 设置Box边框颜色
- 设置Box边框宽度
- 设置Box背景图片
- 设置Box弹性滚动限制
- 设置Box滚动条颜色
- 设置是否显示滚动条
- 设置Box透明度
checkbox控件
- 设置Checkbox颜色
- 设置Checkbox透明度
- 设置Checkbox文本
- 设置Checkbox字体
- 设置Checkbox状态
- 获取Checkbox状态
circle控件
- 设置Circle颜色
- 设置Circle半径
- 设置Circle透明度
- 设置Circle背景图片
- 设置Circle边框颜色
- 设置Circle边框宽度
dropdown控件
- 设置Dropdown颜色
- 设置Dropdown边框宽度
- 设置Dropdown边框颜色
- 设置Dropdown选中颜色
- 设置Dropdown圆角
- 设置Dropdown透明度
- 设置Dropdown文本颜色
- 设置Dropdown字体
- 添加选项
- 获取选中索引
- 获取选中文本
- 删除选项
icon控件
- 设置Icon颜色
- 设置Icon透明度
- 设置Icon图标
- 设置Icon对齐方式
图片取模工具
progress控件
- 设置Progress轨道颜色
- 设置Progress轨道透明度
- 设置Progress填充颜色
- 设置Progress填充透明度
- 设置Progress圆角
- 设置Progress边框宽度
- 设置Progress边框颜色
- 设置Progress背景图片
- 设置Progress填充间隙
- 设置Progress填充圆角
- 设置Progress填充宽度
- 设置Progress值
- 获取Progress值
ring控件
- 设置Ring颜色
- 设置Ring透明度
- 设置Ring半径
slider控件
- 设置Slider填充颜色
- 设置Slider轨道颜色
- 设置Slider旋钮颜色
- 设置Slider方向
- 设置Slider圆角
- 设置Slider旋钮厚度
- 设置Slider值
- 获取Slider值
- 设置Slider边框宽度
textbox控件
- 设置Textbox文本
- 设置Textbox文本颜色
- 设置Textbox字体
- 设置Textbox背景颜色
- 设置Textbox圆角
- 设置Textbox边框颜色
- 设置Textbox边框宽度
- 设置Textbox背景图片
- 设置Textbox行间距
textline控件
- 设置Textline文本
- 设置Textline字体
- 设置Textline文本颜色
- 设置Textline背景颜色
- 设置Textline背景透明
- 设置Textline圆角
- 设置Textline透明度
- 设置Textline边缘边距
- 设置Textline行间距
textlist控件
- 设置Textlist圆角
- 设置Textlist文本颜色
- 设置Textlist选中颜色
- 设置Textlist边框颜色
- 设置Textlist背景颜色
- 设置Textlist字体
- 设置Textlist背景图片
- 设置Textlist透明度
- 设置Textlist边框宽度
- 添加列表项
- 获取选中文本
- 获取选中索引
- 删除列表项
viewlist控件
- 设置Viewlist圆角
- 设置Viewlist背景颜色
- 设置Viewlist透明度
- 设置Viewlist边框宽度
- 设置Viewlist边框颜色
- 设置Viewlist背景图片
- 设置Viewlist项高度
- 添加子控件
win控件
- 设置Win颜色
- 设置Win圆角
- 设置Win透明度
- 设置Win边框宽度
- 设置Win边框颜色
- 设置Win背景图片
- 设置Win标题文本
- 设置Win标题文本颜色
- 设置Win标题字体
- 设置Win标题高度
- 设置Win标题文本对齐
- 设置Win标题背景颜色
- 设置Win关闭按钮颜色
keyboard控件
- 设置Keyboard颜色
- 设置Keyboard选中颜色
- 设置Keyboard字体
- 设置Keyboard透明度
- 设置Keyboard按键回调
linechart控件
- 设置LineChart背景颜色
- 设置LineChart线条颜色
- 设置LineChart数据
- 设置LineChart点大小
- 设置LineChart线条宽度
- 设置LineChart透明度
piechart控件
- 设置PieChart数据
- 设置PieChart颜色数组
- 设置PieChart透明度
numberkbd控件
- 设置NumberKbd颜色
- 设置NumberKbd选中颜色
- 设置NumberKbd字体
- 设置NumberKbd透明度
- 设置NumberKbd按键回调
polygon控件
- 设置Polygon顶点
- 设置Polygon颜色
- 设置Polygon透明度
- 设置Polygon边框颜色
- 设置Polygon边框宽度
qrcode控件
- 设置QRCode数据
- 设置QRCode前景颜色
- 设置QRCode背景颜色
- 设置QRCode透明度
rectangle控件
- 设置Rectangle颜色
- 设置Rectangle圆角
- 设置Rectangle透明度
- 设置Rectangle边框颜色
- 设置Rectangle边框宽度
- 设置Rectangle背景图片
scope控件
- 设置Scope背景颜色
- 设置Scope线条颜色
- 设置Scope网格颜色
- 设置Scope透明度
- 设置Scope采样数据
- 设置Scope网格间距
scroll控件
- 设置Scroll背景颜色
- 设置Scroll滑块颜色
- 设置Scroll圆角
- 设置Scroll方向
- 设置Scroll值
- 获取Scroll值
ext_img控件
- 设置ExtImg图片路径
- 设置ExtImg透明度
- 设置ExtImg对齐方式
- 设置ExtImg缩放模式
unzip_image控件
- 设置UnzipImage压缩包路径
- 设置UnzipImage图片名称
- 设置UnzipImage透明度
- 设置UnzipImage对齐方式
- 设置UnzipImage缩放模式

QQ交流群¶

捐款¶

SGL完全免费开源，可以用于商用，如果觉得对你有帮助，可以给SGL团队捐赠，所有捐款将用于SGL项目的开发和维护，谢谢！