நீங்கள் புதிதாக இருந்தால் , தளவமைப்பு வடிவமைப்பைப் பற்றிய உங்கள் கற்றலைத் தொடங்க சரியான இடத்தில் இறங்கியுள்ளீர்கள். Android தளவமைப்பு வடிவமைப்பு பயிற்சி குறித்த இந்த கட்டுரை உங்கள் வழிக்கு உதவும்சிறந்த UI வடிவமைப்பை உருவாக்க சில பயனுள்ள உதவிக்குறிப்புகள் மற்றும் UI ஐ எவ்வாறு வடிவமைப்பது என்பதையும் விளக்குகிறது.
நான் பின்வரும் தலைப்புகளைப் பற்றி விவாதிக்கிறேன்:
எனவே, தொடங்குவோம்!
ஜாவா கரி வரிசை இயல்புநிலை மதிப்பு
Android தளவமைப்பு வடிவமைப்பு பயிற்சி: UI கூறுகளின் அறிமுகம்
UI கூறுகளைப் பற்றி பேசுகையில், எந்த Android பயன்பாட்டின் வழக்கமான UI இந்த கூறுகளைக் கொண்டுள்ளது:
- முதன்மை செயல் பட்டி
- கட்டுப்பாட்டைக் காண்க
- உள்ளடக்க பகுதி
- பிளவு அதிரடி பட்டி
நீங்கள் ஒரு சிக்கலான பயன்பாட்டை உருவாக்கும்போது இவை முக்கிய பங்கு வகிக்கின்றன. இந்த கட்டுரையின் டெமோ பகுதிக்கு நாங்கள் வரும்போது இது குறித்த தெளிவான பார்வையைப் பெறுவீர்கள்.
UI வடிவமைப்பைத் தனிப்பயனாக்க உதவும் மற்றொரு முக்கியமான காரணி பார்வைக் கூறு ஆகும்.
ஒரு பார்வை என்ன என்பதைப் பார்ப்போம்
Android தளவமைப்பு வடிவமைப்பு பயிற்சி: காட்சிகள்
TO காண்க முறையான பயனர் இடைமுகத்திற்கான அடிப்படை கட்டுமானத் தொகுதியாகக் கருதப்படுகிறது வகுப்பைக் காண்க . இது திரையில் ஒரு செவ்வக பகுதியை ஆக்கிரமித்து, இறுதியில் வரைதல் மற்றும் நிகழ்வு கையாளுதலை கவனித்துக்கொள்கிறது.
ஒரு பார்வை என்பது விட்ஜெட்டுகளுக்கான அடிப்படை வகுப்பாகும், அவை பொத்தான்கள், உரை புலங்கள் போன்ற ஊடாடும் UI கூறுகளை உருவாக்கப் பயன்படுகின்றன. இப்போது செவ்வக பகுதி அல்லது ஒரு பெட்டியைப் பற்றி பேசுகையில், இது ஒரு படம், உரை துண்டு, ஒரு பொத்தான் அல்லது ஒரு Android பயன்பாடு காண்பிக்கக்கூடிய எதையும். இங்கே செவ்வகம் உண்மையில் கண்ணுக்கு தெரியாதது, ஆனால் ஒவ்வொரு பார்வையும் ஒரு செவ்வக வடிவத்தை ஆக்கிரமிக்கிறது.
உங்களிடம் ஒரு கேள்வி இருக்கலாம், இந்த செவ்வகத்தின் அளவு என்னவாக இருக்கும்?
சரியான அளவை (சரியான அலகுகளுடன்) குறிப்பிடுவதன் மூலம் அல்லது சில முன் வரையறுக்கப்பட்ட மதிப்புகளைப் பயன்படுத்துவதன் மூலம் நீங்கள் அதை கைமுறையாக அமைக்கலாம். இந்த முன் மதிப்புகள் match_parentand மடக்கு_ உள்ளடக்கம். இது match_parent சாதனத்தின் காட்சியில் கிடைக்கும் முழு இடத்தையும் அது ஆக்கிரமிக்கும் என்பதைக் குறிக்கிறது. அதேசமயம், மடக்கு_ உள்ளடக்கம் அதன் உள்ளடக்கத்தைக் காண்பிக்கத் தேவையான இடத்தை மட்டுமே அது ஆக்கிரமிக்கும் என்பதைக் குறிக்கிறது.
இப்போது பார்வைக்கும் வியூகுரூப்பிற்கும் இடையிலான முக்கிய வேறுபாடுகளை சுட்டிக்காட்டுவோம்.
காண்க
- காண்க Android இல் உள்ள UI உறுப்புகளின் அடிப்படை கட்டுமான தொகுதிகள் பொருள்கள்.
- ஒரு பார்வை என்பது பயனரின் செயல்களுக்கு பதிலளிக்கும் எளிய செவ்வக பெட்டியாகும்.
- பார்வை என்பது Android.view.View வகுப்பைக் குறிக்கிறது, இது அனைத்து UI வகுப்புகளின் அடிப்படை வகுப்பாகும்.
- எடிட் டெக்ஸ்ட், பட்டன், செக்பாக்ஸ் போன்றவை இதற்கு எடுத்துக்காட்டுகள்.
ViewGroup
- ViewGroup பார்வை மற்றும் வியூகுரூப்பைக் கொண்டிருக்கும் கண்ணுக்குத் தெரியாத கொள்கலன்.
- ViewGroup என்பது அடிப்படை வகுப்பாகும் தளவமைப்புகள் .
- எடுத்துக்காட்டாக, லீனியர் லேஅவுட் என்பது பட்டன் (காட்சி) மற்றும் பிற தளவமைப்புகளைக் கொண்டிருக்கும் வியூகுரூப் ஆகும்.
இப்போது முன்னேறி, இருக்கும் தளவமைப்புகளைப் புரிந்துகொள்வோம்.
Android தளவமைப்பு வடிவமைப்பு பயிற்சி: தளவமைப்புகள் வகைகள்
TO தளவமைப்பு பயன்பாட்டில் ஒரு பயனர் இடைமுகத்திற்கான கட்டமைப்பை வரையறுக்கிறது. அமைப்பில் உள்ள அனைத்து கூறுகளும் ஒரு படிநிலையைப் பயன்படுத்தி கட்டப்பட்டுள்ளன காண்க மற்றும் ViewGroup பொருள்கள்.
இப்போது அமைப்பை எவ்வாறு அறிவிப்பது என்று பார்ப்போம்.
நீங்கள் ஒரு தளவமைப்பை இரண்டு வழிகளில் அறிவிக்கலாம்:
XML இல் UI கூறுகளை அறிவிக்கவும். அண்ட்ராய்டு விட்ஜெட்டுகள் மற்றும் தளவமைப்புகள் போன்ற காட்சி வகுப்புகள் மற்றும் துணைப்பிரிவுகளுக்கு ஒத்த ஒரு நேரடியான எக்ஸ்எம்எல் சொற்களஞ்சியத்தை வழங்குகிறது.
குறிப்பு: இழுத்தல் மற்றும் சொட்டு இடைமுகத்தைப் பயன்படுத்தி உங்கள் எக்ஸ்எம்எல் தளவமைப்பை உருவாக்க Android ஸ்டுடியோவின் தளவமைப்பு எடிட்டரையும் பயன்படுத்தலாம்.
இல் தளவமைப்பு கூறுகளை நிறுவவும் ரன் நேரம் . பயன்பாடு உருவாக்க முடியும் காண்க மற்றும் ViewGroup பொருள்கள் மற்றும் அவற்றின் பண்புகளை நிரல் முறையில் கையாளவும்.
பல்வேறு வகையான தளவமைப்புகளைப் பற்றி விவாதிக்கலாம்.
Android இல் உள்ள UI என்பது காட்சிகள் மற்றும் ViewGroups இன் படிநிலை ஆகும். ViewGroups வரிசைமுறையில் இடைநிலை முனைகளாக இருக்கும், மேலும் காட்சிகள் முனைய முனைகளாக இருக்கும்.
- நேரியல் தளவமைப்பு
- முழுமையான தளவமைப்பு
- உறவினர் தளவமைப்பு
- அட்டவணை தளவமைப்பு
- பிரேம் தளவமைப்பு
அவற்றை விரிவாக விவாதிப்போம்.
நேரியல் தளவமைப்பு
ஒவ்வொரு வரியிலும் ஒரு உறுப்பை வைக்க நேரியல் தளவமைப்பு பயன்படுத்தப்படுகிறது. எனவே, அனைத்து கூறுகளும் ஒரு ஒழுங்கான மேல்-கீழ் பாணியில் வைக்கப்படும். Android இல் படிவங்களை உருவாக்க இது மிகவும் பரவலாக பயன்படுத்தப்படும் தளவமைப்பு ஆகும். எல்லா குழந்தைகளையும் ஒரே திசையில், செங்குத்தாக அல்லது கிடைமட்டமாக சீரமைக்கும் பார்வைக் குழுவாகவும் இதைக் குறிப்பிடலாம்.
முழுமையான தளவமைப்பு
முழுமையான தளவமைப்பில், நீங்கள் வைக்க விரும்பும் ஒவ்வொரு கட்டுப்பாட்டின் சரியான ஆயங்களை நீங்கள் குறிப்பிடலாம். இந்த வகை தளவமைப்பில், ஒவ்வொரு கட்டுப்பாட்டிற்கும் சரியான எக்ஸ் மற்றும் ஒய் ஆயங்களை நீங்கள் கொடுக்கலாம். அதன் குழந்தைகளின் சரியான இருப்பிடத்தைக் குறிப்பிட இது உங்களுக்கு உதவுகிறது.
உறவினர் தளவமைப்பு
உறவினர் தளவமைப்பு ஒரு ViewGroup இது உறவினர் நிலைகளில் குழந்தைக் காட்சிகளைக் காண்பிக்கும். நீங்கள்உறுப்புகளின் நிலையை மற்ற உறுப்புகளுடன் அல்லது பெற்றோர் கொள்கலன் தொடர்பாக குறிப்பிடலாம்.
அட்டவணை தளவமைப்பு
அட்டவணை தளவமைப்பைப் பயன்படுத்தி, வரிசைகள் மற்றும் நெடுவரிசைகளுடன் ஒரு அட்டவணையை உருவாக்கலாம் மற்றும் அவற்றுக்குள் உறுப்புகளை வைக்கலாம். ஒவ்வொரு வரிசையிலும், ஒன்று அல்லது அதற்கு மேற்பட்ட கூறுகளை நீங்கள் குறிப்பிடலாம். புதிய அட்டவணை தளவமைப்பை உருவாக்க இந்த கட்டளையைப் பயன்படுத்தலாம்.
பிரேம் தளவமைப்பு
ஒவ்வொரு திரையிலும் ஒரு உருப்படியைக் காட்ட விரும்பும்போது பிரேம் தளவமைப்பு பயன்படுத்தப்படுகிறது. பிரேம் தளவமைப்பைப் பயன்படுத்தி, நீங்கள் பல உருப்படிகளை வைத்திருக்க முடியும்.இந்த ஃபிரேம் லேஅவுட் என்பது திரையில் ஒரு ஒதுக்கிடமாகும், இது ஒரு காட்சியைக் காண்பிக்க நீங்கள் பயன்படுத்தலாம்.
Android தளவமைப்பு வடிவமைப்பு பயிற்சி: அளவீட்டு அலகுகள்
Android UI இல் ஒரு தனிமத்தின் அளவைக் குறிப்பிடும்போது, பின்வரும் அளவீட்டு அலகுகளை நீங்கள் நிச்சயமாக நினைவில் கொள்ள வேண்டும்.
| அலகு | விளக்கம் |
|---|---|
| dp | அடர்த்தி சுயாதீன பிக்சல். 1 டிபி a இல் ஒரு பிக்சலுக்கு சமம் 160 டிபி திரை. |
| sp | அளவுகோல் சுயாதீன பிக்சல். இது dp க்கு மிகவும் ஒத்ததாக இருக்கிறது, ஆனால் இது எழுத்துரு அளவுகளைக் குறிப்பிட பரிந்துரைக்கப்படுகிறது. |
| pt | புள்ளி. ஒரு புள்ளி ஒரு அங்குலத்தின் 1/72 என வரையறுக்கப்படுகிறது. |
| px | படத்துணுக்கு. திரையில் உண்மையான பிக்சல்களுக்கு ஒத்திருக்கிறது |
இப்போது, இந்த கட்டுரையின் இறுதி தலைப்புக்கு முன்னேறுவோம்.
Android தளவமைப்பு வடிவமைப்பு பயிற்சி: டெமோ
இந்த டெமோ பிரிவில், தளவமைப்புகளுடன் எவ்வாறு செயல்படுவது என்பதைப் புரிந்துகொள்வோம் Android ஸ்டுடியோ .
பார்க்கவும் Android ஸ்டுடியோவுக்கு.
தளவமைப்பு எப்படி இருக்கும். வரையக்கூடியதைத் தேர்ந்தெடுத்து, நீங்கள் சில வகுப்புகளைக் கண்டுபிடிப்பீர்கள், இந்த இழுக்கக்கூடிய கீழ் வேறு எந்த வகுப்பையும் தேர்ந்தெடுக்கவும். நீங்கள் தளவமைப்பு கட்டமைப்பைக் குறியிடலாம் அல்லது வடிவமைப்பைக் காணலாம் மற்றும் வடிவமைப்பு இடத்தில் உள்ள கூறுகளை இழுத்து விடுங்கள்.
கூறு மரத்தின் கீழ் நீங்கள் தேர்ந்தெடுத்த கூறுகளை நீங்கள் காணலாம்.
இவற்றை நீங்கள் தளவமைப்பிலும் காணலாம்.
- தட்டு : இது உங்கள் தளவமைப்பிற்குள் இழுக்கக்கூடிய காட்சிகள் மற்றும் பார்வைக் குழுக்களின் பட்டியலைக் கொண்டுள்ளது.
- கூறு மரம் : உங்கள் தளவமைப்புக்கான காட்சி வரிசைமுறையைக் கொண்டுள்ளது.
- கருவிப்பட்டி : எடிட்டரில் தளவமைப்பு தோற்றத்தை உள்ளமைக்க மற்றும் சில தளவமைப்பு பண்புகளை மாற்ற பொத்தான்கள்.
- வடிவமைப்பு ஆசிரியர் : வடிவமைப்பு அல்லது புளூபிரிண்ட் பார்வையில் தளவமைப்பு அல்லது இரண்டுமே. வடிவமைப்பு இடமாகவும் கருதப்படுகிறது.
- பண்புக்கூறுகள் : இது தேர்ந்தெடுக்கப்பட்ட பார்வையின் பண்புகளை கட்டுப்படுத்துகிறது.
இதன் மூலம், “Android Layout Design Tutorial” இல் இந்த கட்டுரையின் முடிவில் வருகிறோம். இந்த டுடோரியலில் உங்களுடன் பகிரப்பட்ட விஷயங்களில் நீங்கள் தெளிவாக இருப்பீர்கள் என்று நம்புகிறேன்.உங்கள் Android மேம்பாட்டு வாழ்க்கையில் பிற வலைப்பதிவுகள் மற்றும் நல்ல அதிர்ஷ்டங்களுக்காக காத்திருங்கள்.
Android லேஅவுட் வடிவமைப்பின் அடிப்படைகளை இப்போது நீங்கள் புரிந்து கொண்டுள்ளீர்கள், பாருங்கள் உலகெங்கிலும் பரவியுள்ள 250,000 க்கும் மேற்பட்ட திருப்தியான கற்றவர்களின் வலைப்பின்னலுடன் நம்பகமான ஆன்லைன் கற்றல் நிறுவனமான எடுரேகாவால்.
எடுரேகாவின் Android பயன்பாட்டு மேம்பாட்டு சான்றிதழ் பயிற்சி பாடநெறி Android டெவலப்பராக விரும்பும் மாணவர்கள் மற்றும் நிபுணர்களுக்காக வடிவமைக்கப்பட்டுள்ளது. இந்த பாடநெறி ஜாவா புரோகிராமிங்கில் உங்களுக்கு ஒரு தொடக்கத்தைத் தருவதற்கும், அண்ட்ராய்டில் ஒரு பயன்பாட்டை உருவாக்க எதிர்பார்க்கப்படும் ஒரு திட்டத்துடன் முக்கிய மற்றும் மேம்பட்ட கருத்தாக்கங்களுக்கும் பயிற்சி அளிப்பதற்காக வடிவமைக்கப்பட்டுள்ளது.
எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? இந்த “Android Layout Design Tutorial” வலைப்பதிவின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், விரைவில் நாங்கள் உங்களைத் தொடர்புகொள்வோம்.