做的聊天系统,UI布局简直弄的头疼。特意记录下来。
scrollview:1. 首先给panel加上scroll rect组件,然后加上mask 2d组件(和mask区别是mask需要image组件,然后eventtriiger也需要image组件)
// 注意: panel的大小决定显示的大小。scroll rect的选项决定可以水平还是垂直拖拽,可决定到底后是否可以继续拖拽然后恢复(movement type :elastic)
2. 在panel下面添加content空物体,添加自适应组件,content size fitter(必须加,否则后续克隆的物体无法进行拖拽显示)。添加自动排序组件gird或者水平垂直layout。(若物体数量是可定的,则不需要) // 子物体均在content下,同时想要控制子物体大小注意家element layout。
3.content的大小决定能拖拽的滑动效果,物品itemguo小则无法拖拽,panel决定能显示的区域(加了遮罩)。
4. 自动布局不是必须的,在有限的物品item下,可以改变item任意位置,仍然可以做到滑动,保证content size fitter。
更多参考: http://www.2cto.com/kf/201604/498306.html <