Lesson – 2

இனிமேல் சும்மா என்ன options இருக்கிறது என்பதை பார்ப்பதற்க்கு பதிலாக ஒரு புதிய program உருவாக்குவோம்.

இந்த program கீழ்கண்ட வேலைகளை செய்ய போகிறது.

1. ஒரு சிறிய VB2010 program உருவாக்க போகிறோம்.

2. அதில் user கணனியை browse செய்து ஒரு பட்த்தை தேர்ந்த்தெடுக்க வழி இருக்க வேண்டும்.

3. அவ்வாறு தேர்ந்த்தெடுத்த படம் நம்முடைய form இல் தெரிய வேண்டும்.

இதை செய்ய நாம் செய்ய வேண்டியது..

1. Open VB2010 (Figure - 1)

2. Create New Project (Figure -2)

3. Choose Window Forms Application then Give a name for the Application (eg. ViewerForm) then click OK button.

 

நாம் மேலே சொல்லப்பட்ட steps செய்தால் Fig-6 இல் இருப்பது போன்ற screen நமக்கு தெரியும். ஆனாலும் சில வேலைகள் செய்தால்தால்தான் 100% மேலே உள்ளது போன்ற screen நமக்கு கிடைக்கும். அவை என்ன என்ன என்பதை இப்போது பார்ப்போம்.

1.இந்த form பெயர் Picture Viewer என்று வைக்க வேண்டும்

இதை செய்ய form – select செய்து property window வில் text property select செய்து அங்கே Picture Viewer என்று type செய்ய வேண்டும்.

Figure 7

Fig 7.

2.இந்த form ற்க்கு ஒரு icon (file attached in icons folder) கொடுக்க வேண்டும்.

இதை செய்யவும் அதே போல form select செய்து icon property யில் உங்களுக்கு பிடித்த icon file தேர்ந்த்தெடுத்துக் கொள்ளவும்

Form size ஐ பெரிதாக்க வேண்டும் என்றால் இரண்டு முறைகளில் செய்யலாம். 1. Form ன் மூலையில் mouse pointer ஐ கொண்டு சென்று click செய்து விடாமல் அப்படியே பிடித்து இழுத்தால் form ஐ பெரியதாகவோ சிறியதாகவோ ஆக்கலாம். அல்லது form property windowவில் size property யில் தேவையான size கொடுக்கலாம்.

இனி செய்ய வேண்டியது நமக்கு தேவையான controls ஐ form னுள் கொண்டு வரவேண்டும். நம்க்கு என்ன தேவை என்பதை முதலில் பார்ப்போம்.

1. இரண்டு Button Control

2. ஒரு Picture Box Control (நம்முடைய பட்த்தை திரையில் தெரிய வைக்க

3. ஒரு Openfile Dialogue Control – இந்த control ஐ வைத்துதான் நாம் தேவையான பட்த்தை தேர்ந்த்தெடுக்க போகிறோம்.

Adding Visible Controls to the Form:

ToolBox இல் உள்ள button என்ற control ஐ double click செய்தால் அந்த button நம்முடைய திரையில் தானாகவே மேலே இடது மூலையில் வந்துவிடும். அல்லது button control இல் click செய்து இழுத்தாலும் button தானாகவே நாம் கொண்டு செல்லும் இட்த்தில் வந்து அமர்ந்துகொள்ளும். நமக்கு இங்கே இரண்டு button தேவைபடுவதால் இரண்டு முறை இவ்வாறு செய்து கொள்ளவும்.

இப்பொழுது முதல் button னுக்கு பின்வரும் options செய்துகொள்ளவும்.

Name : BtnSelectPicture

Text : Select Picture

இப்பொழுது இரண்டாவது buttonனுக்கு பின்வரும் options செய்துகொள்ளவும்.

Name : BtnQuit

Text : Quit

மேலே உள்ள இந்த இரண்டு option ஐயும் property Window வில் போய் செய்துகொள்ளலாம். பின் இந்த இரண்டு button களையும் பின்வரும் பட்த்தில் இருப்பது போன்ற இட்த்தில் வைத்துக் கொள்ளவும்.

இனி மூன்றாவதாக நாம் சேர்க்க போவது ,ஏற்கனவே சொன்னது போன்று ஒரு PictureBox control. இதுவும் tool box இல்தான் இருக்கும்.அதை Dblclick செய்து திரையில் வந்த அப்புறம் அதனுடைய ஒரங்களை இழுத்து நமக்கு தேவையான size க்கு மாற்றி பின்பு buttonக்கு கொடுத்த்து போன்று இதற்க்கும் அதனுடைய property set செய்ய வேண்டும். நினைவு கொள்ளுங்கள்.இந்த picture box control வெறும் பட்த்தைதான் காட்டப்போகிறது.அதனால் இதற்க்கு எந்த text optionம் கிடையாது.எனவே இதற்க்கு Name : picShowPicture என்று கொடுத்துக் கொள்ளுங்கள்.

மேலே சொன்ன அனைத்தும் செய்து முடித்தால் உங்களது திரை இது போன்று இருக்கும்.

Adding Invisible Control to the Form.

இதுவரை நாம் திரையில் சேர்த்த control எல்லாமே visible controls. அதாவது நீங்கள் இந்த ப்ராஜெக்டை run பண்ணும்போது திரையில் தெரியும். இப்பொழுது நாம் சேர்க்க போவது invisible control. அதாவது இந்த control கண்டிப்பாக தேவை.ஆனால் நாம் அது திரையில் தெரியாது.(இருக்கும்.... ஆனா இருக்காது.....). இப்பொழுது இந்த program ஐ பொருத்தவரை, user , select picture என்ற button ஐ கிளிக்கிய உடன், நம்ம வந்தட்டில் (Hard Disk) இருக்கும் file களை காட்ட வேண்டும். இதை எந்த programming knowledge உம் இல்லாமல் நாம் செய்ய முடியும். அதற்க்குதான் இந்த Openfile Dialogue Control. இதுவும் நம்ம toolbox ல் தான் இருக்கிறது.

இப்பொழுது அதை dblclick செய்த்தும், நம்முடைய திரை கீழே உள்ளது போல இருக்கும்.

இதில் நீங்கள் கவனிக்க வேண்டியது நாம் dblclick செய்த்த்தும் அந்த control திரையில் விழாது.இது ஒரு invisible control ஆகையால் இது கீழே உள்ள container இல் இருக்கும்.

இப்பொழுது நாம் இந்த openfiledialog control லுக்கு கீழ்கண்ட property set செய்ய வேண்டும்.

Name :OfdSelectPicture

Filter: Windows Bitmaps|*.BMP|JPEG Files|*.JPG (இதை ஏன் கொடுக்கிறோம் என்றால், நமக்கு இந்த வகையான பட file களை மட்டும் காட்டினால் போதும் என்பதனால்...)

Title : Select Picture

FileName : இந்த இட்த்தில் எதுவுமே கொடுக்காமல் blank ஆக விட்டுவிடவும்.

இத்துடன் front end எனப்படும் designing of form முடிந்த்து. இனி நாம் இந்த control களுக்குள்ள program எழுத வேண்டியதுதான் மீதி.