logologo
指南
API
每周快讯
示例入手
贡献
简体中文
English
指南
API
每周快讯
示例入手
贡献
简体中文
English
logologo

快速入门

应用与示例

Image Viewer App

0 - 简介
1 - 创建一个新的 Cargo 包
2 - 创建一个空窗口
3 - 创建 ImageItem
4 - 创建 ImageRow
5 - 创建 ImageGrid
6 - 添加状态
7 - 加载图片
8 - 创建幻灯片导航按钮
9 - 创建 SlideshowOverlay
10 - 创建幻灯片放映
11 - 添加更多状态
12 - 处理事件
13 - 创建菜单栏
14 - 创建图片浏览器
15 - 在视图之间切换
16 - 添加搜索框
17 - 过滤图片
18 - 创建模态框
19 - 拆分模块
20 - 创建点击放映

关于本项目

介绍
Makepad Studio
Makepad Framework
Makepad Framework 架构
Tutorial: UI Zoo

Widget

Widget 基础
Widget 核心概念
Widget 渲染机制
自定义 Button Widget

Live DSL

基本概念
语法基础
属性继承
类型系统

布局系统

基本概念
属性继承和覆盖机制
布局中产生的循环依赖问题
布局调试
最佳实践建议
Turtle Draw 布局系统

动画系统

概述及关键概念
构建一个基本的动画组件
调试技巧
最佳实践与优化
完整动画实例

着色语言

Shader 基础概念
绘制基础图形
MPSL Shader 基本语法
着色技巧详解
Shader 动画

附录

Live DSL 建议编码规范

#Tutorial: UI Zoo

中文版本尚未发布,您可以先查看英文版。若您有兴趣,欢迎贡献中文版本翻译!

📝 在 GitHub 上编辑此页
Previous PageMakepad Framework 架构
Next PageWidget 基础