การใช้งานและการจัดการของการควบคุมแบบกราฟิก

หน้าเว็บมักจะมีภาพหลายภาพและการใช้ที่เหมาะสมแท็ก HTML (IMG) เพื่อสั่งเบราว์เซอร์ที่จะโหลดภาพและจอแสดงผลมัน ASP.NET ทำให้โปร่งใสให้กับการเขียนโปรแกรมโดยใช้แท็ก img โดยใช้การควบคุมเซิร์ฟเวอร์ของภาพที่ช่วยให้คุณสามารถจัดการไฟล์ประเภทนี้ในรหัสโดยการแปลการตั้งค่า

ใช้การควบคุมภาพที่ง่ายมากเพียงลากจากกล่องในแบบฟอร์มเว็บเช่น HTML การควบคุมอื่น ๆ ทั้งหมด นี้จะกระทำจะถูกสร้างขึ้น <img/> แท็ก

นอกเหนือจากการควบคุมเหล่านั้น ASP.NET ให้ตัวควบคุมสองตัวที่มีประโยชน์อื่น ๆ : ImageButton เป็นปุ่มซึ่งคุณสามารถกำหนดรูปภาพเป็นวอลล์เปเปอร์ ImageMap ซึ่งช่วยให้คุณสามารถแผนที่ภาพและแบ่งมันออกเป็นพื้นที่ที่มีปฏิกิริยาแตกต่างกันใน ขึ้นอยู่กับผู้ใช้คลิก (คิดว่าสำหรับตัวอย่างของแผนที่ซึ่งเมื่อคลิกที่พื้นที่ที่แตกต่างเปิดหน้าเว็บที่มีคุณลักษณะของพวกเขา)

สร้างรูปแบบเว็บใหม่จากกล่องและลากตัวควบคุมรูปในนั้น ในหน้าต่างคุณสมบัติของเส้นทางการควบคุมการแทรกรูปภาพบนคอมพิวเตอร์ของเราในสถานที่ให้บริการ ImageUrl โดยทั่วไปถ้าคุณคลิกที่ปุ่มด้านขวาของทรัพย์สินที่จะเห็นกล่องโต้ตอบกับรายการในโครงการของเรา (ก่อนที่จะแทรกภาพในโครงการ) ตัวอย่างเช่นฉันเพิ่มภาพ Collineazzurre.jpg กับโครงการของฉันและฉันสามารถเลือกในกล่องโต้ตอบนี้

หลังจากคลิกตกลงนี่เป็นวิธีการที่หน้าจะปรากฏขึ้น

เปิดตัวโปรแกรมที่เราจะเห็นในเบราว์เซอร์ของเราที่มีเพียงภาพที่

ตอนนี้เพิ่มตัวควบคุม ImageButton ไปยังหน้าของเรา ตามที่กล่าวไว้ก่อนหน้านี้คือปุ่มที่คุณสามารถตกแต่งด้วยภาพกราฟิกบางส่วน ผ่านการควบคุมนี้คุณสามารถจัดการสามสถานการณ์ที่เป็นไปได้ในการทำงานที่แรกเป็น ImageButton ปุ่มที่เรียบง่ายที่สามารถเชื่อมต่อไปคลิกเหตุการณ์ที่อยู่บนเซิร์ฟเวอร์ในไม่กี่วินาทีคุณสามารถกำหนดสคริปต์ฝั่งไคลเอ็นต์และเสียบคุณสมบัติ OnClientClick ของการควบคุม สคริปต์และในไตรมาสที่สามที่คุณสามารถบอกการควบคุมการส่งการร้องขอไปยังหน้าเฉพาะผ่าน postbackurl สถานที่ให้บริการ อีกครั้ง, การควบคุมนี้มีความจำเป็นเพิ่มคุณสมบัติ ImageUrl เพื่อแสดงภาพที่จะแสดง

ถ้าเราเขียนคุณสมบัติของ OnClientClick ทดสอบ ASP.NET รหัสจะถูกปรับเปลี่ยนดังต่อไปนี้

และเมื่อคุณคลิกปุ่มทดสอบที่จะค้นหาสคริปต์ (คุณจะได้รับข้อผิดพลาดถ้าสคริปต์ไม่อยู่)

แต่ถ้าคุณสมบัติ postbackurl เขียน Validazione.aspx ~ / (สร้างเพจไม่กี่บทเรียนที่ผ่านมา) ที่คลิกปุ่มที่เราจะนำไปยังหน้านี้

ตอนนี้เพิ่มควบคุม ImageMap และการตั้งค่าภาพเป็นสถานที่ให้บริการ ImageUrl ใด ๆ (ผมใช้ใหม่"ฮิลล์ azzurre.jpg") ระหว่างคุณสมบัติของตัวควบคุมนอกจากนี้ยังมีฮอตสปอต คลิกเกี่ยวกับทรัพย์สินและเราจะเห็นหน้าต่างที่คุณสามารถกำหนดจุดที่เรียกว่า (พื้นที่โต้ตอบ) ของภาพ ที่เพิ่มปุ่มช่วยให้คุณสามารถเลือกชนิดของจุดที่ (วงกลม, สี่เหลี่ยมหรือหลายเหลี่ยม) แทรก HOSPOT สี่เหลี่ยม

เราตั้งค่าสำหรับตำแหน่งและสตริง (ทดสอบ) ใน AlternateTex สถานที่ให้บริการ

เปิดตัวโปรแกรม, โดยการวางเมาส์ในพื้นที่ที่กำหนดไว้ในข้อความ comparrirà ที่ลองคลิกและเราจะถูกนำไป Validazione.aspx (ตั้งค่าคุณสมบัติ NavigateURL)

• <<บทเรียนก่อนหน้า
• ดัชนีความช่วยเหลือ
• บทเรียนถัดไป>>