GWT - วิดเจ็ตพื้นฐาน

อินเทอร์เฟซผู้ใช้ทุกคนพิจารณาสามประเด็นหลักดังต่อไปนี้ -

  • UI elements- สิ่งเหล่านี้เป็นองค์ประกอบภาพหลักที่ผู้ใช้เห็นและโต้ตอบในที่สุด GWT มีรายการองค์ประกอบที่ใช้กันอย่างแพร่หลายและองค์ประกอบทั่วไปที่แตกต่างกันไปตั้งแต่พื้นฐานไปจนถึงแบบซับซ้อนซึ่งเราจะกล่าวถึงในบทช่วยสอนนี้

  • Layouts- พวกเขากำหนดวิธีการจัดองค์ประกอบ UI บนหน้าจอและให้รูปลักษณ์สุดท้ายของ GUI (อินเทอร์เฟซผู้ใช้แบบกราฟิก) ส่วนนี้จะกล่าวถึงในบทเค้าโครง

  • Behavior- นี่คือเหตุการณ์ที่เกิดขึ้นเมื่อผู้ใช้โต้ตอบกับองค์ประกอบ UI ส่วนนี้จะครอบคลุมในบทการจัดการเหตุการณ์

องค์ประกอบ UI ของ GWT

ไลบรารี GWT จัดเตรียมคลาสในลำดับชั้นของคลาสที่กำหนดไว้อย่างดีเพื่อสร้างอินเทอร์เฟซผู้ใช้บนเว็บที่ซับซ้อน คลาสทั้งหมดในลำดับชั้นของคอมโพเนนต์นี้ได้รับมาจากUIObject คลาสฐานดังแสดงด้านล่าง -

วิดเจ็ต UI พื้นฐานทุกตัวจะสืบทอดคุณสมบัติจากคลาสวิดเจ็ตซึ่งจะสืบทอดคุณสมบัติจาก UIObject ต้นไม้และเมนูจะครอบคลุมในบทช่วยสอนวิดเจ็ตที่ซับซ้อน

ซีเนียร์ วิดเจ็ตและคำอธิบาย
1 คลาส GWT UIObject

วิดเจ็ตนี้มีข้อความซึ่งไม่ได้ถูกตีความว่าเป็น HTML โดยใช้องค์ประกอบ <div> ทำให้แสดงด้วยรูปแบบบล็อก

2 คลาสวิดเจ็ต GWT

วิดเจ็ตนี้สามารถมีข้อความ HTML และแสดงเนื้อหา html โดยใช้องค์ประกอบ <div> ทำให้แสดงด้วยรูปแบบบล็อก

วิดเจ็ตพื้นฐาน

ต่อไปนี้เป็นวิดเจ็ตพื้นฐานที่สำคัญบางส่วน-

ซีเนียร์ วิดเจ็ตและคำอธิบาย
1 ฉลาก

วิดเจ็ตนี้มีข้อความซึ่งไม่ได้ถูกตีความว่าเป็น HTML โดยใช้องค์ประกอบ <div> ทำให้แสดงด้วยรูปแบบบล็อก

2 HTML

วิดเจ็ตนี้สามารถมีข้อความ HTML และแสดงเนื้อหา html โดยใช้องค์ประกอบ <div> ทำให้แสดงด้วยรูปแบบบล็อก

3 ภาพ

วิดเจ็ตนี้แสดงภาพที่ URL ที่กำหนด

4 สมอ

วิดเจ็ตนี้แสดงถึงองค์ประกอบ <a> ที่เรียบง่าย