首先,明确一下这个聊天框能实现的功能
1,可以改变框体的位置和大小
2,可以输入文字,聊天区域显示文字
3,有滑动条可以查看被之后输入的文字所刷掉的文字
完成品
首先随便拖一张空白的sprite进去做为聊天框的背景,更改颜色为蓝色,这张sprite将作为背景,同时我们接下来所有的组件都将作为他的子物体建立。
要实现背景的移动,首先要为背景添加box collider,这样才可以交互,然后为我们的背景添加UIDrag object脚本,移动位置的功能就实现了。
然后另外选择一张sprite进去作为背景的子物体,我这里先放在了右下角,这是调节聊天框大小的按钮,同样需要添加box collider,然后为他添加UIDrag Resize脚本
UIDrag resize脚本内的target选择你想要改变大小的物体,这里当然选择我之前拖入那张背景。下面的min,max4行则是限制要改变的物体最小长宽和最大长宽。
到这里为止,基本上聊天框的拖拽可控制大小就完成了,为什么要用基本上呢,那是因为现在如果我们改变框体大小后,我们的改变框体大小的按钮的位置会发生偏移,所以我们需要设置控制框体大小的那个按钮的anchors,这里我的图片大小是20*20,所以我这里的anchors设置如图所示。
然后我们开始制作滑动条<