26、探索 Piu:打造交互式用户界面的秘诀

探索 Piu:打造交互式用户界面的秘诀

1. Piu 对象基础

在使用 Piu 构建用户界面时,当改变添加到应用对象中的内容对象的属性时,屏幕会自动更新。Piu 通过使显示的相应部分无效来触发更新,内容对象则调用所需的绘图函数来更新屏幕。

Piu 中的对象并非全是内容对象。除了内容对象,Piu 还有其他几种类型的对象,它们用于以某种方式修改内容对象,如外观、行为或动画效果。这些对象都不继承自 Content 类。

  • 定义外观 :Skin、Texture 和 Style 类可修改内容对象的外观。皮肤和纹理对象用于用颜色和图像填充区域,而样式对象定义文本的外观,包括字体和颜色。样式对象可以应用于一个或多个标签对象和其他内容对象,皮肤对象也可被多个内容对象共享。纹理对象不直接被内容对象使用,而是通过皮肤对象的 texture 属性与皮肤对象关联,并且可以被多个皮肤对象共享。
const textStyle = new Style({
    font: "24px Open Sans"
});

需要注意的是,与内容对象不同,皮肤、纹理和样式对象的属性不能更改。例如,要更改标签使用的字体,需要更改标签对象的 style 属性,而不是样式对象的 font 属性。

  • 控制行为 :行为用于响应事件,如屏幕点击、传感器值变化或计时器到期。内容对象的行为由 Behavior 类的子类定义。内容对象必须分配一个行为才能响应事件,通常每

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值