การนำเสนอเกี่ยวกับการเขียนโปรแกรมในสภาพแวดล้อม Delphi ในหัวข้อ: "การแสดงข้อมูลกราฟิกใน Delphi" การใช้ทฤษฎีโดยย่อคุณสมบัติกราฟิก Delphi

ในการแสดงข้อมูลกราฟิก ไลบรารี Delphi ได้จัดเตรียมส่วนประกอบต่างๆ ไว้ รายการส่วนประกอบต่างๆ จะได้รับในตาราง 6.

ตารางที่ 6

ส่วนประกอบสำหรับการแสดงข้อมูลกราฟิก

นอกจากนี้ คุณยังสามารถแสดงและป้อนข้อมูลกราฟิกบนพื้นผิวของส่วนประกอบหน้าต่างที่มีคุณสมบัติดังกล่าวได้ ผ้าใบ- ผ้าใบ.

ตารางรูปภาพ - ส่วนประกอบ DrawGrid และ StringGrid

ส่วนประกอบ DrawGridใช้เพื่อสร้างตารางในแอปพลิเคชันที่สามารถมีได้ ภาพกราฟิก. ส่วนประกอบนี้คล้ายกับส่วนประกอบ StringGridเนื่องจากส่วนหลังมีต้นกำเนิดมาจาก DrawGrid.ดังนั้นใน DrawGridคุณสมบัติ วิธีการ เหตุการณ์ของส่วนประกอบทั้งหมดมีอยู่ StringGridยกเว้นที่เกี่ยวข้องกับข้อความเช่น ยกเว้นคุณสมบัติ เซลล์, Cols, แถว, วัตถุจากมุมมองนี้องค์ประกอบ StringGridมีความสามารถมากกว่าอย่างเห็นได้ชัด DrawGridเนื่องจากสามารถจัดเก็บทั้งรูปภาพและข้อความในเซลล์ได้ และถ้าคุณต้องการใส่ข้อความในบางเซลล์ DrawGridจากนั้นคุณจะต้องใช้วิธีการแสดงข้อความบนโครงร่างซึ่งไม่สะดวกมาก

ส่วนประกอบ DrawGrid และ StringGridมีโครงร่าง ผ้าใบ,ซึ่งคุณสามารถโพสต์ภาพได้

มีวิธีคือ เซลล์-Rect,ซึ่งส่งคืนพื้นที่ผืนผ้าใบที่จัดสรรให้กับเซลล์ที่กำหนด วิธีการนี้ถูกกำหนดให้เป็น

ฟังก์ชัน CellRect (ACol, Arow: Longint): TRect;

ที่ไหน เอคอล และเอโรว์- ดัชนีคอลัมน์และแถวเริ่มต้นจาก 0 ที่จุดตัดที่มีเซลล์อยู่ พื้นที่ที่ฟังก์ชันนี้ส่งคืนคือพื้นที่ผืนผ้าใบที่สามารถวาดภาพที่ต้องการได้ ตัวอย่างเช่นผู้ดำเนินการ

DrawGridl.Canvas.CopyRect(DrawGridl.CellRect(1,1),

BitMap.Canvas,Rect(0,0,BitMap.Height,BitMap.Width));

วิธีการคัดลอก คัดลอกRectไปที่เซลล์ (1,1) ของตาราง DrawGridlภาพจากส่วนประกอบ บิตแมปเซลล์นี้เป็นเซลล์ที่สองจากด้านซ้ายและเซลล์ที่สองจากด้านบนของตาราง เนื่องจากดัชนีเริ่มต้นที่ 0 โปรดทราบว่าหากเซลล์มีขนาดเล็กกว่าขนาดของรูปภาพที่คัดลอก เฉพาะส่วนบนซ้ายของรูปภาพเท่านั้นที่จะปรากฏใน เซลล์

รูปภาพบนผืนผ้าใบส่วนประกอบ DrawGrid และ StringGridเช่นเดียวกับบนผืนผ้าใบของส่วนประกอบใดๆ จะถูกลบออกเมื่อหน้าต่างแอปพลิเคชันซ้อนทับกับหน้าต่างอื่น หรือ ตัวอย่างเช่น เมื่อแอปพลิเคชันถูกย่อเล็กสุด

ด้วยวิธีที่สะดวกการเพิ่มรูปภาพลงในเซลล์ DrawGridคือการใช้ตัวจัดการเหตุการณ์ OnDrawCell.เหตุการณ์เหล่านี้เกิดขึ้นสำหรับแต่ละเซลล์ของตาราง ณ เวลาที่วาดใหม่ ส่วนหัวของตัวจัดการดูเหมือนว่า:

ขั้นตอน TForml.DrawGridlDrawCell (ผู้ส่ง: TObject;

Acol, Arow: จำนวนเต็ม; สี่เหลี่ยมผืนผ้า: TRect; รัฐ: TGridDrawState)

