等比例缩放按钮

ARButtonDragButton都是可以使组件等比例缩放的按钮,但他们的效果截然不同。虽然两者同样具有等比例缩放的功能,但DragButton缩放时是 以对象中心点为原点进行缩放,而ARButton是以本身所在位置对角为原点进行缩放,其次,它没有像前者一样的改变角度的功能。

需要注意的是,在使用ARButton时需要传入一个Alignment以确定它所在的位置。例如:rect.installButton(new ARButton(Alignment.bottomRight)),就表示这个按钮会出现在 rect对象的右下角位置。

ARButton class

constructor

方法类型描述
constructor(option?: ARButtonOption)构造函数

Example

这个例子是将一个ARButton安装在矩形组件被并通过控制器添加到画布内。


        const rect=new Rectangle({
            width:100,
            height:100,
            decoration:{
                backgroundColor:"orange",
            }
        });
        const arButton= new ARButton({
            alignment:Alignment.bottomRight,
        })
        rect.installButton(arButton);
        controller.load(rect);
        controller.center(rect);
    

不是自己想要的缩放效果?试试DragButton禁用旋转角度。