[Draft] Normal UI
By solid-matrix
Normal UI 概述
Normal UI旨在创建一个跨语言、跨平台、原生渲染的UI框架。
HTML+CSS具有极佳的灵活性与UI绘制能力。但其原应用于Web开发,在应用应用开发中,具有诸多缺点。
其他的UI框架,都绑定了特定的语言,特定的平台。
Normal UI 将参照HTML和CSS,创建自有的标记语言(类似于HTML/XML)与样式语言(类似于CSS)。
设计原则
- <nml>
- NML文档的根元素,将继承 viewport 的尺寸。
NML (Normal Markup Language)
Box Model
- margin-top|right|bottom|left
- padding-top|right|bottom|left
- border-top|right|bottom|left-width
- border-top|right|bottom|left-color
- border-top|right|bottom|left-style
Layouts
- display
- block
- inline
- inline-block
- layout
- flow
- 流式布局
- stack
- 栈式布局
- panel
- 面板布局
- flex
- 弹性布局
- grid
- 网格布局
- flow
- direction
- top, right, bottom, left
- width, height
Alignment
- align-horizontal
- 说明:水平对齐
- 取值:left | center | right | stretch
- 默认:left
- align-vertical
- 说明:垂直对齐
- 取值:top | middle | bottom | stretch
- 默认:top