118 lines
5.9 KiB
Plaintext
118 lines
5.9 KiB
Plaintext
// The page, cards and actions belong to Endor. The host only owns its sidebar.
|
|
class Note: Column {
|
|
tint: String
|
|
function measure(self: Note, mount: Mount, constraints: Constraints): MeasureResult {
|
|
measured = Column.measure(self, mount, constraints)
|
|
return MeasureResult(224, measured.height)
|
|
}
|
|
function paint(self: Note, mount: Mount, geometry: Bounds): DisplayList {
|
|
fill = PaintCommand()
|
|
fill.kind = "roundedRect"
|
|
fill.x = geometry.x
|
|
fill.y = geometry.y
|
|
fill.width = geometry.width
|
|
fill.height = geometry.height
|
|
fill.radius = 14
|
|
fill.color = self.tint
|
|
return DisplayList(ObjectList(fill))
|
|
}
|
|
}
|
|
class QuietButton: Button {
|
|
function paint(self: QuietButton, mount: Mount, geometry: Bounds): DisplayList {
|
|
return DisplayList(ObjectList())
|
|
}
|
|
}
|
|
class StartActions {
|
|
home: Page
|
|
function blank(self: StartActions, event: Event): Unit {
|
|
page = Page()
|
|
page.title = "窗口页面"
|
|
back = Button("返回画布")
|
|
back.onClick(self.home.activate)
|
|
page.render(Column(56, 20, TextBlock("恰好一个窗口", 3), TextBlock("页面跟随可用区域调整。内容和工具栏由 Endor 自己组织。"), back))
|
|
}
|
|
function vertical(self: StartActions, event: Event): Unit {
|
|
page = Page()
|
|
page.title = "纵向页面"
|
|
content = Column(48, 28, Column(0, 12, TextBlock("向下，继续生长", 3), TextBlock("纵向滚动和 Column 排版可以独立组合。")))
|
|
content.append(Note(24, 16, TextBlock("01 / 收集想法", 2), RectBlock(176, 130, 10, "#E2EADB"), TextBlock("从一个小小的念头开始。"), "#F0F3E9"))
|
|
content.append(Note(24, 16, TextBlock("02 / 连接片段", 2), RectBlock(176, 130, 10, "#E6DBEF"), TextBlock("内容保留在同一条连续的页面里。"), "#F4EEF7"))
|
|
content.append(Note(24, 16, TextBlock("03 / 慢慢展开", 2), RectBlock(176, 130, 10, "#EDDCC5"), TextBlock("追加一个子组件，内容自然延伸。"), "#FAF2E7"))
|
|
content.append(Note(24, 16, TextBlock("04 / 留一点空白", 2), TextBlock("不必把所有想法都放在第一屏。"), "#EDF1F6"))
|
|
view = ScrollBlock(1024, 800, content)
|
|
view.axis = "vertical"
|
|
view.flex = 1
|
|
page.crossAlign = "stretch"
|
|
page.render(view)
|
|
}
|
|
function horizontal(self: StartActions, event: Event): Unit {
|
|
page = Page()
|
|
page.title = "横向页面"
|
|
content = Row(48, 32, Note(24, 16, TextBlock("从左，走向右", 2), RectBlock(176, 180, 10, "#DDE8F1"), TextBlock("Row 内仍然可以包含 Column。"), "#EDF3F8"))
|
|
content.append(Note(24, 16, TextBlock("收集", 2), RectBlock(176, 210, 10, "#D7E5DA"), TextBlock("一张卡片，一个想法。"), "#EFF4EC"))
|
|
content.append(Note(24, 16, TextBlock("整理", 2), RectBlock(176, 170, 10, "#E5D9EB"), TextBlock("横向滚动，保留思考的顺序。"), "#F4EFF7"))
|
|
content.append(Note(24, 16, TextBlock("继续", 2), RectBlock(176, 230, 10, "#EFDFC7"), TextBlock("Shift + 滚轮浏览更多内容。"), "#FAF3E8"))
|
|
content.append(Note(24, 16, TextBlock("不止一屏", 2), TextBlock("右侧仍有空间。"), "#EEF1F5"))
|
|
view = ScrollBlock(1024, 800, content)
|
|
view.axis = "horizontal"
|
|
view.flex = 1
|
|
page.crossAlign = "stretch"
|
|
page.render(view)
|
|
}
|
|
function canvas(self: StartActions, event: Event): Unit {
|
|
page = newTab()
|
|
}
|
|
function counter(self: StartActions, event: Event): Unit {
|
|
count = ui.state(0)
|
|
add = Button("增加计数")
|
|
add.onClick(count.increment)
|
|
page = Page()
|
|
page.title = "共享对象"
|
|
page.render(Column(48, 24, TextBlock("一个对象，两个视图", 2), Row(0, 32, ui.textOf(count, "value", 3), ui.textOf(count, "value", 3)), add))
|
|
}
|
|
}
|
|
function newTab(): Page {
|
|
page = Page()
|
|
page.title = "自由画布"
|
|
actions = StartActions(page)
|
|
fixed = Button("窗口页面")
|
|
vertical = Button("纵向延伸")
|
|
horizontal = Button("横向延伸")
|
|
canvas = Button("新的画布")
|
|
shared = QuietButton("试试：一个对象，两个视图 ↗")
|
|
fixed.on("click", actions.blank)
|
|
vertical.on("click", actions.vertical)
|
|
horizontal.on("click", actions.horizontal)
|
|
canvas.on("click", actions.canvas)
|
|
shared.on("click", actions.counter)
|
|
hero = Column(0, 16, TextBlock("给想法，一点空间。", 3, "#303941"), TextBlock("页面可以是一扇窗口，也可以一直延伸。", 1, "#7D858C"), Spacer(8), Row(0, 10, fixed, vertical), Row(0, 10, horizontal, canvas), shared)
|
|
hero.x = 316
|
|
hero.y = 254
|
|
world = Scene2D(hero)
|
|
left = Note(24, 14, TextBlock("随手记下", 2), RectBlock(176, 100, 10, "#D5E4DA"), TextBlock("想法不必排成一条直线。"), "#EDF3E9")
|
|
left.x = 36
|
|
left.y = 92
|
|
world.append(left)
|
|
top = Note(24, 14, TextBlock("四种页面，同一个世界"), TextBlock("窗口 · 纵向 · 横向 · 自由画布", 1, "#7D858C"), "#EFF1F7")
|
|
top.x = 466
|
|
top.y = 58
|
|
world.append(top)
|
|
right = Note(24, 14, RectBlock(176, 138, 12, "#DDDAEA"), TextBlock("把片段放在一起", 2), TextBlock("布局属于组件，视角属于摄像机。"), "#F1EDF5")
|
|
right.x = 826
|
|
right.y = 190
|
|
world.append(right)
|
|
bottom = Note(24, 14, TextBlock("不止眼前这一屏", 2), TextBlock("触控板或滚轮平移\n空格拖动 / 鼠标中键拖动\n双指捏合 / ⌘ Ctrl + 滚轮缩放"), "#F7F0E5")
|
|
bottom.x = 104
|
|
bottom.y = 524
|
|
world.append(bottom)
|
|
end = Note(24, 14, TextBlock("继续向外探索", 2), RectBlock(176, 100, 10, "#CEDFE7"), TextBlock("画布上的对象仍是普通 Endor 组件。"), "#EAF1F5")
|
|
end.x = 716
|
|
end.y = 614
|
|
world.append(end)
|
|
view = CanvasViewport(1024, 800, world)
|
|
view.flex = 1
|
|
page.crossAlign = "stretch"
|
|
page.render(view)
|
|
return page
|
|
}
|