1、在画布中拖入一个矩形框,大小为300x170,如下图所示:
2、 在矩形框的下方,分两行排列4个输入框,分别命名为:X值、Y值、W值、H值,如下图所示
3、 首先实现更改X值,可以让矩形沿着X轴移动,这里我们需要在X值这稍僚敉视个输入框上做文本改变事件。 文本改变事件:文本改变时,移动矩形沿着x轴移动输入框中所输入数值等同的距离
4、 其次实现更改Y值,可以让矩形沿着Y轴移动,这里和X轴移动的原理一样,只需设置矩形移动Y值输入框所输入数值等同的距离即可。
5、 接下来实现更改W值,让矩形变长。这个我们需要在W值输入框上做文本改变事件。 文本改变事件:文本改变时,设置矩形宽度为W值输入框内所输入的数值。
6、 更改H值,让矩形变高,和变宽同样的道理。