หน้าเว็บ

วันศุกร์ที่ 23 พฤศจิกายน พ.ศ. 2555

โปรแกรม เปิดรูปภาพ vb.net


ในบทความนี้เราจะมาเรียนรู้วิธีการใช้งาน OpenFileDialog และ การใช้งาน SaveFileDialog เพื่อทำโปรแกรมเปิดรูปภาพกัน

1. เปิดโปรแกรม Visual Studio 2010 Express ขึ้นมา แล้วเลือก New Project แล้วเลือก Windows Forms Application พร้อมกับตั้งชื่อว่า โปรแกรม เปิดรูปภาพ หรือ จะตั้งชื่ออื่นก็ได้ตามต้องการ ตามรูป


 2. ทำการดีไซด์ตามในรูป
 2.1 ทำการปรับขนาดฟอร์มให้มีขนาดตามต้องการ เปลี่ยน Properties StartPosition เป็น CenterScreen เมื่อรันโปรแกรม โปรแกรมจะแสดงตรงกลางหน้าจอ เปลี่ยน Properties Text เป็น โปรแกรมเปิดรูปภาพ


2.2 ลาก PictureBox มาวางบน Form ปรับขนาดตามต้องการ และทำการเปลี่ยน Properties SizeMode เป็น StretchImage เพื่อปรับขนาดของรูปภาพที่แสดงให้พอดีกับขนาดของ PictureBox

 
 2.3 ลาก Button 3อัน มาวางบนพร้อม พร้อมปรับขนาดตามต้องการและเปลี่ยน Properties Text เป็น เปิดรูปภาพ,เซฟรูปภาพ,ล ตามลำดับ


2.4 ไปที่แทบ Dialog ลาก OpenFileDialog และ SaveFileDialog เข้ามาในฟอร์ม


3. ส่วนนี้จะเป็นส่วนของการเขียนโค๊ดและอธิบายโค๊ด
3.1 ดับเบิลคลิกปุ่ม เปิดรูปภาพ และพิมพ์โค๊ดลงไป 
  OpenFileDialog1.Filter = ("ไฟล์รูปภาพ JPEG,GIF,PNG,BMP|*.jpg; *.gif; *.png; *.bmp")
        'กำหนดนามสกุลไฟล์ที่เราต้องการจะเปิด
        If OpenFileDialog1.ShowDialog = Windows.Forms.DialogResult.OK Then
            'แสดง Dialog ขึ้นมา ถ้าเราได้เลือกรูปภาพ
            'โปรแกรมก็จะแสดงรูปภาพนั้นบน PicturgBox

            PictureBox1.Image = Image.FromFile(OpenFileDialog1.FileName)
        End If


3.2 ดับเบิลคลลิกที่ปุ่ม เซฟรูปภาพ และพิมพ์โด๊ดลงไป
        SaveFileDialog1.FileName = OpenFileDialog1.SafeFileName
        'กำหนดให้ชื่อที่แสดงตอนเรากดเซฟรูปภาพนั้น เท่ากับชื่อภาพที่เราเปิด
        SaveFileDialog1.Filter = ("ไฟล์รูปภาพ JPEG,GIF,PNG,BMP|*.jpg; *.gif; *.png; *.bmp")
        'กำหนดนามสกุลไฟล์ที่เราต้องการจะเซฟ
        If SaveFileDialog1.ShowDialog = Windows.Forms.DialogResult.OK Then
            'แสดง Dialog เซฟ ขึ้นมา ถ้าเราได้กดเซฟภาพ
            PictureBox1.Image.Save(SaveFileDialog1.FileName)
            'โปรแกรมก็จะทำการเซฟภาพ
            MessageBox.Show("เซฟภาพแล้ว", "โปรแกรมเปิดรูปภาพ", MessageBoxButtons.OK, MessageBoxIcon.Information)
            'และแสดงกล่องข้อความบอกว่า เซฟภาพแล้ว

        End If


3.3 ดับเบิลคลิกที่ปุ่ม ลบ และพิมพ์โค๊ดลงไป
     PictureBox1.Image = Nothing 
     'ลบรูปภาพที่แสดงบน PictrueBox


 
 4. จากนั้นทำการเซฟโปรเจค กดที่ File > Save all หรือ กด Ctrl + Shift + S หรือ กดที่ ไอคอน Save all ดังรูป


5. ทดลองรันโปรแกรม กด start Debugging หรือกด F5 และทำการทดสอบโปรแกรม

5.1 คลิกที่ปุ่ม เปิดรูปภาพ จากนั้นจะมี Dialog สำหับเลือกรูปภาพแสดงขึ้นมา ให้เราทำการเลือกรูปภาพมา 1 รูป และกด Open


5.2 จากนั้นลงอคลิกที่ปุ่ม เซฟรูปภาพ จะมี Dialog สำหับเซฟรูปภาพแสดงขึ้นมา ให้เราทำการเลือกกดเซฟ

  จะมีกล่องข้อความบอกว่าเซฟภาพแล้ว
และนี่คือไฟล์ภาพที่เราทำการเซฟ

5.3 มาลองทำการลบรูปภาพ โดยกดที่ปุ่ม ลบ


 
สำหรับบทความนี้ก็จบเพียงเท่านี้ครับ
สามารถดาวโหลด project ไปลองศึกษากันได้ครับ