พารามิเตอร์ สถานะบ่งบอกถึงสถานะของเซลล์ เป็นชุดที่สามารถประกอบด้วยองค์ประกอบดังต่อไปนี้: gdเลือกแล้ว- เซลล์ที่เลือก gdเน้น- เซลล์ที่อยู่ในโฟกัส gdFixed- เซลล์ในพื้นที่คงที่ของตาราง พารามิเตอร์ สถานะสามารถใช้เพื่อแสดงเซลล์ที่แตกต่างกันในสถานะที่ต่างกัน

ส่วนประกอบรูปร่าง

ส่วนประกอบรูปร่างสามารถจัดประเภทตามเงื่อนไขเป็นวิธีการแสดงข้อมูลกราฟิกได้เท่านั้น เนื่องจากเป็นเพียงการแสดงรูปทรงเรขาคณิตต่างๆ แรเงาอย่างเหมาะสม คุณสมบัติหลักของส่วนประกอบนี้คือ รูปร่าง(แบบฟอร์ม) ซึ่งสามารถรับค่าต่อไปนี้:

StRectangle – สี่เหลี่ยมผืนผ้า;

StSquare – สี่เหลี่ยม;

StRoundRect - สี่เหลี่ยมผืนผ้าที่มีมุมโค้งมน

StRouhdSquare - สี่เหลี่ยมจัตุรัสที่มีมุมโค้งมน

StEllipse – วงรี;

StCircle - วงกลม

คุณสมบัติที่สำคัญอีกประการหนึ่งของส่วนประกอบคือ แปรง(แปรง). คุณสมบัตินี้เป็นวัตถุประเภท ทีบรัช,มีคุณสมบัติย่อยหลายอย่าง โดยเฉพาะสี (แปรง.สี)และสไตล์ (แปรงสไตล์)กรอกรูป คุณสามารถดูการเติมค่าสไตล์บางค่าได้ในรูปที่ 1 3.2. คุณสมบัติเฉพาะที่สามของส่วนประกอบ รูปร่าง- ปากกา(ปากกา) ที่กำหนดลักษณะเส้น

ส่วนประกอบแผนภูมิ

ทีนี้มาดูส่วนประกอบกัน แผนภูมิ.ส่วนประกอบนี้ช่วยให้คุณสร้างแผนภูมิและกราฟต่างๆ ที่ดูน่าประทับใจมาก ส่วนประกอบ แผนภูมิมีคุณสมบัติ วิธีการ เหตุการณ์มากมาย ดังนั้น หากพิจารณาให้ครบแล้วเราก็ต้องอุทิศบทนี้ให้หมด ดังนั้นเราจะจำกัดตัวเองให้พิจารณาเฉพาะลักษณะสำคัญเท่านั้น แผนภูมิ.คุณสามารถค้นหาส่วนที่เหลือได้ในวิธีใช้ในตัวของ Delphi หรือลองใช้โดยการทดลองกับไดอะแกรม

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

วางองค์ประกอบหนึ่งหรือสองชิ้น แผนภูมิบนแบบฟอร์มและดูคุณสมบัติที่เปิดในตัวตรวจสอบวัตถุ นี่คือคำอธิบายบางส่วนของพวกเขา

AllowPanning - กำหนดความสามารถของผู้ใช้ในการเลื่อนส่วนที่สังเกตของกราฟระหว่างการดำเนินการโดยการกดปุ่มเมาส์ขวา ค่าที่เป็นไปได้: pmNone - ห้ามเลื่อน, pmHori/ontal, pm แนวตั้ง หรือ pmBoth - อนุญาตให้เลื่อนตามลำดับ เฉพาะในทิศทางแนวนอน ในแนวตั้งเท่านั้น หรือในทั้งสองทิศทาง

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

ชื่อเรื่อง - กำหนดชื่อเรื่องของไดอะแกรม

Foot - กำหนดคำอธิบายใต้แผนภาพ ไม่มีโดยค่าเริ่มต้น ข้อความลายเซ็นถูกกำหนดโดยคุณสมบัติย่อย Text

Frame - กำหนดกรอบรอบๆ ไดอะแกรม

ถัดจากคุณสมบัติหลายรายการใน Object Inspector มีปุ่มที่มีจุดไข่ปลาที่ให้คุณเรียกหน้าใดหน้าหนึ่งของ Chart Editor ซึ่งเป็นหน้าต่างหลายหน้าที่ให้คุณตั้งค่าคุณสมบัติทั้งหมดของแผนภูมิ ตัวแก้ไขไดอะแกรมสามารถเรียกได้ด้วยการดับเบิลคลิกที่ส่วนประกอบ แผนภูมิหรือโดยการคลิกขวาแล้วเลือกคำสั่งแก้ไขแผนภูมิจากเมนูป๊อปอัป

