Unity_UGUI_Scoll Rect实现左右滑动展示图片

创建一个Panel作为容器 右键 --> UI --> Panel

给 Panel 添加 Grid Layout Group脚本

并且把 Grid Layout Group 的 Start Axis 设置为 Vertical

Unity_UGUI_Scoll Rect实现左右滑动展示图片_第1张图片

调整好 Panel 容器的大小 足够 正好能容下你需要的UI图片

我的Panel调整了 正好容下2张图片 的宽度

记得设置 Pnael容器的 锚点位置在左边(这样Panel改变宽度 就会向右延伸 而不是两边都延伸)

Unity_UGUI_Scoll Rect实现左右滑动展示图片_第2张图片

创建两张Iamge图片 并且指定你的图片源

调整好两张 Image 并且拖拽到 Panel下

Unity_UGUI_Scoll Rect实现左右滑动展示图片_第3张图片

如果不能直接修改图片的大小和位置 请修改图片的这个两个值 ?

Unity_UGUI_Scoll Rect实现左右滑动展示图片_第4张图片

 

再创建一个Panel 

并且挂载 Scroll Rect脚本

把 Vertical 的勾去掉

把 上面那个挂载了Grid Layout Group的  Panel容器 放到 挂载了 Scrool Rec脚本的Panel下面

Unity_UGUI_Scoll Rect实现左右滑动展示图片_第5张图片

点击运行 测试OK?️

你可能感兴趣的:(触摸屏,Unity_UGUI)