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) จะกำหนดความกว้างและความสูงของกล่องโต้ตอบเองแม้ว่าจะยังไม่ได้เพิ่มวิดเจ็ตก็ตาม