39 lines
2.1 KiB
Plaintext
39 lines
2.1 KiB
Plaintext
// 普通业务对象显式实现 Presentable 后，ui.present 可调用其 present(window) 生成视觉对象。
|
|
// 生成的视图保存 source 指向业务模型，绑定和按钮继续使用原对象，展示不是业务数据副本。
|
|
// name/color 是业务字段，零参读取方法提供只读绑定，update 提供事件修改。
|
|
class Product {
|
|
name: String
|
|
color: String
|
|
// 返回名称并记录实际属性读取，后续 name 修改会使文本绑定重算。
|
|
function label(self: Product): String { return self.name }
|
|
// 只读返回颜色，绑定到新建色块的 color。
|
|
function shade(self: Product): String { return self.color }
|
|
// 点击更新原业务对象，现有绑定会同步文字和矩形，不重新调用整个 present 构造树。
|
|
function update(self: Product, event: Event): Unit {
|
|
self.name = "原业务对象已更新"
|
|
self.color = "#237A45"
|
|
}
|
|
// 在指定 Window 上下文创建文字、色块和按钮，连接原 self 的方法后返回组合根。
|
|
function present(self: Product, window: Window): Block {
|
|
title = TextBlock(self.name)
|
|
swatch = RectBlock(180,48,8,self.color)
|
|
// 绑定令牌本身不承载另一份业务状态，绑定计算仍调用同一 Product。
|
|
titleBinding = title.bind("text",self.label)
|
|
colorBinding = swatch.bind("color",self.shade)
|
|
button = Button("调用业务对象方法")
|
|
connection = button.on("click",self.update)
|
|
result = Column(24,16,title,swatch,button)
|
|
// 保留原始业务身份，便于代码从展示根回到来源；contextWindow 仅记录创建时的窗口编号。
|
|
result.source = self
|
|
result.contextWindow = window.id()
|
|
return result
|
|
}
|
|
}
|
|
// 显式声明能力并验证方法契约；只有同名 present 不会自动成为 Presentable。
|
|
ui.implement(Product,Presentable)
|
|
product = Product("普通对象的显式展示能力", "#526AC7")
|
|
// 先获得视觉根，再由 ui.open 把它挂载到页面；最后设置 Page 标题。
|
|
view = ui.present(product)
|
|
page = ui.open(view)
|
|
page.title = "Presentable"
|