ดับเบิลคลิกที่ส่วนประกอบด้านบน แผนภูมิ.คุณจะถูกนำไปที่หน้าต่าง Chart Editor ในหน้า Chart ซึ่งมีหลายแท็บ ก่อนอื่น คุณจะสนใจแท็บซีรีส์ที่อยู่ตรงนั้น คลิกที่ปุ่มเพิ่ม - เพิ่มซีรี่ส์ คุณจะเข้าสู่หน้าต่างที่คุณสามารถเลือกประเภทของแผนภูมิหรือกราฟได้ ในกรณีนี้ ให้เลือก พาย - แผนภูมิวงกลม การใช้แท็บ Titles คุณสามารถตั้งชื่อแผนภูมิได้ แท็บ Legend ช่วยให้คุณสามารถตั้งค่าพารามิเตอร์สำหรับการแสดงคำอธิบายแผนภูมิ (รายการสัญลักษณ์) หรือลบออกจากหน้าจอทั้งหมดได้ แท็บ Panel จะกำหนดลักษณะที่ปรากฏของแผงบน ซึ่งแผนภูมิที่แสดงอยู่ แท็บ 3D เปิดโอกาสให้คุณเปลี่ยนรูปลักษณ์ของแผนภูมิของคุณ เช่น เอียง เลื่อน ความหนา ฯลฯ

เมื่อคุณทำงานใน Chart Editor และได้เลือกประเภทแผนภูมิแล้ว ส่วนประกอบต่างๆ แผนภูมิแบบฟอร์มของคุณจะแสดงลักษณะที่ปรากฏพร้อมกับข้อมูลตามเงื่อนไขที่ป้อนลงไป ดังนั้นคุณจึงสามารถเห็นผลของการปรับใช้ตัวเลือกต่าง ๆ ให้กับแอปพลิเคชันของคุณได้ทันทีซึ่งสะดวกมาก

หน้าซีรีส์ซึ่งมีแท็บหลายแท็บเปิดโอกาสให้คุณเลือก ลักษณะเพิ่มเติมการแสดงซีรีส์ โดยเฉพาะอย่างยิ่งสำหรับแผนภูมิวงกลม บนแท็บรูปแบบ จะมีประโยชน์ในการเปิดใช้งานตัวเลือกวงกลมวงกลม ซึ่งจะทำให้แน่ใจได้ว่าแผนภูมิจะแสดงเป็นวงกลมในขนาดใดก็ได้ของส่วนประกอบแผนภูมิ บนแท็บเครื่องหมาย ปุ่มของกลุ่มสไตล์จะกำหนดสิ่งที่จะเขียนบนป้ายกำกับที่เกี่ยวข้องกับแต่ละส่วนของแผนภูมิ: ค่า - ค่า เปอร์เซ็นต์ - เปอร์เซ็นต์ ป้ายกำกับ - ชื่อข้อมูล ฯลฯ

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

ออกจากตัวแก้ไขแผนภูมิ เลือกส่วนประกอบแผนภูมิด้านล่างในแอปพลิเคชันของคุณ และตั้งค่าคุณสมบัติซ้ำโดยใช้เครื่องมือแก้ไขแผนภูมิ ในกรณีนี้ คุณจะต้องระบุสองชุดถ้าคุณต้องการแสดงเส้นโค้งสองเส้นบนกราฟ และเลือกประเภทแผนภูมิเส้น เนื่องจากเรากำลังพูดถึงกราฟ คุณสามารถใช้แท็บแกนและผนังเพื่อระบุลักษณะพิกัดของแกนและขอบสามมิติของกราฟได้

แค่นั้นแหละสำหรับการออกแบบ รูปร่างการสมัครสิ้นสุดลง สิ่งที่เหลืออยู่คือการเขียนโค้ดที่ระบุข้อมูลที่คุณต้องการแสดง สำหรับแอปพลิเคชันทดสอบ ให้ตั้งค่าเฉพาะข้อมูลคงที่ในแผนภูมิวงกลม และฟังก์ชันบางอย่างในกราฟ

หากต้องการตั้งค่าที่แสดง คุณต้องใช้วิธีการแบบอนุกรม เรามาเน้นเพียงสามวิธีหลักเท่านั้น

วิธี ชัดเจนล้างชุดข้อมูลที่ป้อนไว้ก่อนหน้านี้

วิธี เพิ่ม:

เพิ่ม(Const AValue:Double; Const ALabel:String; AColor:TColor) ,

ช่วยให้คุณเพิ่มจุดใหม่ลงในไดอะแกรม พารามิเตอร์ ค่าอาวัลสอดคล้องกับมูลค่าเพิ่ม พารามิเตอร์ อลาเบล- ป้ายกำกับที่จะแสดงบนไดอะแกรมและในตำนาน Aสี- สี. พารามิเตอร์ อลาเบล- เป็นทางเลือก สามารถตั้งค่าว่างได้: ‘ ’ วิธี เพิ่มXY:

AddXY(Const AXValue, AYValue: Double; Const ALabel: String; AColor: TColor)

ให้คุณเพิ่มจุดใหม่ให้กับกราฟฟังก์ชัน ตัวเลือก AXValueและ AYValueสอดคล้องกับอาร์กิวเมนต์และฟังก์ชัน ตัวเลือก ALabel และ AColorเช่นเดียวกับในวิธีการ เพิ่ม.

ดังนั้น ขั้นตอนการโหลดข้อมูลในตัวอย่างของเราอาจมีลักษณะดังนี้:

