探索 Piu:打造交互式用户界面的秘诀
1. Piu 对象基础
在使用 Piu 构建用户界面时,当改变添加到应用对象中的内容对象的属性时,屏幕会自动更新。Piu 通过使显示的相应部分无效来触发更新,内容对象则调用所需的绘图函数来更新屏幕。
Piu 中的对象并非全是内容对象。除了内容对象,Piu 还有其他几种类型的对象,它们用于以某种方式修改内容对象,如外观、行为或动画效果。这些对象都不继承自 Content 类。
- 定义外观 :Skin、Texture 和 Style 类可修改内容对象的外观。皮肤和纹理对象用于用颜色和图像填充区域,而样式对象定义文本的外观,包括字体和颜色。样式对象可以应用于一个或多个标签对象和其他内容对象,皮肤对象也可被多个内容对象共享。纹理对象不直接被内容对象使用,而是通过皮肤对象的 texture 属性与皮肤对象关联,并且可以被多个皮肤对象共享。
const textStyle = new Style({
font: "24px Open Sans"
});
需要注意的是,与内容对象不同,皮肤、纹理和样式对象的属性不能更改。例如,要更改标签使用的字体,需要更改标签对象的 style 属性,而不是样式对象的 font 属性。
-
控制行为 :行为用于响应事件,如屏幕点击、传感器值变化或计时器到期。内容对象的行为由 Behavior 类的子类定义。内容对象必须分配一个行为才能响应事件,通常每