For Android device For iOS device
២៦
តុលា

របៀប​បង្កើត​កម្មវិធី​មើល​រូបភាព​ដោយ​ប្រើ​កូដ C#

→ ប្អូនៗ​ជា​និស្សិត IT គួរតែស្វែងយល់ពី​បច្ចេកវិទ្យា​បន្ថែម មិនគួររៀនតែតាមមុខវិជ្ផានៅសាលាតែប៉ុណ្ណោះទេ

​ថ្ងៃ​នេះគេហទំព័រអាន-ANT www.antkh.com សូមលើកយក របៀប​បង្កើត​កម្មវិធី​មើល​រូបភាព​ដោយ​ប្រើ​កូដ C# មក​បង្ហាញ​

​→ បង្កើត Windows Application Project

​ជាដំបូង​លោកអ្នក​ត្រូវ​ធ្វើការ​បង្កើត Windows Application Project តាមរយៈ Visual Studio ដោយការចុច​ទៅលើ​ New Project → Visual C# Windows Form Application Name Browse Solution Name Ok

Name : ​សម្រាប់​ដាក់​ឈ្មោះ Project

Browse : ​សម្រាប់​កំណត់​ទីតាំងរបស់ Project

Solution Name : ​សម្រាប់​បញ្ជាក់​ពីការ​បង្កើត folder solution (solution គឺជាបណ្ដុំនៃ Project)

ក្រោយពីចុច OK យើងនឹងទទួលបាន Form ដូច​ខាងក្រោម​៖

នៅ​ក្នុង Properties Window យើងអាចដាក់ Title នៃ​កម្មវិធី​របស់យើង​តាមរយៈ Text Property របស់ Form

Text: ANT Picture Viewer

គេអាចផ្លាស់ប្តូរ​ទំហំ​របស់ Form ​តាមរយៈ Size property ជា​ទម្រង់ (Width, Height)

Size: 300, 300

នៅ​ក្នុង​ការ​បង្កើត​កម្មវិធី​មើល​រូបភាព ទស្សនាវដ្ដី​អាន នឹង​បង្ហាញ​ពីការ​ប្រើ​ប្រាស់ Controls មួយចំនួន​ដែល​អាច​ប្រើ​ប្រាស់ ជាមួយ Form ​ដូចជា Button, PictureBox និង Label ​ដែល​វាទាំងបី យើងឃើញមាននៅ​ក្នុង Common Controls របស់ Toolbox នៃ Visual Studio.Net

ឥឡូវនេះ លោកអ្នក ត្រូវ​ធ្វើការ Design ​នៅលើ Form1 ​ឲ្យ​ដូច​គ្នា​ទៅនឹងរូប​ខាងលើ​នេះ ដោយធ្វើតាមការ​ណែនាំ​ដូច​ខាងក្រោម​៖

1.  ​ធ្វើការ​ពង្រីក​ទំហំ​របស់ Form1 ​ទៅតាម​តម្រូវ​ការ​តាមរយៈ Size property របស់ form នោះដោយចុច​ទៅលើ​សញ្ញា + រួចប្តូរ​តម្លៃ Width, និង Height

2. យក Mouse ចុច​ទៅលើ Button control ពី​ក្នុង Toolbox រួចគូស​នៅលើ Form1 ​បន្ទាប់មក​វាយពាក្យ Open Image ​ទៅកាន់ Text property    យើងនឹងបានbutton Open Image

3.  យក Mouse ចុច​ទៅលើ​  ពី​ក្នុង Toolbox រួចគូស​នៅលើ Form1

4. យក Mouse ចុច​ទៅលើ​ A Label ពី​ក្នុង Toolbox រួចគូស​នៅលើ Form1 ​បន្ទាប់មក​វាយពាក្យ Image Path: ​ទៅកាន់ Text property របស់វា ។ នៅ​ក្នុង Properties Window ​ស្វែងរក ពាក្យ (Name)    ​ដែល​ជា property ​សម្រាប់​ដាក់​ឈ្មោះ​ឲ្យ control, សូម​ធ្វើការ​ផ្លាស់ប្តូរពាក្យ label1 ទៅជា lblImagePath (​បញ្ជាក់​: ជាធម្មតាគ្រប់ controls ​ទាំងអស់​គេអាចដាក់​ឈ្មោះ​ឲ្យ​វា ដើម្បី​ជា ប្រយោជន៍​ងាយចាំ និង ការ​ប្រើ​ប្រាស់​វានៅ​ក្នុង​code)