const อัล=155; A2=251; A3=203; A4=404; var ฉัน: คำ; เริ่ม

ด้วยซีรีส์จะเริ่มต้น

เพิ่ม(อัล,"เวิร์กช็อป l",clYellow);

เพิ่ม(A2,"เวิร์กช็อป 2",clBlue);

เพิ่ม(A3,"โรงปฏิบัติงาน 3",clRed);

เพิ่ม(A4,"โรงปฏิบัติงาน 4",clPurple); จบ;

Series2.ชัดเจน; SeriesS.เคลียร์; สำหรับ i:=0 ถึง 100 จะเริ่มต้น

Series2.AddXY(0.02*Pi*i,บาป(0.02*Pi*i)

SeriesS.AddXY(0.02*Pi*i,cos(0.02*Pi*i) สิ้นสุด;

คลอเรด); ,clBlue);

ผู้ประกอบการ ชัดเจนจำเป็นหากคุณจะอัปเดตข้อมูลในขณะที่แอปพลิเคชันกำลังทำงานอยู่

นี่เป็นการสรุปการแนะนำส่วนประกอบของเรา แผนภูมิ.จริงอยู่ที่เราได้พิจารณาเพียงส่วนเล็ก ๆ ของความสามารถเท่านั้น

Visual Component Library (VCL) Delphi จัดเตรียมส่วนประกอบภาพต่อไปนี้สำหรับการแสดงข้อมูลกราฟิก: รูปภาพ (รูปภาพ), PaintBox (หน้าต่างสำหรับการวาดภาพ), DrawGrid (ตารางรูปภาพ), แผนภูมิ (แผนภูมิและกราฟ), ภาพเคลื่อนไหว (คลิปวิดีโอเอาต์พุต) ) เช่นเดียวกับ รูปร่าง. ส่วนประกอบเหล่านี้มีคุณสมบัติ Canvas (ตามที่กล่าวไว้ข้างต้น) ที่ให้การเข้าถึงแต่ละพิกเซล แน่นอน คุณไม่จำเป็นต้องวาดทีละพิกเซลเพื่อทำงานกับกราฟิกใน Delphi ระบบ Delphi ให้ เครื่องมืออันทรงพลังการทำงานกับกราฟิก

มาดูส่วนประกอบข้างต้นให้ละเอียดยิ่งขึ้น:

ส่วนประกอบรูปภาพ

เป็นวัตถุของคลาส TImage ใช้เพื่อแสดงภาพที่อ่านจากไฟล์กราฟิก ตามค่าเริ่มต้น จะแสดงรูปภาพที่นำเสนอในรูปแบบ *.bmp บนพื้นผิวของแบบฟอร์ม หากต้องการส่งออกรูปภาพในรูปแบบ jpg คุณต้องรวมโมดูล JPEG ไว้ในคำสั่งการใช้งาน ตั้งอยู่ในแท็บเพิ่มเติมของพาเล็ตคอมโพเนนต์

หลังจากวางคอมโพเนนต์รูปภาพบนแบบฟอร์มแล้ว คอมโพเนนต์จะอยู่ในรูปแบบของพื้นที่สี่เหลี่ยมที่เลือก

รูปที่ 9 - ส่วนประกอบรูปภาพในแบบฟอร์ม

หากต้องการเปิดกล่องโต้ตอบสำหรับเลือกภาพที่ต้องการ คุณต้องดำเนินการต่อไปนี้โดยใช้ Object Inspector ในการดำเนินการนี้ ให้ค้นหาคุณสมบัติ Picture และคลิกที่จุดสามจุดทางด้านซ้าย หน้าต่าง Picture Editor จะเปิดขึ้นและเลือก Load ในหน้าต่างที่เปิดขึ้น ให้เลือกไฟล์รูปภาพ

นอกจากนี้ยังสามารถทำได้โดยทางโปรแกรมด้วยการเรียกเมธอด LoadFromFile ของคุณสมบัติ Picture:

Image1.Picture.LoadFromFile("name_pic.jpeg");

โดยที่ name_pic.jpeg คือชื่อไฟล์

ตารางที่ 8 - คุณสมบัติพื้นฐานขององค์ประกอบรูปภาพ

ตัวอย่างที่ 1: เขียนโปรแกรมเพื่อดูภาพโดยใช้องค์ประกอบภาพ โปรแกรมจะต้องมีความสามารถดังต่อไปนี้:

• · ดูภาพในโฟลเดอร์
• · ดูภาพในขนาดเต็มหรือในรูปแบบที่เหมาะสมที่สุดกับขนาดหน้าต่าง
• · จัดการไฟล์รูปภาพ ตลอดจนพิมพ์ บันทึก ลบ และแก้ไขรูปภาพ
• · หากจำเป็น ให้เปิดภาพในโปรแกรมแก้ไข

รูปที่ 10 - หน้าต่างโปรแกรมก่อนสตาร์ท

การสร้างโครงการ:

