LevelUp! Studio » layout https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 [Unity] วิธีการทำให้ Grid ใน ScrollView มีระยะห่างที่ถูกต้อง https://blog.levelup.in.th/2016/02/29/unity-how-to-make-grid-in-scrollview-with-perfect-gap/ https://blog.levelup.in.th/2016/02/29/unity-how-to-make-grid-in-scrollview-with-perfect-gap/#comments Mon, 29 Feb 2016 16:55:08 +0000 http://blog.levelup.in.th/?p=5336 โดยปกติแล้ว Grid ก็จะมี Cell Width กับ Height ให้เพื่อกำหนดระยะห่างระหว่าง GameObject ด้านในของเรา ซึ่งถ้าเราใช้ร่วมกับ ScrollView ของด้านในจะเลื่อนไปชิดด้านบนสุด เพราะ Grid จะทำการจัดที่ให้ดูจากของที่อยู่ด้านใน

จากรูปของด้านในของเราชิดขอบบนสุดเลย

มองจาก Scene

Script ตัวลูกของเรา สั่งให้ขนาดเล็กกว่าเพื่อเว้นช่องไฟ แต่ก็ไม่ได้เว้นด้านบนแต่อย่างใด

ซึ่งถ้าเราทำการเลื่อน ScrollView ลงเพื่อให้มีพื้นที่ ก็จะพบปัญหาว่าของด้านในของเรานั้นเวลาถูกเลื่อนออกจาก Scroll View จะถูกตัดขาดก่อนที่ควรจะเป็น เพราะเราเลื่อนช่วงการมองเห็นลงมา

ขาดจ้าาา

ทีนี้ วิธีแก้ไขก็ไม่มีอะไรมาก ให้เราสร้าง UIWidget มาครอบไว้นอก ให้ระยะเต็มกินขอบไปด้วยเลย แล้ว Grid จะเว้นพื้นที่ไว้ให้เองอัตโนมัติดังรูป

สร้าง Widget ปรับขนาดให้เกินขอบ

มองจาก Scene จะเป็นแบบนี้

เป้ะ

เพียงเท่านี้ก็จะได้ Grid ที่เลื่อนได้โดยมีตำแหน่งที่สวยงามแล้วล่ะครับ

]]> https://blog.levelup.in.th/2016/02/29/unity-how-to-make-grid-in-scrollview-with-perfect-gap/feed/ 0