សូមអនុវត្តន៍​ការ​សរសេរ​កូដដូច​ខាងក្រោម​៖

  1. ​បង្កើត​ Event Clicked ​សម្រាប់ Open Image button (Clicked event មានន័យ នឹង​ធ្វើការ​អ្វី មួយពេល​ដែល​បានយក Mouse ចុច​ទៅលើ​វា ដោយ user) ដើម្បី​បង្កើត​ event នេះ​គ្រាន់តែ​ចុច double clicked ទៅ លើ Open Image button យើងនឹងបានកូដ​បង្កើត ឡើងដោយស្វ័យ​ប្រវត្តិ​ដូច Code1
  2. ​សរសេរ​កូដចូលទៅ​ក្នុង​ចន្លោះសញ្ញា { និង } របស់ button1_Click ​ឲ្យ​ដូច​គ្នា​ទៅនឹង Code2

→ ស្វែងយល់ពីកូដ

នៅបន្ទាត់ទី២២, imgFile គឺជា object នៃ OpenFileDialog

OpenFileDialog ជា class ​ដែល​ស្ថិតនៅ​ក្នុង namespace System.Windows.Forms វាមានមុខងារ ​ក្នុង​ការ​បង្ហាញ files ​ដែល​មាន​ក្នុង​កុំព្យូទ័រ និងជាអ្នកបើក file ​ណាមួយ​ទៅតាម​ការ​ជ្រើសរើស​របស់ user (គេពុំ​ធ្លាប់​ឃើញមានការ​បង្កើត class រណប (derived class) ​សម្រាប់ OpenFileDialog ទេ)

នៅបន្ទាត់ទី២៣, Filter គឺជា property របស់ OpenFileDialog ​ដែល​ពេលនេះវាមានកាតព្វកិច្ច​ក្នុង​ការ ​បង្កើត​ប្រភេទ Files ​ទៅកាន់ filter combobox ​សម្រាប់​ជា ជម្រើស​ក្នុង​ការបើក File ដោយ user

នៅបន្ទាត់ទី២៤, FilterIndex ​ត្រូវបាន​ប្រើ​សម្រាប់​កំណត់​នូវ​លេខរៀង (index) នៃ​ប្រភេទ files ​ក្នុង​ការ select ដោយស្វ័យ​ប្រវត្តិ​នៅពេល​ដែល Open file dialog បាន​បង្ហាញ ។ សម្រាប់ code ​ខាងលើ​យើងឃើញថា JPEG Images (*.jpg,*.jpeg) គឺស្ថិត នៅលំដាប់ទី១ នៃ filter combobox

បន្ទាត់ទី២៧ និង ២៨ នឹង​ធ្វើការ​ក្នុង​ករណី user បាន ចុចលើ Open button នៃ Open dialog (មើលរូប) ពី​ព្រោះ​បើយើងមើល​ទៅលើ​បន្ទាត់ទី២ យើងនឹងបានឃើញការ​សិក្សា​លក្ខខណ្ឌ​ទៅលើ OpenFileDialog object ​ជាមួយនឹង តម្លៃ OK នៃ DialogResult 

ShowDialog () ជា method ​ប្រើ​សម្រាប់​បង្ហាញ dialog box form (ករណីនេះ form ​ត្រូវបាន​បង្ហាញ​ជា​លក្ខណៈ dialog box) ដោយ​វានឹង return ​តម្លៃ enumeration មួយ​ក្នុង​ចំណោម None, OK, Cancel, Abort, Retry, Ignore, Yes, No

DialogResult ជា​ប្រភេទ enumeration ​ដែល​មាន​តម្លៃ​របស់វាជា None, OK, Cancel, Abort, Retry, Ignore, Yes, No ជាធម្មតាគេ​ច្រើន​ប្រើ​ប្រាស់​វា​ក្នុង​ការ​សិក្សា​លក្ខខណ្ឌ​ជាមួយនឹង​ការបិទ នៃ dialog box ឬ​ក៏​ការបិទនិងលាក់ (hide) ​សម្រាប់ form ​ដែល​បានបើកជា​លក្ខណៈ modal dialog box