• 1. สร้างโฟลเดอร์สำหรับไฟล์โปรแกรมและเปิดใช้งานสภาพแวดล้อมการพัฒนาแบบรวมของ Delphi
• 2. เพิ่มส่วนประกอบลงในแบบฟอร์ม:

ขั้นแรก เราจะวางส่วนประกอบ Image ลงในแบบฟอร์ม ซึ่งเป็นส่วนประกอบหลักที่เราจะต้องใช้งาน นอกจากนี้ เราจะต้องมีส่วนประกอบดังต่อไปนี้:

• · ScrollBox จำเป็นเมื่ออยู่ในโหมดขนาดเต็ม รูปภาพจะไปไกลกว่ารูปภาพ เรากำหนดค่า alClient ให้กับคุณสมบัติ Aling เพื่อให้ขนาดเปลี่ยนตามสัดส่วนขนาดของหน้าต่าง และวางองค์ประกอบรูปภาพลงไป
• · เราจะเพิ่มส่วนประกอบกล่องโต้ตอบ SavePictureDialog และ OpenPictureDialog ซึ่งออกแบบมาเพื่อการบันทึกและเปิดภาพ เราจำเป็นต้องมีอันแรกเพื่อคัดลอกรูปภาพไปยังไดเร็กทอรีที่เลือก อันที่สอง - เพื่อเรียกกล่องโต้ตอบการเปิด ไฟล์กราฟิก. จะอยู่ที่หน้า Dialogs ของ Component Palette จากหน้านี้ เรายังต้องมีส่วนประกอบ PrintDialog ซึ่งเราต้องเรียกกล่องโต้ตอบเพื่อเลือกเครื่องพิมพ์สำหรับการพิมพ์
• · เพิ่ม MainMenu เพื่อเพิ่มเมนูหลักให้กับโปรแกรมและ XPManifest เพื่อการออกแบบที่มีสีสันมากขึ้น
• · เรายังต้องเก็บชื่อของรูปภาพที่อยู่ในไดเร็กทอรีการทำงานไว้ที่ใดที่หนึ่งด้วย ส่วนประกอบกล่องรายการสะดวกสำหรับวัตถุประสงค์เหล่านี้ โดยสามารถซ่อนได้เมื่อประมวลผลเหตุการณ์สร้างของ Form1
• · เพื่อวางปุ่มนำทางและ ทำงานสบายเราจะเพิ่มแผง Veil ซึ่งเราจะวางปุ่มเหล่านี้ (รูปภาพก่อนหน้า, รูปภาพถัดไป, ขนาดจริง, พอดีกับขนาด, ลบ, คัดลอกไปที่, พิมพ์, แก้ไข) SpeedButton ถูกเลือกเป็นส่วนประกอบสำหรับพวกเขา
• · เพิ่มตัวจับเวลาเพื่อจับการกดแป้นพิมพ์ “ซ้าย” (ภาพก่อนหน้า), “ขวา” (ภาพถัดไป) และปุ่ม “Del” (การลบภาพ)
• · และอีกหนึ่งองค์ประกอบ - ProgressBar ซึ่งแสดงกระบวนการโหลดไฟล์ *.Jpg ขนาดใหญ่
• 3. เขียนโค้ดสำหรับประมวลผลเหตุการณ์การคลิกปุ่ม (ภาพก่อนหน้า, รูปภาพถัดไป, ขนาดจริง, พอดีกับขนาด, ลบ, คัดลอกไปที่, พิมพ์, แก้ไข) เขียนโค้ดสำหรับประมวลผลเหตุการณ์การคลิกรายการเมนูหลัก (ออก, เปิด, ปิด, สร้าง)
• 4. ตั้ง การตั้งค่าเริ่มต้นการสร้างแบบฟอร์ม ดับเบิลคลิกที่ ที่ว่างแบบฟอร์มและเขียนโค้ด ขั้นตอนขั้นตอน TForm1.FormCreate(Sender:TObject) ดูโค้ดโมดูลในภาคผนวก 1
• 5. เขียนขั้นตอนการทำงานประเภทต่อไปนี้:

ขั้นตอน FindFileInFolder (เส้นทางต่อ: สตริง);

ขั้นตอนนี้จะสแกนโฟลเดอร์พาธเพื่อหาไฟล์โดยใช้มาสก์เสริม

รายการโค้ดโมดูลโปรแกรมทั้งหมดอยู่ในภาคผนวก 1 (รายการโปรแกรม 3)

• 1. แสดงรายการความสามารถของส่วนประกอบรูปภาพ
• 2. คอมโพเนนต์ Image เป็นออบเจ็กต์ในคลาสใด
• 3. 3. คอมโพเนนต์รูปภาพสนับสนุนไฟล์ประเภทใดตามค่าเริ่มต้น?
• 4. 4. แสดงรายการคุณสมบัติหลักของส่วนประกอบรูปภาพ
• 5. 5. คุณสมบัติใดที่เก็บอิมเมจของคอมโพเนนต์ Image?

