Sencha Touch - เค้าโครง

เค้าโครงเป็นวิธีการจัดเรียงองค์ประกอบในคอนเทนเนอร์ ซึ่งอาจเป็นแนวนอนแนวตั้งหรืออื่น ๆ Sencha Touch มีเลย์เอาต์ที่แตกต่างกันที่กำหนดไว้ในไลบรารีแม้ว่าเราจะสามารถเขียนเค้าโครงที่กำหนดเองได้เช่นกัน

ซีเนียร์ เค้าโครงและคำอธิบาย
1 hBox

เค้าโครงนี้ช่วยให้สามารถกระจายองค์ประกอบในแนวนอนได้

2 vBox

เค้าโครงนี้ช่วยให้สามารถกระจายองค์ประกอบในแนวตั้งได้ นี่คือหนึ่งในเค้าโครงที่ใช้กันทั่วไป

3 พอดี

ในเค้าโครงนี้คอนเทนเนอร์จะเต็มไปด้วยแผงเดียวและเมื่อไม่มีข้อกำหนดเฉพาะที่เกี่ยวข้องกับเค้าโครงก็จะใช้เค้าโครงนี้

4 การ์ด (TabPanel)

เค้าโครงนี้จัดเรียงส่วนประกอบต่างๆตามแบบแท็บ แท็บจะแสดงที่ด้านบนของคอนเทนเนอร์ ทุกครั้งที่มองเห็นเพียงแท็บเดียวและแต่ละแท็บถือเป็นส่วนประกอบที่แตกต่างกัน