วันอาทิตย์ที่ 30 มิถุนายน พ.ศ. 2556

Qt 5.0 Programming III : Element Hierarchies

Standard
          เรื่องลำดับการแสดงผลของ element ใน QML (Element Hierarchies) นั้นจะแสดงผลจากบนลงข้างล่างซึ่งถ้าหากไม่เข้าใจเรื่องจัดเรียงแล้วอาจจะทำให้เกิดการแสดงผลที่ผิดพลาดได้จากตัวอย่าง code นี้ครับ



           จากตัวอย่างมี element rec_1 เป็น element หลักแล้วข้างใน rec_1 มี element ย่อยๆ อีก 6 element คือ rec_1_gray, rec_1_red, rec_1_green, rec_1_blue, rec_1_black, rec_1_pink ซึ่งเมื่อ QML ทำงาน QML จะแสดงผล rec_1_gray,rec_1_red,... ไปจนถึง rec_1_pink ถ้าหากดูจากรูปแรกแล้วจะเห็นว่า rectangle ที่แสดงผลอยู่นั้นมีแค่ 5 อันคือ rec_1_red, rec_1_green, rec_1_blue, rec_1_black, rec_1_pink เพราะ rec_1_gray เป็น element ที่ถูกสร้างก่อนและถูกทับด้วย element rec_1_blue และ rec_1_black (ตาม source code ้) จากนั้นลองแก้ไข source code โดยที่ย้าย rec_1_gray, มาไว้ข้างล่างสุด

ย้าย rec_1_gray มาไว้ล่างสุด

rec_1_gray มาแสดงผลข้างบนสุด และไม่ถูกทับโดย rec_1_blue และ rec_1_black 

           สรุปคือ ลักษณะการแสดงผลของ element ใน QML นั้นจะว่างกันเป็น layer ทับๆ กับไปเรื่องฉะนั้นเวลาที่ต้องออกแบบ software ด้วย QML จะต้องดูเรื่องในส่วนของลำดับของ element ให้ดี



<< Qt 5.0 Programming II : QML Basic
>> Qt 5.0 Programming IV : QML + Javascript อะไรจะขนาดนั้น !!!

0 ความคิดเห็น:

แสดงความคิดเห็น