"การแสดงข้อมูลกราฟิกใน Delphi"
แผนหัวข้อ:
1. วิธีการเอาท์พุตกราฟิก
ข้อมูลในเดลฟี
2. แสดงรูปภาพ
3. การแสดงผลทางเรขาคณิต
ตัวเลข

“การแสดงข้อมูลกราฟิกใน Delphi” โครงร่างหัวข้อ: 1.C S pppp ooooo ssss ooooo bbbb yyyy in in in yyyy vvvv ooooo dddd aaaa yy g rrrrr aaaa ffff iii hhhh eee ssss kkkk ooooo yyyy nnnn ffff ooooo rrrrr mmmm ahhh tskst iiiiii iiiiii ใน สี่ ใน D D D D eeee llll pppp hhhh iiii O O tttt ooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k k aaaa rrrrr tttt iiii nnnnn ooooo kkkk O O tttt ooooo bbbb rrrrr aaa zhzhzh eee nnnnn iiiiii eee g g y g eee ooooo mmmm eee ttt rrrr iiii hhchh eee ssss คิคิ iiii xxxxx ffff iiii yyyy uuuu rrrrr P Pooooo ssss ttt rrrrr ooooo eee nnnn iiii eee yy g g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i และ d d d iiiiii aaaa yyyy rrrrr aaaa mmmm mmmm....

1. วิธีการแสดงข้อมูลกราฟิก ใน Delphi มีหลายวิธีในการแสดงข้อมูลกราฟิก: ผลลัพธ์ของภาพที่เตรียมไว้ล่วงหน้า (รูปภาพ, ส่วนประกอบรูปร่าง); P การสร้างกราฟและไดอะแกรม (องค์ประกอบแผนภูมิ ฯลฯ ); F การสร้างภาพโดยทางโปรแกรม (วัตถุ Canvas)

2.แสดง 2.แสดงรูปภาพ การแสดงรูปภาพโดยใช้ส่วนประกอบ IMAGE ที่เราตรวจสอบใน LLC DDDD DDDD LLC Yiyy และและและ ZZZZ P P P PRRRDDDDDDDDDDDDD IIII XXXX T T T T T T T T T T T T TOTEMMM .... ที่นี่เราจะพิจารณาตัวอย่างของแอนิเมชั่นที่ง่ายที่สุดซึ่งเปลี่ยนรูปภาพที่แสดงในส่วนประกอบรูปภาพเป็นระยะ ๆ . PPPP EDURRRREEEE YYYE TTTT IIII n N N n AAAAAA PP PRRR IIII MMMMEEEE RRRRR ...

3.การแสดงผล 3.การแสดงผลรูปทรงเรขาคณิต และจากส่วนประกอบ Shape ต่างๆ คุณสามารถสร้างภาพวาดง่ายๆ ได้ P ด้วยการเปลี่ยนตำแหน่ง (.Left,.Top) ขนาด (.Width,.Height) และสี (Brush.Color) ของส่วนประกอบรูปร่างในภาพวาดโดยทางโปรแกรม คุณสามารถนำองค์ประกอบของแอนิเมชั่นที่ง่ายที่สุดไปใช้ R R R R aaaa ssssssss mmmm ooooh tttt rrrrrr eee tttt yee p p p p rrrrr iii mmmm eee rrrrr....

4.การก่อสร้าง 4.การสร้างกราฟและไดอะแกรม ไดอะแกรมได้รับการออกแบบมาเพื่อการแสดงอาร์เรย์ข้อมูลตัวเลข การแสดงภาพ และการวิเคราะห์ด้วยภาพมากขึ้น PPPP rrrrr iiii mmmm eee rrrrr.... หากต้องการสร้างแผนภูมิใน Delphi มีหลายองค์ประกอบ หนึ่งในนั้นคือส่วนประกอบแผนภูมิ (ส่วน TeeChart Std)

กราฟและไดอะแกรม ข้อมูลที่จะแสดงมักจะถูกส่งผ่านไปยังแผนภูมิโดยทางโปรแกรม เช่น Series1.Clear; (ซีรีส์ที่ชัดเจน) สำหรับ i:=1 ถึง N do Series1.addxy(i, A[i], clGreen); ค่าแกน X ค่าแกน Y ป้ายแกน X สีข้อมูลบนแผนภูมิ PP aaaa sssssssssss mmmm ooooo tttt rrrrr eee tttt yee p p p p prrrr iiii mmmm eee rrrrr p p p poooo ssss ttt rrrrr ooooo eee nnnn iiiiii yayyy yyyy rrrrr aaaa ffff iii kkkk aaaa f f f f uuuu nnnn kkkk tsstst iiiiii y y y = = = = S S S S iiii nnnn ((((xxxx))))

