RidgeUI开发入门教程

编写 Hello World 视频 欢迎来到 “锐制设计” 教程！ 本教程的目标是让你快速体验使用Ridge编辑器设计页面的感受。它并非面面俱到，但是教程涵盖了设计器的所有重要特性，最重要的是，它符合

数据连接与交互 您可能看到了，上一节，在文本中输入文字，下面的显示也随之变化。这就是数据的连接： 组件按连接的数据进行实时更新显示 用户操作的交互会触发数据变化 上面例子中，输入框修改造成名称变化，

布局容器 本章节，我们将学习使用容器进行页面布局。 在之前章节，组件都是放置到页面的绝对位置，它的坐标是固定的，这样带来2个问题 当浏览器可视面积变化或在不同显示器打开时，组件位置可能就不对了 当组件

表单的验证 本章节，我们结合前面学习的布局和数据连接，完成一个表单的填写及验证 准备工作 同样，导入这个收货地址页面状态库，里面包含了所有相关可连接状态 配置连接信息 因为表单项目较多，因此所有输入项

配置组件的样式 一些情况下，我们希望能更灵活的设置组件呈现的样式，例如加个底边、调整文字样式、设置组件的动画效果等。 为此，很多组件也提供了样式属性可供配置，选择了某个样式组件就会更改显示形态。 当然

列表容器：配置重复显示的内容 在常见的用户界面中，重复的列表是我们经常见到的。 像电子邮件、新闻、唱片专辑列表、积分榜等重复显示的场景，都需要借助列表容器来实现。 列表容器的使用 从容器组件中放置一个

切换容器：在一个区域显示不同内容 在页面设计中，同样一个位置，往往因为用户的当前数据、或响应用户操作而展示不同内容。这时就需要切换容器来实现：切换容器允许有多个下层组件，通过动态修改容器的“当前“属性

位置预留：配置对话框 前面几章，列表、切换、弹性容器都是纯容器，本身不显示任何内容。还有一些“容器”类组件，本身可以有一定显示内容，并且预留了一些“位置”，在里面可以配置放入其他组件。 比较常见的像弹

页面即组件 当前端应用或页面越来越复杂时，会同时存在2个问题 每个页面都会有相当多的组件 不同页面可能会有部分相同内容。 更重要的是，在上述2种情况下，当我修改了这部分相同的内容，很可能我要在不同页面