GWT - แผงเค้าโครง

แผงเค้าโครงสามารถมีวิดเจ็ตอื่น ๆ แผงควบคุมเหล่านี้ควบคุมวิธีแสดงวิดเจ็ตบนอินเทอร์เฟซผู้ใช้ วิดเจ็ต Panel ทุกตัวจะสืบทอดคุณสมบัติจากคลาสพาเนลซึ่งจะสืบทอดคุณสมบัติจากคลาสวิดเจ็ตและจะสืบทอดคุณสมบัติจากคลาส UIObject

ซีเนียร์	วิดเจ็ตและคำอธิบาย
1	คลาส GWT UIObject วิดเจ็ตนี้มีข้อความซึ่งไม่ได้ถูกตีความว่าเป็น HTML โดยใช้องค์ประกอบ <div> ทำให้แสดงด้วยรูปแบบบล็อก
2	คลาสวิดเจ็ต GWT วิดเจ็ตนี้สามารถมีข้อความ HTML และแสดงเนื้อหา html โดยใช้องค์ประกอบ <div> ทำให้แสดงด้วยรูปแบบบล็อก
3	คลาสแผง GWT นี่คือคลาสพื้นฐานนามธรรมสำหรับพาเนลทั้งหมดซึ่งเป็นวิดเจ็ตที่สามารถมีวิดเจ็ตอื่นได้

แผงเค้าโครง

ต่อไปนี้เป็นแผงเค้าโครงที่สำคัญบางส่วน-

ซีเนียร์	วิดเจ็ตและคำอธิบาย
1	FlowPanel วิดเจ็ตนี้แสดงถึงพาเนลที่จัดรูปแบบวิดเจ็ตลูกโดยใช้พฤติกรรมการจัดวาง HTML ดีฟอลต์
2	HorizontalPanel วิดเจ็ตนี้แสดงถึงพาเนลที่วางวิดเจ็ตทั้งหมดในคอลัมน์แนวนอนเดียว
3	VerticalPanel วิดเจ็ตนี้แสดงถึงพาเนลที่วางวิดเจ็ตทั้งหมดในคอลัมน์แนวตั้งเดียว
4	HorizontalSplitPanel วิดเจ็ตนี้แสดงถึงพาเนลที่จัดเรียงวิดเจ็ตสองวิดเจ็ตในแถวแนวนอนเดียวและอนุญาตให้ผู้ใช้เปลี่ยนสัดส่วนของความกว้างที่ทุ่มเทให้กับแต่ละวิดเจ็ตจากสองวิดเจ็ต วิดเจ็ตที่อยู่ใน HorizontalSplitPanel จะถูกตกแต่งโดยอัตโนมัติด้วยแถบเลื่อนเมื่อจำเป็น
5	VerticalSplitPanel วิดเจ็ตนี้แสดงถึงพาเนล A ที่จัดเรียงวิดเจ็ตสองวิดเจ็ตในคอลัมน์แนวตั้งเดียวและอนุญาตให้ผู้ใช้เปลี่ยนสัดส่วนของความสูงที่ทุ่มเทให้กับแต่ละวิดเจ็ต วิดเจ็ตที่อยู่ภายใน VertialSplitPanel จะได้รับการตกแต่งโดยอัตโนมัติด้วยแถบเลื่อนเมื่อจำเป็น
6	FlexTable วิดเจ็ตนี้แสดงถึงตารางที่ยืดหยุ่นซึ่งสร้างเซลล์ตามความต้องการ สามารถเป็นแบบหยักได้ (นั่นคือแต่ละแถวสามารถมีจำนวนเซลล์ที่แตกต่างกันได้) และแต่ละเซลล์สามารถกำหนดให้ขยายหลายแถวหรือคอลัมน์ได้
7	กริด วิดเจ็ตนี้แสดงถึงตารางสี่เหลี่ยมที่สามารถมีข้อความ html หรือวิดเจ็ตลูกภายในเซลล์ได้ ต้องมีการปรับขนาดอย่างชัดเจนเป็นจำนวนแถวและคอลัมน์ที่ต้องการ
8	DeckPanel แผงควบคุมที่แสดงวิดเจ็ตลูกทั้งหมดใน 'เด็ค' ซึ่งสามารถมองเห็นได้ครั้งละหนึ่งรายการเท่านั้น มันถูกใช้โดย TabPanel
9	DockPanel วิดเจ็ตนี้แสดงถึงพาเนลที่วางวิดเจ็ตลูก "เชื่อมต่อ" ที่ขอบด้านนอกและอนุญาตให้วิดเจ็ตสุดท้ายใช้พื้นที่ที่เหลืออยู่ตรงกลาง
10	HTMLPanel วิดเจ็ตนี้แสดงถึงพาเนลที่มี HTML และสามารถแนบวิดเจ็ตลูกเข้ากับองค์ประกอบที่ระบุภายใน HTML นั้น
11	TabPanel วิดเจ็ตนี้แสดงถึงพาเนลที่แสดงถึงชุดเพจแบบแท็บซึ่งแต่ละเพจมีวิดเจ็ตอื่น วิดเจ็ตลูกจะแสดงเมื่อผู้ใช้เลือกแท็บต่างๆที่เกี่ยวข้อง แท็บสามารถมี HTML ที่กำหนดเองได้
12	คอมโพสิต วิดเจ็ตนี้แสดงถึงวิดเจ็ตประเภทหนึ่งที่สามารถรวมวิดเจ็ตอื่นโดยซ่อนเมธอดของวิดเจ็ตที่ถูกรวมไว้ เมื่อเพิ่มลงในพาเนลคอมโพสิตจะทำงานเหมือนกับว่ามีการเพิ่มวิดเจ็ตที่ห่อไว้
13	SimplePanel วิดเจ็ตนี้แสดงถึงคลาสฐานสำหรับพาเนลที่มีวิดเจ็ตเดียว
14	ScrollPanel วิดเจ็ตนี้แสดงถึงพาเนลง่ายๆที่รวมเนื้อหาไว้ในพื้นที่ที่เลื่อนได้
15	FocusPanel วิดเจ็ตนี้แสดงถึงแผงควบคุมแบบเรียบง่ายที่ทำให้เนื้อหาสามารถโฟกัสได้และเพิ่มความสามารถในการจับเหตุการณ์ของเมาส์และคีย์บอร์ด
16	FormPanel วิดเจ็ตนี้แสดงถึงพาเนลที่รวมเนื้อหาในองค์ประกอบ HTML <FORM>
17	PopupPanel วิดเจ็ตนี้แสดงถึงพาเนลที่สามารถ pop upเหนือวิดเจ็ตอื่น ๆ มันซ้อนทับพื้นที่ไคลเอนต์ของเบราว์เซอร์ (และป๊อปอัปที่สร้างไว้ก่อนหน้านี้)
18	DialogBox วิดเจ็ตนี้แสดงถึงรูปแบบของป๊อปอัปที่มีพื้นที่คำอธิบายภาพอยู่ด้านบนและผู้ใช้สามารถลากได้ ไม่เหมือนกับ PopupPanel การเรียกใช้ PopupPanel.setWidth (String) และ PopupPanel.setHeight (String) จะกำหนดความกว้างและความสูงของกล่องโต้ตอบเองแม้ว่าจะยังไม่ได้เพิ่มวิดเจ็ตก็ตาม