ถัดไป: งานในห้องปฏิบัติการ ““““ OOOO tttt ooooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k k k aaaa rrrrr tttt iiii nnnn ooooo kkkk i i i i yyyy eee ooooo mmmm eee tttt rrrrr iiii hchchh eee ssss kkkk iiii xxxx ffff iiii yyyy uuuu rrrrr และและ และ xxxx a a a a nnnn iiii mmmm aaaa tsstst iiii yayayaya """"...งาน: 1) พัฒนาแอปพลิเคชันสำหรับการแสดงแอนิเมชั่นอย่างง่ายโดยการเปลี่ยนรูปภาพที่แสดงในส่วนประกอบรูปภาพเป็นระยะ (จำนวนภาพอย่างน้อยสามภาพ ให้เลือกภาพด้วยตัวเอง)

ถัดไป: งานในห้องปฏิบัติการ ““““ PPPP oooo ssss tttt rrrrr ooooo eee nnnn iiii eee yy g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i i i d d d iiii aaaa yyyy rrrrr aaaa mmmm mmmm """" ..งาน: 1)M แก้ไขแอปพลิเคชัน จากงานห้องปฏิบัติการ 9 (การแสดงข้อมูลในตาราง) เพิ่มความสามารถในการแสดงข้อมูลบางส่วนจากตารางในฮิสโตแกรมหรือแผนภูมิวงกลม 2) สร้างกราฟของฟังก์ชันที่กำหนด

คำอธิบายการนำเสนอเป็นรายสไลด์:

1 สไลด์

คำอธิบายสไลด์:

2 สไลด์

คำอธิบายสไลด์:

สภาพแวดล้อมที่มองเห็น การเขียนโปรแกรมเดลฟีเช่น Windows รองรับ กุยผู้ใช้ (GDI - อินเทอร์เฟซกราฟิก Delphi) ใน Delphi มีสองวิธีในการแสดงข้อมูลกราฟิก: การแสดงภาพที่เตรียมไว้ล่วงหน้า; การวาดภาพจากโปรแกรม

3 สไลด์

คำอธิบายสไลด์:

วิธีแรกจะขึ้นอยู่กับการใช้คอมโพเนนต์รูปภาพและรูปร่าง คุณสามารถใช้รูปภาพสำเร็จรูป (ไอคอน) หรือสร้างด้วยตนเองโดยใช้ Image Editor วิธีที่สองคือการสร้างรูปภาพโดยทางโปรแกรมโดยใช้วัตถุ Canvas

4 สไลด์

คำอธิบายสไลด์:

Delphi มีวัตถุพิเศษในการกำจัด ซึ่งมีสไตล์เป็นคุณสมบัติ Canvas ใช้งานได้เฉพาะในขณะที่แอปพลิเคชันกำลังทำงานอยู่ ดังนั้นจึงสามารถควบคุมได้จากภายในโปรแกรมโดยการเขียนโค้ดที่จำเป็นใน Object Pascal หากวัตถุมีคุณสมบัติ Canvas คุณสามารถวาดบนพื้นผิวได้ ผู้สมัครที่เหมาะสมที่สุดสำหรับบทบาทนี้คือแบบฟอร์มและส่วนประกอบ PaintBox พิเศษ

5 สไลด์

คำอธิบายสไลด์:

คุณสมบัติวัตถุ Canvas: ปากกา – คุณสมบัติสำหรับการวาดเส้นและเส้นขอบของรูปทรงเรขาคณิต ปากกาทำตามคำสั่งของเคอร์เซอร์กราฟิกและในทางกลับกันก็มีคุณสมบัติที่ซ้อนกัน: สี - กำหนดสีของเส้น (สีดำโดยค่าเริ่มต้น); โหมด – สไตล์การวาดภาพ (มีหลายความหมายที่ไม่ได้ระบุไว้ในที่นี้) Style – สไตล์เส้นซึ่งสามารถรับค่าต่อไปนี้: рsSolid – solid (ค่าเริ่มต้น); рsDosh – ประ; psDot – จุด; рsDoshDot – เส้นประ (และคุณสมบัติอื่น ๆ ); ความกว้าง – ความหนาของเส้น (ค่าเริ่มต้น 1 พิกเซล)

6 สไลด์

คำอธิบายสไลด์:

แปรง – คุณสมบัติสำหรับการเติมรูปร่างด้วยคุณสมบัติที่ซ้อนกันดังต่อไปนี้: สี – สีแปรง (สีขาวโดยค่าเริ่มต้น); สไตล์ – รูปแบบแปรง ซึ่งสามารถรับค่าต่อไปนี้: bsClear – สีทึบ; bsแนวนอน – เส้นแนวนอน; bsVertical – เส้นแนวตั้ง; bsFDiagonal – เส้นทแยงมุมซ้าย; bsBDiagonal – เส้นทแยงมุมขวา; bsCross – เซลล์; bsDiagCross – เซลล์เฉียง;

7 สไลด์

คำอธิบายสไลด์:

แบบอักษร – คุณสมบัติสำหรับการแสดงข้อความที่มีคุณสมบัติซ้อนกันดังต่อไปนี้: สี – สีอักขระ; ความสูง – ความสูงของตัวอักษรเป็นพิกเซล ชื่อ – ชื่อแบบอักษร; ขนาด – ขนาดตัวอักษร; Style – รูปแบบฟอนต์ซึ่งอาจใช้ค่าต่อไปนี้: fsBold – ตัวหนา; fsItalic – ตัวเอียง; fsUnderline – ขีดเส้นใต้; fsStrikeOut – ขีดฆ่า;