FileName ជា property នៃ OpenFileDialog object មានមុខងារ​ផ្ដល់​ឲ្យ ឬ​ទាញយក​ឈ្មោះ​របស់ File ពី File dialog

lblImagePath ជា​ឈ្មោះ​របស់ Label object ​ដែល​បាន​កំណត់​ខាងលើ​ នៅ​ក្នុង​កម្មវិធី​នេះយើង​ប្រើ​វា​ក្នុង​បំណង​បង្ហាញ​នូវ ទីតាំងនិង​ឈ្មោះ file ​រូបភាព​ដែល user បានបើក​ទៅកាន់ form (Label ជា control តំណាង​ឲ្យ text ​ដែល​បង្ហាញ​នៅលើ Form, គេ អាច​ផ្ដល់ text ​ទៅកាន់ label ឬ​ទាញ text ពី label ​តាមរយៈ Text property របស់វា) ជាសរុប​សម្រាប់​បន្ទាត់ទី២៧, គឺជាការទាញ យក​នូវ​ឈ្មោះ file ​រូបភាព​ដែល​បានបើក ពី Open file dialog ​ទៅកាន់ lblImagePath label

បន្ទាត់ទី២៨, FromFile () ជា method នៃ Image class (Image class គឺជា class ស្ថិតនៅ​ក្នុង System.Drawing) FromFile () ​ប្រើ​សម្រាប់​បង្កើត ឬ​ក៏​គូស​រូបភាព​ពី file ​ដែល​បាន​ផ្ដល់​ឲ្យ​តាមរយៈ parameter របស់វា ។

pictureBox1 ដូចអ្វី​ដែល​យើងបានឃើញ​ខាងលើ​គឺជា picture object ​ដែល​មានមុខងារជាអ្នក​បង្ហាញ​រូបភាព​នៅលើ form ។ តាមរយៈ Image property យើងអាច​ធ្វើការ​ផ្ដល់​រូបភាព​ទៅ​ឲ្យ picture box ​សម្រាប់​បង្ហាញ​ ឬ​ក៏​ទាញយក​រូបភាព​ដែល​កំពុង​បង្ហាញ ពី​ picture box ​ផងដែរ​ ជាក់ស្តែងដូចបានឃើញ​ក្នុង​បន្ទាត់ទី២៨ រូបភាព​ដែល​បាន load ចេញពី File ​ដែល​ជ្រើសរើស​ដោយ user ​តាមរយៈ FromFile () method ​នឹងត្រូវ​បង្ហាញ​ឲ្យ​ឃើញតាម pictureBox1 object (រូបC5 គឺជា​គំរូ​នៃការធ្វើ ការរបស់​កម្មវិធី​នេះ)

​→ លទ្ធផល​ដំណើរ​ការ​

🗣 កុំរៀន​សរសេរ​កូដ ដើម្បី​គ្រាន់តែ​ជា programmer ត្រូវរៀន ដើម្បី​ក្លាយជាអ្នកដោះស្រាយ​បញ្ហា​

→ ​វីឌីអូ​ខ្លះ​ៗ​ពី​កម្មវិធី​ដែល​បង្កើត​ដោយអាន-ANT រយៈពេល ១២​ឆ្នាំ​កន្លងមកនេះ https://bit.ly/2TybVY9

→ Link Download កម្មវិធី ANTLearner និង​កម្មវិធី​ជា​ច្រើន​ទៀត​បង្កើត​ដោយអាន-ANT 

http://www.antclasses.com/help/page/application.html & http://www.antclasses.com/help/page/download.html

♦♦ មុខវិជ្ផា C# Beginning តម្លៃ ៧០ដុល្លា ឬ ២៨០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ http://training.antkh.com/csharp_for_beginner.aspx

 ​សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​សរសេរ​កម្មវិធី​ជា​ច្រើន នៅអាន-ANT http://training.antkh.com/achievements/?c=programming

 សូម​ចូលរួម​ជាសមាជិក ANT Training Group  ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT

 ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​

.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;} .tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 ! important;} .ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight {background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា