IOS க்கான நிரல் கேம்களைக் கற்றுக்கொள்ளுங்கள்: Xcode (II) ஐ அறிந்து கொள்வது

கடைசி தவணைக்குப் பிறகு, என்ற தலைப்பில் iOS க்கான நிரல் கேம்களைக் கற்றுக்கொள்ளுங்கள்: Xcode ஐ அறிவது, மற்றும் நாம் கோகோஸ் 2 டி-க்குள் நுழைவதற்கு முன்பு, Xcode இல் கொஞ்சம் ஆழமாக டைவ் செய்வோம். இந்த நேரத்தில், ஒரு எளிய "ஹலோ உலகம்" என்று நம்மை மட்டுப்படுத்துவதற்கு பதிலாக, உருவாக்கிய கூறுகளுடன் தொடர்புகொள்வோம்.

இதன் மூலம், நீங்கள் Xcode ஐக் கையாள்வதில் திறனைப் பெறுவீர்கள், மேலும் உங்கள் முதல் "பயனுள்ள" பயன்பாடுகளை விரைவாக உருவாக்க முடியும்; பொத்தான்கள் மற்றும் உரை லேபிள்களின் அடிப்படை பயன்பாட்டைக் கற்றுக்கொள்வதன் மூலம். இந்த வகுப்பு முந்தையதை விட சற்றே சிக்கலானது என்பதால், இடுகையின் முடிவில் பதிவிறக்குவதற்கான நடைமுறை எடுத்துக்காட்டு உங்களிடம் இருக்கும், இதன் மூலம் நீங்கள் அதை இயக்கலாம் மற்றும் அது சரியாக வேலை செய்கிறதா என்று சரிபார்க்கலாம்!

முதலில், நாங்கள் எக்ஸ் கோடைத் திறந்து முந்தைய வகுப்பைப் போலவே "ஒற்றை பார்வை பயன்பாடு" வார்ப்புருவைத் தேர்ந்தெடுத்து புதிய திட்டத்தை உருவாக்குகிறோம்; இது ஒரு சாளரத்தை அடிப்படையாகக் கொண்ட பணியிடத்தை உருவாக்கும், அதன் «வரைகலை உதவியாளர் with உடன். திறந்ததும், கோப்பைத் தேர்ந்தெடுப்போம் viewcontroller.xib (இது எங்கள் முதல் பார்வை அல்லது காட்சியின் "கிராஃபிக் முகம்", இது வியூ கன்ட்ரோலர் என்று அழைக்கப்படுகிறது, மேலும் "குறியீடு" இன் பகுதி கோப்புகளில் உள்ளது என்பதை நினைவில் கொள்க காட்சி கட்டுப்பாட்டாளர் y viewcontroller.h), மற்றும் எங்கள் காட்சிக்கு கூறுகளை இழுக்கத் தொடங்க, கீழ் வலதுபுறத்தில் அமைந்துள்ள பொருள்கள் பெட்டிக்குச் செல்கிறோம்: லேபிள்கள், பொத்தான்கள் ... அதில் எல்லாம் இருக்கும்!

படத்தில் நாம் காண்கிறபடி, இந்த நேரத்தில் பின்வருவனவற்றை இழுத்தோம்:

• ஒரு பொருள் "லேபிள்«, தலைப்பு மூலம். அது எதற்கும் தொடர்பு கொள்ளாது.
• மற்றொரு பொருள் «லேபிள்«, இது எண் மதிப்புகளைக் கொண்டிருக்கும்.
• அ «ஸ்டெப்பர்«, முந்தைய« லேபிளின் எண் மதிப்பை அதிகரிக்கும் அல்லது குறைக்கும் பொறுப்பில்.
• Un பொத்தானை எண் "லேபிள்" நாம் முன்னர் தேர்ந்தெடுத்த மதிப்புடன் பொருந்துகிறதா என்பதை சரிபார்க்க.

இந்த பயிற்சி என்ன என்பது உங்களுக்கு ஏற்கனவே தெரியுமா? மிக எளிதாக; நாங்கள் எங்கள் வயதை தேர்வு செய்ய வேண்டும் (ஆண்டுதோறும் «ஸ்டெப்பர் with உடன்), பின்னர், காசோலை பொத்தானைப் பயன்படுத்தி, நாங்கள் சட்டப்பூர்வ வயதுடையவரா என்பதைக் கண்டறியவும். இது கல்வி என்பது அபத்தமானது, இந்த பயிற்சியின் மூலம் நீங்கள் ஒரு கற்றுக் கொள்வீர்கள் பேனாவின் பக்கவாதம் பல விஷயங்கள்.

மேலே உள்ள படத்தில் நீங்கள் காணக்கூடியது போல, «லேபிள்களின் size அளவு மற்றும் வண்ணம் இருக்கலாம் தனிப்பயனாக்க. ஒவ்வொரு பொருளுக்கும் பல அளவுருக்கள் உள்ளன, நீங்கள் ஒரு சிறிய ஆராய்ச்சி செய்தால் கண்டுபிடிக்க முடியும். ஒவ்வொரு பொருளையும் நீங்கள் மிகவும் விரும்பும் குணாதிசயங்களுடன் விட்டுவிட்டால், பங்குகளை எடுக்க வேண்டிய நேரம் இது: இப்போது எங்களிடம் உள்ளது «வரையப்பட்டதுApplication எங்கள் விண்ணப்பம்; எதுவும் ஒன்றும் தொடர்பு கொள்ளவில்லை ... அதற்கு நாம் ஒற்றுமையை கொடுக்க வேண்டும்.

இதைச் செய்ய, நாங்கள் சிலருடன் குழப்பமடையப் போகிறோம் குறியீடு (மிகவும் அடிப்படை, மற்றும் அடிப்படை விளக்கப்பட்டுள்ளது); குறிப்பாக கோப்புடன் viewcontroller.h, இது வியூகண்ட்ரோலர் வகுப்பின் அடிப்படை வரையறைகளைக் கொண்டுள்ளது (எங்கள் பிரதான சாளரம்!). இது குறியீடு அல்லது செயல்களைச் செயல்படுத்தாது, இது தளங்களையும் தேவையான செயல்பாடுகளையும் மட்டுமே நிறுவுகிறது, இதனால் காட்சி கட்டுப்பாட்டாளர் அவற்றைப் பயன்படுத்தலாம் மற்றும் கடின உழைப்பைச் செய்யலாம் ... அதில் நாம் பிரதிபலிப்பதைக் காண்போம் viewcontroller.xib! ஒரே நாணயத்தின் மூன்று பக்கங்களும்.

இதை விளக்கியதன் மூலம், நாம் பார்வைக்கு வரையறுத்துள்ள அனைத்து பொருட்களையும் "குறியீட்டில்" வரையறுக்க ஆரம்பிக்கலாம். நாங்கள் காப்பகத்திற்குச் செல்கிறோம் viewcontroller.h, பின்வருவனவற்றைச் சேர்க்கிறோம்:

மாறிகள் அல்லது கூறுகளை வரையறுக்க பல வழிகள் உள்ளன, ஆனால் இந்த விஷயத்தில், அவற்றை அணுக எங்களுக்கு ஒரு உறுப்பு தேவைப்படுவதால் (எங்கள் சாளரம், கிராஃபிக் பகுதி), அவற்றை இந்த வழியில் ஒதுக்குகிறோம் (ropproperty உடன் தொடங்கி). இது எதிர்கால வகுப்புகளில் நாம் உரையாற்றும் ஒரு தலைப்பு, இப்போது ஒவ்வொருவரும் எதைக் குறிப்பிடுகிறார்கள் அல்லது அடையாளம் காண்பது என்பது மதிப்புக்குரியது: a «லேபிள்»(ஒன்று மட்டுமே, ஏனெனில் நாம் உருவாக்கும் தலைப்பு எதையும் தொடர்பு கொள்ளாது, அதை குறியீட்டில் வரையறுக்க வேண்டிய அவசியமில்லை), ஒரு முழு எண் மாறி«வயது பெரும்பான்மை»(இது புதியது, நாங்கள் இதை கிராஃபிக் பிரிவில் வைக்கவில்லை .. ஒப்பிட்டுப் பார்க்க இது பெரும்பான்மை வயதை மட்டுமே சேமிக்கும்), ஒரு«ஸ்டெப்பர்»(ஸ்டெப்பர் 1 என்று அழைக்கப்படுகிறது).

மேற்கூறியவற்றைத் தவிர, இரண்டு செயல்பாடுகளும் உள்ளன (ஒரு ஹைபனுடன் தொடங்கும் இரண்டு செயல்பாடுகள்); அவர்களில் ஒருவர் நாம் ஸ்டெப்பரை அழுத்தும்போது ஏதாவது செய்ய வேண்டிய பொறுப்பில் இருப்பார் (எடுத்துக்காட்டாக, "லேபிள்" எங்கள் வயதை மாற்ற வேண்டுமா? துல்லியமானது), மற்றும் லேபிளின் தற்போதைய வயதை நாம் அமைத்துள்ள வயதை ஒப்பிட்டுப் பார்க்கும் மற்றொருவர்.

இதுவரை எங்களிடம் கிராஃபிக் பகுதி வரையறுக்கப்பட்டுள்ளது, மேலும் குறியீடு பகுதியும் உள்ளது. எவ்வாறாயினும், குறியீட்டின் ஒவ்வொரு மாறி அல்லது உறுப்பு ஒத்திருக்கும், கிராஃபிக் பகுதியில் அதற்கு சமமானதாக இருப்பதை எங்கள் பயன்பாட்டிற்கு எவ்வாறு கற்பிக்கிறோம்? நல்லது, மிகவும் எளிதானது. நாங்கள் கிளிக் செய்க viewcontroller.xib, மற்றும் சாம்பல் பொத்தானை «நாடகம்» மற்றும் உரை «ஆவண அவுட்லைன் show ஐக் கிளிக் செய்க, அவை ஸ்கொயர் தாளின் கீழ் இடதுபுறத்தில் காணப்படுகின்றன. இதன் மூலம், எங்கள் சாளரத்தின் கூறுகளைக் கொண்ட ஒரு குழு காண்பிக்கப்படும்.

மேலே உள்ள "பிளேஸ்ஹோல்டர்களை" நாங்கள் பார்க்கிறோம், அதில் இரண்டு க்யூப்ஸ் உள்ளன: ஒரு மஞ்சள் ஒன்று (கோப்பின் உரிமையாளர்), அங்குதான் பொருள்களை குறியீடு (லேபிள்கள், பொத்தான்கள் போன்றவை) உடன் இணைப்போம்; மற்றொரு சிவப்பு நிறத்தில் (முதல் பதிலளிப்பவர்), அங்கு நாம் வரையறுத்துள்ள செயல்பாடுகளை பல்வேறு செயல்களுடன் இணைப்போம் (எடுத்துக்காட்டாக, ஒரு பொத்தானை அழுத்தும்போது ஒரு செயல்பாடு செயல்படுத்தப்படுகிறது).

நாம் பொருட்களுடன் தொடங்குகிறோம். «கோப்புகள் உரிமையாளர்» கனசதுரத்தில் வலது கிளிக் செய்து, கருப்பு மெனு காண்பிக்கப்படும். நாங்கள் "விற்பனை நிலையங்கள்" பகுதியைக் காண்பிப்போம், மேலும் குறியீட்டில் நாம் வரையறுத்துள்ள அனைத்து கூறுகளையும் காண்போம் (இரண்டு, லேபிள் மற்றும் ஸ்டெப்பர் 1 மட்டுமே உள்ளன); அவற்றின் தொடர்புடைய கிராஃபிக் உறுப்புக்கு நாம் அவற்றை இழுக்க வேண்டும்: லேபிள் நாங்கள் உருவாக்கிய எண் லேபிளுடன், மற்றும் ஸ்டெப்பர் 1 ஸ்டெப்பருடன்.

நாம் அதை இழுக்கும்போது, ​​நாம் இணைக்க விரும்பும் பொருளுக்கு எங்கள் சுட்டியைப் பின்தொடரும் ஒரு "நீல கூடாரம்" எவ்வாறு உருவாக்கப்படுகிறது என்பதைப் பார்ப்போம். (குறிப்பு: இழுக்கும் செயல்முறையைத் தொடங்க, புகைப்படத்தில் உள்ளதைப் போல, ஒவ்வொரு பொருளின் பெயருக்கும் அடுத்த வெற்று வட்டங்களில் கிளிக் செய்ய வேண்டும்)

இப்போது நீங்கள் செயல்பாடுகளையும் செய்ய வேண்டும்; «முதல் பதில் on இல் வலது கிளிக் செய்து, பின்வருவனவற்றை நாங்கள் செய்கிறோம்:

1. நாங்கள் «checkAge on ஐக் கிளிக் செய்கிறோம், வெளியிடாமல், எங்கள் கிராஃபிக் சாளரத்தின் பொத்தானை, வயதை சரிபார்க்கும் வரை இழுக்கிறோம். ஒரு புதிய கீழ்தோன்றும் மெனு திறக்கிறது, நாங்கள் «டச் down தேர்வு செய்கிறோம்.
2. நாங்கள் "stepperValueChanged" உடன் இதைச் செய்கிறோம், ஆனால் இந்த நேரத்தில் அதை எங்கள் கிராஃபிக் "ஸ்டெப்பர்" க்கு இழுத்து விடுகிறோம், மேலும் கீழ்தோன்றும் மெனுவில் "மதிப்பு மாற்றப்பட்டது" என்பதைத் தேர்வு செய்கிறோம்.

இப்போது எஞ்சியிருப்பது "உண்மையான குறியீட்டை" சேர்ப்பதுதான் காட்சி கட்டுப்பாட்டாளர்; நிகழும் ஒவ்வொரு செயலையும் என்ன செய்வது என்று நாங்கள் உங்களுக்குச் சொல்ல வேண்டும். வரையறுக்கப்பட்ட மாறிகள் குறித்து விழிப்புடன் இருக்குமாறு கூறி நாங்கள் தொடங்குகிறோம் viewcontroller.h (சட்ட வயது மாறுபாடு, ஸ்டெப்பர் மாறி மற்றும் லேபிள் மாறி; இரண்டும் அவற்றின் கிராஃபிக் எண்ணுடன் தொடர்புடையது) usingvariable_name_u_element ஐ ஒருங்கிணைக்கவும்«, நாம் படத்தில் பார்ப்பது போல:

வெளியேறாமல் காட்சி கட்டுப்பாட்டாளர், நாங்கள் செயல்பாட்டுக்கு சென்றோம் viewDidLoad (கோப்பின் முடிவில்), ஏற்கனவே எழுதப்பட்டவற்றிற்குக் கீழே, ஆனால் before க்கு முன்}«, நம் நாட்டில் பெரும்பான்மை வயது என்னவாக இருக்க வேண்டும் என்பதை நாங்கள் வரையறுக்கிறோம். இந்த வழக்கில், 18:

இறுதியாக, நாங்கள் உருவாக்க மற்றும் நிரல் செய்ய போகிறோம் செயல்பாடுகளை viewcontroller.h இல் நாங்கள் வரையறுத்துள்ளோம் (இரண்டு மட்டுமே உள்ளன). ஒவ்வொரு முறையும் நாம் ஸ்டெப்பரை அழுத்தும்போது ஒன்று செயல்படுத்தப்படும், மேலும் அது மாறிவரும் வயதை எங்கள் «லேபிளில் காட்ட வேண்டும்.

நாம் பொத்தானை அழுத்தும்போது மற்றொன்று செயல்படுத்தப்படும் வயதை சரிபார்க்கவும், மேலும் நாம் உள்ளிட்ட வயது பெரும்பான்மை வயதை விட சமமாகவோ அல்லது அதிகமாகவோ இருந்தால் அது சரிபார்க்கப்படும் (பணிநீக்கத்திற்கு மதிப்புள்ளது): பதில் உறுதியானது என்றால், பயன்பாட்டின் பின்னணி பச்சை நிறமாக மாறும்; அது இல்லையென்றால், அது சிவப்பு நிறமாக மாறும். இரண்டையும் கோப்பில் வைக்க வேண்டும் காட்சி கட்டுப்பாட்டாளர்; எடுத்துக்காட்டாக, உடனடியாக செயல்பாட்டிற்கு முன் - (வெற்றிடத்தை) viewDidLoad.

இப்போது சிறந்தது. நீங்கள் அதை முயற்சி செய்ய வேண்டும்! மேலே உள்ள பிளே பொத்தானுக்குச் சென்று, "ஐபோன் சிமுலேட்டர்" தேர்ந்தெடுக்கப்பட்டதா என்பதைச் சரிபார்த்து, அதை அழுத்தவும். உங்கள் சாளரம் திறக்கும், அதனுடன் நீங்கள் தொடர்பு கொள்ளலாம்!

பயிற்சியை மிகவும் சிக்கலானதாக மாற்றலாம், ஆனால் இதன் மூலம் நீங்கள் சொந்தமாக விசாரிப்பதற்கான தளங்கள் உள்ளன, மேலும் புதிய விருப்பங்களை முயற்சிக்கவும். டுடோரியலைப் பின்தொடர்வதை எளிதாக்குவதற்கு, ஆர்வத்திற்கு மாறாக, அல்லது நீங்கள் அதைச் செய்ய முடியாவிட்டால், இங்கே ஒரு திட்டம் காப்பகத்தை சுருக்கப்பட்டது! இது உங்களுக்கு சேவை செய்ததாக நம்புகிறேன் ... அடுத்த முறை வரை!

மேலும் தகவல் - நிரலைக் கற்றுக் கொள்ளுங்கள்: Xcode (I) ஐ அறிந்து கொள்வது

பதிவிறக்க Tamil - Xcode க்கான இரண்டாவது நிரலாக்க வகுப்பு