[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
    • 网格布局
• direction
• top, right, bottom, left
• width, height

Alignment

• align-horizontal
  • 说明：水平对齐
  • 取值：left | center | right | stretch
  • 默认：left
• align-vertical
  • 说明：垂直对齐
  • 取值：top | middle | bottom | stretch
  • 默认：top

NCSS (Normal Cascading Style Sheets)