# 可运行的示例应用

> 完整的示例项目，克隆下来即可在桌面运行——原生版的"sandbox"替代方案。

Source: https://crossfly.dev/zh/docs/resources/examples — CrossFly documentation. Full docs as one file: https://crossfly.dev/llms-full.txt

# 可运行的示例应用

由于 CrossFly 是**原生/OpenGL**（不在实时 web sandbox 中运行），这些"示例"是**可运行的
项目**，你克隆下来即可在桌面运行——快速迭代，无需模拟器：
```bash
gradlew :lwjgl3:run
```

## 每个示例演示什么
| 示例 | 演示内容 |
|---|---|
| **To-Do / CRUD** | `Window`、`VerticalLayout`、`TextField`、`VirtualListView`、SQLite 持久化 |
| **组件库画廊** | 所有组件（每个家族一个屏幕）——鲜活的可视化参考 |
| **导航与选择器** | `Window` 栈、`DatePicker`/`PhotoPicker`/`ColorPicker` |
| **主题与皮肤** | 实时 `Styles.setDarkMode(...)` 和 `Skin.set(new MaterialSkin()|new IOSSkin()|new FlutterSkin())` |
| **大型列表** | 含数千条目的 `VirtualListView`（回收复用） |
| **设备** | 通过 `dev.crossfly.device` 使用摄像头/GPS/蓝牙 BLE |
| **图表** | `LineChart`/`AreaChart`/`BarChart`/`StackedBarChart`/`PieChart`/`DonutChart`/`ComboChart`（`ChartView` + `ChartType`） |

这些示例映射了 `dev.cf` 包的**示例套件**（作为参考使用，而非你应用的
依赖）。

## 如何使用
1. 在你的 IDE 中打开示例项目（或克隆示例仓库）。
2. 运行 `gradlew :lwjgl3:run`。
3. 阅读你感兴趣的那个屏幕的代码——每个示例都小而专注。
4. 把这个模式复制到你的应用中。

> 文档的**截图**是通过 `Main.getScreenShot(...)` + 测试框架（[测试](/docs/best-practices/testes)）
> 从这些屏幕生成的，因此永不过时。

## 另请参见
- 引导路径：[Get Started](/docs/get-started) · [Learn](/docs/learn)
- [示例与教程](/docs/resources/samples-and-tutorials) · [贡献](/docs/resources/contributing)