63 lines
3.6 KiB
Plaintext
63 lines
3.6 KiB
Plaintext
// 页面位置与子项插入的代码示例：Page 方法覆盖计数，Container.insert 在指定位置创建稳定子槽。
|
||
// 当前侧栏提供选择/关闭，文案中的拖放场景也可经版本化事件 API 测试；不要把它理解成已实现的侧栏拖动手势。
|
||
// 继承 Page 后观察 moveToWindow/moveTab 的真实方法调用，保留原生迁移/重排行为。
|
||
class TrackedPage: Page {
|
||
// 每个 TrackedPage 引用同一 calls 状态，统计的是这两个覆盖方法的调用，不是渲染或所有页面操作次数。
|
||
calls: Object
|
||
// 先递增 calls，再显式调用基类执行跨窗迁移；Page 身份保留，旧 Mount 上下文会替换。
|
||
function moveToWindow(self: TrackedPage, window: Window): Page {
|
||
// 外部代码/API 选择此源覆盖时进入；显式 Page.moveToWindow 绕过再次动态分派，避免递归调用自身。
|
||
// 计数先于原生迁移执行；如果随后基类报错，已发生的 increment 不自动回滚，不能把它当作成功迁移次数。
|
||
self.calls.increment()
|
||
return Page.moveToWindow(self, window)
|
||
}
|
||
// position 是所属窗口内最终零基位置，重排不等于创建新的业务 Page。
|
||
function moveTab(self: TrackedPage, position: Number): Page {
|
||
// 显式调用原生基类并返回它的 Page 结果，计数副作用不会把位置参数改成相对偏移。
|
||
self.calls.increment()
|
||
return Page.moveTab(self, position)
|
||
}
|
||
}
|
||
// 保存容器业务对象，按钮插入只改变其子槽顺序，已有 child 的槽与 Mount 尽量保留。
|
||
class Actions {
|
||
list: Column
|
||
// 在索引 1 前插入新 TextBlock，返回的稳定槽可供 remove 等后续操作使用。
|
||
function insert(self: Actions, event: Event): Unit {
|
||
// 由 button 的 click 连接派发；索引 1 是本次调用时的位置，每次点击新建文字并插入到当前第二项之前。
|
||
self.list.insert(1, TextBlock("插入的新对象"))
|
||
}
|
||
}
|
||
calls = ui.state(0)
|
||
list = Column(0, 8, TextBlock("第一个子项"), TextBlock("最后一个子项"))
|
||
// list 的可变孩子槽由同一 Column 持有，所有共享页面观察插入后的同一序列，不为各页单独执行回调。
|
||
actions = Actions(list)
|
||
button = Button("在位置 1 插入 Block")
|
||
connection = button.on("click", actions.insert)
|
||
// A/C/目标页共享同一根及 list；各页激活时使用独立展示上下文，业务插入结果共享。
|
||
shared = Column(24, 16, TextBlock("拖动 Tab 重排、移入另一个窗口，或拖出独立窗口"), TextBlock("Page 方法调用次数"), ui.textOf(calls,"value"), button, list)
|
||
first = TrackedPage(calls)
|
||
first.title = "A · 共享内容"
|
||
first.render(shared)
|
||
second = TrackedPage(calls)
|
||
second.title = "B · 单独内容"
|
||
second.render(Column(24, 16, TextBlock("这是 B，Page 身份随 Tab 移动保留")))
|
||
third = TrackedPage(calls)
|
||
third.title = "C · 同一对象"
|
||
third.render(shared)
|
||
// 建立目标窗口并指定桌面位置，MoveTo 使用物理桌面坐标且可能受窗口管理器调整。
|
||
other = Window()
|
||
other.resize(720,520)
|
||
other.setTitle("Tab Target")
|
||
other.moveTo(1700,80)
|
||
target = TrackedPage(calls)
|
||
target.title = "目标窗口"
|
||
target.render(shared)
|
||
// 这里调用继承的 open，不直接调用上面的 moveToWindow 覆盖；不能把初始建页过程当作这两个方法的演示调用。
|
||
target.open(other)
|
||
// 恢复源窗口首个页面，最后排出 resize/title/move/focus，便于手动或 API 验证。
|
||
first.activate()
|
||
ui.window().resize(800,600)
|
||
ui.window().setTitle("Tab Source")
|
||
ui.window().moveTo(50,80)
|
||
ui.window().focus()
|