8 สไลด์

คำอธิบายสไลด์:

PenPos (ตำแหน่งปากกา) – คุณสมบัติสำหรับจัดเก็บตำแหน่งการวาดปัจจุบัน (กำหนดตำแหน่งของปากกาในพื้นที่การวาดในเวลาที่กำหนด) พิกเซล – คุณสมบัติอาร์เรย์สำหรับการเขียนและการอ่านพิกัดของแต่ละจุดของพื้นที่วาดภาพ (“ผืนผ้าใบ”)

สไลด์ 9

คำอธิบายสไลด์:

วิธีการของวัตถุ Canvas MoveTo(x,y: integer) – ย้ายปากกาจากตำแหน่งปัจจุบันไปยังจุดที่มีพิกัด x, y ที่ระบุโดยไม่ต้องวาดเส้น LineTo(x.y: integer) - ย้ายปากกาจากตำแหน่งปัจจุบันไปยังจุดที่มีพิกัดที่กำหนด x, y, วาดเส้น; ส่วนโค้ง(x1, y1, x2, y2, x3, y3, x4, y4: จำนวนเต็ม) – วาดส่วนโค้งของวงรีที่จารึกไว้ในสี่เหลี่ยมที่มีพิกัด (x1, y1) และ (x2, y2) ส่วนโค้งถูกกำหนดโดยรัศมีของวงรีที่ผ่านจุด (x3,y3) และ (x4,y4)

10 สไลด์

คำอธิบายสไลด์:

Chord(x1, y1, x2, y2, x3, y3, x4, y4: integer) – วาดคอร์ดของวงรีตามคำอธิบายที่ให้ไว้สำหรับวิธี Arc วงรี(x1, y1, x2, y2: จำนวนเต็ม) – วาดวงรีที่จารึกไว้ในสี่เหลี่ยมผืนผ้าโดยให้มุมซ้ายบนอยู่ที่จุด (x1, y1) และมุมขวาล่างที่จุด (x2, y2) FillRect(Rect (x1, y1, x2, y2: integer)) – เติมสี่เหลี่ยมด้วยสีที่ระบุในแปรงปัจจุบัน ใช้ฟังก์ชัน Rect ซึ่งแสดงรูปสี่เหลี่ยมผืนผ้าในพิกัดที่กำหนด

11 สไลด์

คำอธิบายสไลด์:

FloodFill(x,y: integer; Color: TColor; FillStyle: TFillStyle) – เติมด้วยสีปัจจุบันที่ระบุในคุณสมบัติ Brush: ด้วย FillStyle=fsBorder – พื้นที่ปิดจากจุดที่มีพิกัด x, y ถึงเส้นขอบ กำหนดโดยสีสี; ด้วย FillStyle=fsSurface – ส่วนของพื้นผิวที่มีสี Color พาย(x1, y1, x2, y2, x3, y3, x4, y4: จำนวนเต็ม) – วาดเซกเตอร์ของวงรีที่จารึกไว้ในสี่เหลี่ยมที่มีพิกัด (x1, y1) และ (x2, y2) เซกเตอร์ถูกกำหนดโดยรัศมีวงรีสองวงที่ผ่านจุด (x3, y3) และ (x4, y4)

12 สไลด์

คำอธิบายสไลด์:

Polyline (คะแนน: อาร์เรย์ของ TPoint) – วาดเส้นหลายเส้นโดยเชื่อมต่อจุดต่างๆ ของอาร์เรย์ Points ตามลำดับ รูปหลายเหลี่ยม (จุด: อาร์เรย์ของ TPoint) – วาดรูปหลายเหลี่ยมโดยการเชื่อมต่อจุดตามลำดับในอาร์เรย์ Points มันแตกต่างจากวิธี Polyline ตรงที่มันจะเชื่อมต่อส่วนท้ายของ polyline กับจุดเริ่มต้นโดยอัตโนมัติ สี่เหลี่ยมผืนผ้า (x1, y1, x2, y2: จำนวนเต็ม) – วาดรูปสี่เหลี่ยมผืนผ้าโดยให้มุมซ้ายบนอยู่ที่จุด (x1, y1) และมุมขวาล่างอยู่ที่จุด (x2, y2)

สไลด์ 13

คำอธิบายสไลด์:

Retresh – วิธีการนี้จะถูกเรียกเมื่อจำเป็นต้องวาดภาพใหม่ RoundRect (x1, y1, x2, y2, x3, y3: จำนวนเต็ม) – วาดรูปสี่เหลี่ยมผืนผ้าที่มีมุมโค้งมน มุมต่างๆ จะถูกวาดเป็นรูปหนึ่งในสี่ของวงรีที่มีความกว้าง x3 และสูง y3 TextOut (x, y:integer, Text:String) – ส่งออกข้อความที่ระบุในพารามิเตอร์ Text ข้อความจะพอดีกับสี่เหลี่ยมมุมซ้ายบนซึ่งมีพิกัด x, y