ความแตกต่างของ width, contentWidth และ content.Width

posted on 13 Sep 2007 10:03 by greendog

property ของ component ที่ประกอบไปด้วย width และ height นั้น ความจริงแล้วมีถึง 3 property ที่มีความหมายคล้ายกัน หากแต่ พวกนี้ใช้แตกต่างกัน ได้แก่ width, contentWidth และ content.width ครับ ความแตกต่างในการใช้งานก็แตกต่างกันด้วย เรามาดูกันดีกว่าว่าใช้กันอย่างไร

1. width

คือ ค่าความกว้างของตัว image loader control มิใช่ความกว้างของ image ที่ถูกโหลดแต่อย่างใด หากค่านี้ไม่ถูก set ไว้ มันจะตั้งค่าตามความกว้างของ image ที่ถูกโหลดมาโดยอัตโนมัติ การ set ค่าแบบอัตโนมัตินี้เกิดขึ้นใน updateComplete event ที่จะถูก execute ตามหลัง complete event ครับ

2. contentWidth

คือความกว้างของ image ที่ถูกโหลด เมื่อปรับแต่ง (scale) ขนาดเรียบร้อยแล้ว ให้ระวังว่า image ที่ถูกโหลดจะยังไม่ถูกปรับแต่งเมื่อตอนที่โหลดเสร็จสมบูนณ์ การเรียกค่านี้มาใช้งานจะทำให้ได้ค่าที่ไม่ถูกต้อง (ค่าที่ได้จากการเรียกช่วงนี้คือ ขนาด image จริงครับ) เราจะได้ค่าที่ถูกต้องหลังจาก updateComplete event ของ control ทำการ execute แล้ว

3. content.width

คือความกว้างของ image ที่ไม่ขึ้นกับขนาดที่ปรับแต่งแล้ว (ขนาด image จริงนั่นเอง) ค่านี้สามารถเรียกได้ทันทีที่ image control ทำการ execute complete event แล้วครับ

หลักการนี้สามารถใช้กับ height ได้เหมือนกันนะคร้าบ