NGUI学习笔记3.5

ScrollView

练习使用场景搭建:

  1. 直接在NGUI中新建ScrollView组件(与Button等其它依赖基本组件存在的组件不同,此组件是单独存在的组件)
  2. 新建sprite作为其子组件,注意!子组件上需要挂在Collider和DragScrollView脚本,才可以实现鼠标拖拽查看功能

image-20240305180405351

ScrollView组件的参数意义:

image-20240305180504050

image-20240305180533205

image-20240305180732564

添加ScrollBar

制作好ScrollBar并设置到ScrollView上

image-20240305182051793

image-20240305182223087

关于ScrollView的一些参数含义:

image-20240305182317145

使用Grid

如果有多个子物体要显示在ScrollView中,使用Grid来进行整理布局,使得组件摆放整齐,可以实现例如背包系统等功能。

image-20240305190557070

Gird中的参数说明:

image-20240305190645744

重要练习:制作背包系统!【待填坑~~~】

需要解决的问题:

  1. ScrollView中格子的偏移设置,保证格子是可以对齐
  2. 背包道具的动态生成问题
  3. 背包内容更新之后通知滚动条更新问题

Anchor锚点组件:

旧UI中的Anchor的使用:

锚点常常将UI对象铆钉在面板的某个位置,用来保持对齐,通常是九宫格。

将UI元素铆钉在一个位置,在不同分辨率下可以保持不变。

image-20240305202840497

image-20240305201714286

image-20240305201737262

在NGUI中现在的使用:

在sprite组件中的Anhors中可以设置和父对象的边界的相对位置,铆钉好之后不论怎么变更分辨率其相对于父节点的边界距离还是相同的,起到UI自适应作用。

image-20240305202905083

image-20240305202615537

image-20240305202511943

image-20240305202529380

posted @ 2024-03-05 20:41  畅知  阅读(33)  评论(0编辑  收藏  举报