உள்ளடக்கம்

• ஊடுருவல் கட்டிடக்கலை கூறு என்றால் என்ன?
• Android ஸ்டுடியோவில் வழிசெலுத்தல் எடிட்டரைச் சேர்த்தல்
• திட்ட சார்புகள்: ஊடுருவல் துண்டு மற்றும் ஊடுருவல் UI
• உங்கள் பயன்பாட்டின் வழிசெலுத்தல் பற்றிய காட்சி கண்ணோட்டத்தைப் பெறுங்கள்
• வழிசெலுத்தல் வரைபடத்தை விரிவுபடுத்துதல்: இலக்குகளைச் சேர்த்தல்
• உங்கள் துண்டு தளவமைப்புகளைப் புதுப்பித்தல்
• Fragment_first.xml
• Fragment_second.xml
• Fragment_third.xml
• செயல்களுடன் உங்கள் இலக்குகளை இணைக்கிறது
• ஊடுருவல் வரைபடத்தை ஹோஸ்ட் செய்தல்
• NavController உடன் மாற்றங்களைத் தூண்டுகிறது
• மேலும் வழிசெலுத்தல் சேர்க்கிறது
• தனிப்பயன் மாற்றம் அனிமேஷன்களை உருவாக்குதல்
• மடக்குதல்

2018 இன் I / O மாநாட்டின் போது, ​​Android பயன்பாடுகளை உருவாக்குவதற்கான புதிய அணுகுமுறையை கூகிள் அறிவித்தது.

உங்கள் பயன்பாட்டின் முக்கிய நுழைவு புள்ளியாக செயல்படும் ஒற்றை செயல்பாட்டை உருவாக்கி, உங்கள் பயன்பாட்டின் மீதமுள்ள உள்ளடக்கத்தை துண்டுகளாக வழங்குவதே Google இன் அதிகாரப்பூர்வ பரிந்துரை.

அந்த வித்தியாசமான துண்டு பரிவர்த்தனைகள் மற்றும் வாழ்க்கைச் சுழற்சிகள் அனைத்தையும் ஏமாற்றும் எண்ணம் ஒரு கனவு போல் தோன்றலாம், ஐ / ஓ 2018 இல் கூகிள் இந்த வழிசெலுத்தல் கட்டிடக்கலை கூறுகளையும் அறிமுகப்படுத்தியது, இது இந்த வகையான ஒற்றை செயல்பாட்டு கட்டமைப்பை பின்பற்ற உங்களுக்கு உதவும் வகையில் வடிவமைக்கப்பட்டுள்ளது.

இந்த கட்டுரையில், உங்கள் திட்டத்தில் வழிசெலுத்தல் கூறுகளை எவ்வாறு சேர்ப்பது என்பதையும், Android ஸ்டுடியோவின் புதிய ஊடுருவல் எடிட்டரின் சிறிய உதவியுடன், ஒற்றை-செயல்பாடு, பல-துண்டு பயன்பாட்டை விரைவாகவும் எளிதாகவும் உருவாக்க அதை எவ்வாறு பயன்படுத்தலாம் என்பதை நாங்கள் உங்களுக்குக் காண்பிப்போம். உங்கள் துண்டுகளை நீங்கள் உருவாக்கி இணைத்தவுடன், வழிசெலுத்தல் கூறு மற்றும் எடிட்டரைப் பயன்படுத்தி Android இன் நிலையான துண்டு மாற்றங்களை மேம்படுத்துவோம், இது முழு-தனிப்பயனாக்கக்கூடிய மாற்றம் அனிமேஷன்களின் வரம்பை உருவாக்குகிறது.

ஊடுருவல் கட்டிடக்கலை கூறு என்றால் என்ன?

ஆண்ட்ராய்டு ஜெட் பேக்கின் ஒரு பகுதியாக, ஊடுருவல் கட்டிடக்கலை கூறு உங்கள் பயன்பாட்டின் மூலம் வெவ்வேறு வழிகளைக் காண உதவுகிறது மற்றும் இந்த வழிகளைச் செயல்படுத்தும் செயல்முறையை எளிதாக்குகிறது, குறிப்பாக துண்டு பரிவர்த்தனைகளை நிர்வகிக்கும் போது.

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

ஒரு ஊடுருவல் வரைபடம் பின்வருமாறு:

• இலக்கிடங்கள்: பயனர் செல்லக்கூடிய தனிப்பட்ட திரைகள்
• செயல்கள்: உங்கள் பயன்பாட்டின் இலக்குகளுக்கு இடையில் பயனர் செல்லக்கூடிய வழிகள்

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

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

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

Android ஸ்டுடியோவில் வழிசெலுத்தல் எடிட்டரைச் சேர்த்தல்

வழிசெலுத்தல் கூறுகளைப் பயன்படுத்த உங்களுக்கு உதவ, ஆண்ட்ராய்டு ஸ்டுடியோ 3.2 கேனரி மற்றும் உயர் அம்சங்கள் புதிய ஊடுருவல் எடிட்டரைக் கொண்டுள்ளன.

இந்த எடிட்டரை இயக்க:

• Android ஸ்டுடியோ மெனு பட்டியில் இருந்து “Android ஸ்டுடியோ> விருப்பத்தேர்வுகள்…” என்பதைத் தேர்ந்தெடுக்கவும்.
• இடது கை மெனுவில், “சோதனை” என்பதைத் தேர்வுசெய்க.
• இது ஏற்கனவே தேர்ந்தெடுக்கப்படவில்லை என்றால், “வழிசெலுத்தல் திருத்தியை இயக்கு” ​​தேர்வுப்பெட்டியைத் தேர்ந்தெடுக்கவும்.

• “சரி” என்பதைக் கிளிக் செய்க.
• Android ஸ்டுடியோவை மறுதொடக்கம் செய்யுங்கள்.

திட்ட சார்புகள்: ஊடுருவல் துண்டு மற்றும் ஊடுருவல் UI

உங்களுக்கு விருப்பமான அமைப்புகளுடன் புதிய திட்டத்தை உருவாக்கி, அதன் build.gradle கோப்பைத் திறந்து, வழிசெலுத்தல்-துண்டு மற்றும் வழிசெலுத்தல்- ui ஐ திட்ட சார்புகளாகச் சேர்க்கவும்:

சார்புகள் {செயல்படுத்தல் கோப்பு மரம் (dir: libs, include :) செயல்படுத்தல் com.android.support:appcompat-v7:28.0.0 செயல்படுத்தல் com.android.support.constraint: கட்டுப்பாடு-தளவமைப்பு: 1.1.3 // பின்வரும் // செயலாக்கத்தைச் சேர்க்கவும் "android.arch.navigation: வழிசெலுத்தல்-துண்டு: 1.0.0-alpha05" // வழிசெலுத்தல்- UI சில உதவி செயல்பாடுகளுக்கான அணுகலை வழங்குகிறது // செயல்படுத்தல் "android.arch.navigation: navigation-ui: 1.0.0-alpha05" செயல்படுத்தல் com .android.support: support-v4: 28.0.0 testImplementation junit: junit: 4.12 androidTestImplementation com.android.support.test: runner: 1.0.2 androidTestImplementation com.android.support.test.espresso: espresso-core: 3.0.2 }

உங்கள் பயன்பாட்டின் வழிசெலுத்தல் பற்றிய காட்சி கண்ணோட்டத்தைப் பெறுங்கள்

ஊடுருவல் வரைபடத்தை உருவாக்க:

• உங்கள் திட்டத்தின் “ரெஸ்” கோப்பகத்தைக் கட்டுப்படுத்தி, “புதிய> Android வள அடைவு” என்பதைத் தேர்ந்தெடுக்கவும்.
• “வள வகை” கீழ்தோன்றலைத் திறந்து “வழிசெலுத்தல்” என்பதைத் தேர்வுசெய்க.
• “சரி” என்பதைத் தேர்ந்தெடுக்கவும்.
• உங்கள் புதிய “ரெஸ் / வழிசெலுத்தல்” கோப்பகத்தைக் கிளிக் செய்து “புதிய> ஊடுருவல் வளக் கோப்பைத் தேர்ந்தெடுக்கவும்.”
• “வள வகை” கீழ்தோன்றலைத் திறந்து “ஊடுருவல்” என்பதைத் தேர்ந்தெடுக்கவும்.

• இந்த கோப்பு பெயரைக் கொடுங்கள்; நான் “nav_graph” ஐப் பயன்படுத்துகிறேன்.
• “சரி” என்பதைக் கிளிக் செய்க.

உங்கள் “res / navigation / nav_graph” கோப்பைத் திறக்கவும், வழிசெலுத்தல் திருத்தி தானாகவே தொடங்கப்படும். தளவமைப்பு எடிட்டரைப் போலவே, ஊடுருவல் திருத்தியும் “வடிவமைப்பு” மற்றும் “உரை” தாவல்களாக பிரிக்கப்பட்டுள்ளது.

“உரை” தாவலைத் தேர்வுசெய்தால், பின்வரும் எக்ஸ்எம்எல்லைக் காண்பீர்கள்:

<? xml version = "1.0" குறியாக்கம் = "utf-8"?> // வழிசெலுத்தல் ’என்பது ஒவ்வொரு வழிசெலுத்தல் வரைபடத்தின் மூல முனை //

“வடிவமைப்பு” தாவல் என்பது உங்கள் பயன்பாட்டின் வழிசெலுத்தலை பார்வைக்கு உருவாக்கலாம் மற்றும் திருத்தலாம்.

இடமிருந்து வலமாக, ஊடுருவல் ஆசிரியர் பின்வருமாறு:

• ஒரு இலக்கு பட்டியல்: இந்த குறிப்பிட்ட ஊடுருவல் வரைபடத்தை உருவாக்கும் அனைத்து இடங்களையும், வழிசெலுத்தல் வரைபடம் ஹோஸ்ட் செய்யப்பட்ட செயல்பாடுகளையும் இது பட்டியலிடுகிறது.
• வரைபட ஆசிரியர்: வரைபட எடிட்டர் அனைத்து வரைபடத்தின் இலக்குகள் மற்றும் அவற்றை இணைக்கும் செயல்களின் காட்சி கண்ணோட்டத்தை வழங்குகிறது.
• பண்புக்கூறு ஆசிரியர்: வரைபட எடிட்டரில் நீங்கள் ஒரு இலக்கு அல்லது செயலைத் தேர்ந்தெடுத்தால், “பண்புக்கூறுகள்” குழு தற்போது தேர்ந்தெடுக்கப்பட்ட உருப்படி பற்றிய தகவலைக் காண்பிக்கும்.

வழிசெலுத்தல் வரைபடத்தை விரிவுபடுத்துதல்: இலக்குகளைச் சேர்த்தல்

எங்கள் ஊடுருவல் வரைபடம் தற்போது காலியாக உள்ளது. சில இடங்களைச் சேர்ப்போம்.

ஏற்கனவே இருக்கும் செயல்பாடுகள் அல்லது துண்டுகளை நீங்கள் சேர்க்கலாம், ஆனால் புதிய துண்டுகளை விரைவாகவும் எளிதாகவும் உருவாக்க வழிசெலுத்தல் வரைபடத்தைப் பயன்படுத்தலாம்:

• “புதிய இலக்கு” ​​பொத்தானைக் கிளிக் செய்து, “வெற்று இலக்கை உருவாக்கு” ​​என்பதைத் தேர்ந்தெடுக்கவும்.

• “துண்டின் பெயர்” புலத்தில், உங்கள் துண்டின் வகுப்பு பெயரை உள்ளிடவும்; நான் “FirstFragment” ஐப் பயன்படுத்துகிறேன்.
• “தளவமைப்பு எக்ஸ்எம்எல் உருவாக்கு” ​​தேர்வுப்பெட்டி தேர்ந்தெடுக்கப்பட்டிருப்பதை உறுதிசெய்க.
• “துண்டு தளவமைப்பு பெயர்” புலத்தை முடிக்கவும்; நான் “frag_first” ஐப் பயன்படுத்துகிறேன்.
• “முடி” என்பதைக் கிளிக் செய்க.

ஒரு ஃபர்ஸ்ட்ஃப்ராக்மென்ட் துணைப்பிரிவு மற்றும் அதனுடன் தொடர்புடைய “frament_first.xml” தளவமைப்பு வள கோப்பு இப்போது உங்கள் திட்டத்தில் சேர்க்கப்படும். வழிசெலுத்தல் வரைபடத்தில் ஃபர்ஸ்ட் ஃபிராக்மென்ட் ஒரு இடமாகவும் தோன்றும்.

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

உங்கள் திட்டத்தில் இரண்டாவது பகுதி மற்றும் மூன்றாம் பகுதியை சேர்க்க துவைக்க மற்றும் மீண்டும் செய்யவும்.

“உரை” தாவலுக்கு மாறவும், இந்த மாற்றங்களை பிரதிபலிக்கும் வகையில் எக்ஸ்எம்எல் புதுப்பிக்கப்பட்டிருப்பதைக் காண்பீர்கள்.

ஒவ்வொரு ஊடுருவல் வரைபடத்திற்கும் தொடக்க இலக்கு உள்ளது, இது பயனர் உங்கள் பயன்பாட்டைத் தொடங்கும்போது காண்பிக்கப்படும் திரை. மேலே உள்ள குறியீட்டில், எங்கள் பயன்பாட்டின் தொடக்க இலக்காக ஃபர்ஸ்ட்ஃப்ராக்மென்ட்டைப் பயன்படுத்துகிறோம். நீங்கள் “வடிவமைப்பு” தாவலுக்கு மாறினால், நீங்கள் ஒரு வீட்டு ஐகானைக் காண்பீர்கள், இது வரைபடத்தின் தொடக்க இலக்காக ஃபர்ஸ்ட்ஃப்ராக்மென்ட்டையும் குறிக்கிறது.

நீங்கள் வேறு தொடக்க புள்ளியைப் பயன்படுத்த விரும்பினால், கேள்விக்குரிய செயல்பாடு அல்லது பகுதியைத் தேர்ந்தெடுத்து, பின்னர் “பண்புக்கூறுகள்” குழுவிலிருந்து “தொடக்க இலக்கை அமை” என்பதைத் தேர்ந்தெடுக்கவும்.

மாற்றாக, குறியீடு மட்டத்தில் இந்த மாற்றத்தை நீங்கள் செய்யலாம்:

உங்கள் துண்டு தளவமைப்புகளைப் புதுப்பித்தல்

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

ஒவ்வொரு துண்டுக்கும் நான் பின்வருவனவற்றைச் சேர்க்கப் போகிறேன்:

• துண்டின் தலைப்பைக் கொண்ட உரைக்காட்சி
• ஒரு துண்டிலிருந்து அடுத்த பகுதிக்கு செல்ல பயனரை அனுமதிக்கும் ஒரு பொத்தான்

ஒவ்வொரு தளவமைப்பு வளக் கோப்பிற்கான குறியீடு இங்கே:

Fragment_first.xml

Fragment_second.xml

Fragment_third.xml

செயல்களுடன் உங்கள் இலக்குகளை இணைக்கிறது

அடுத்த கட்டம் எங்கள் இலக்குகளை செயல்கள் மூலம் இணைப்பதாகும்.

எளிய இழுவை மற்றும் துளி பயன்படுத்தி வழிசெலுத்தல் திருத்தியில் நீங்கள் ஒரு செயலை உருவாக்கலாம்:

• எடிட்டரின் “வடிவமைப்பு” தாவல் தேர்ந்தெடுக்கப்பட்டிருப்பதை உறுதிசெய்க.
• நீங்கள் செல்ல விரும்பும் இலக்கின் வலது பக்கத்தில் வட்டமிடுக இருந்து, இது ஃபர்ஸ்ட்ஃப்ராக்மென்ட் ஆகும். ஒரு வட்டம் தோன்ற வேண்டும்.
• நீங்கள் செல்ல விரும்பும் இடத்திற்கு உங்கள் கர்சரைக் கிளிக் செய்து இழுக்கவும் க்கு, இது இரண்டாம் கட்டம். ஒரு நீலக்கோடு தோன்ற வேண்டும். செகண்ட்ஃப்ராக்மென்ட் நீல நிறத்தில் சிறப்பிக்கப்படும்போது, ​​இந்த இடங்களுக்கு இடையில் இணைப்பை உருவாக்க கர்சரை விடுவிக்கவும்.

ஃபர்ஸ்ட்ஃப்ராக்மெண்டை செகண்ட்ஃப்ராக்மென்ட்டுடன் இணைக்கும் செயல் அம்பு இப்போது இருக்க வேண்டும். இந்த அம்புக்குறியைத் தேர்ந்தெடுக்க கிளிக் செய்க, மேலும் இந்த பண்பு குறித்த சில தகவல்களை அதன் கணினி ஒதுக்கப்பட்ட ஐடி உட்பட காண்பிக்க “பண்புக்கூறு” குழு புதுப்பிக்கும்.

இந்த மாற்றம் ஊடுருவல் வரைபடத்தின் எக்ஸ்எம்எல்லிலும் பிரதிபலிக்கிறது:

… … …

செகண்ட் ஃபிராக்மென்ட்டை மூன்றாம் ஃப்ராக்மென்ட்டுடன் இணைக்கும் ஒரு செயலையும், மூன்றாம் ஃப்ராக்மெண்டை ஃபர்ஸ்ட்ஃப்ராக்மென்ட்டையும் இணைக்கும் செயலை உருவாக்க துவைக்க மற்றும் மீண்டும் செய்யவும்.

ஊடுருவல் வரைபடத்தை ஹோஸ்ட் செய்தல்

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

நீங்கள் ஒரு ஊடுருவல் வரைபடத்தை உருவாக்கியதும், அந்தச் செயல்பாட்டின் தளவமைப்பு கோப்பில் ஒரு NavHostFragment ஐச் சேர்ப்பதன் மூலம் அதை ஒரு செயல்பாட்டிற்குள் ஹோஸ்ட் செய்ய வேண்டும். இந்த NavHostFragment வழிசெலுத்தல் ஏற்படக்கூடிய ஒரு கொள்கலனை வழங்குகிறது, மேலும் பயனர் உங்கள் பயன்பாட்டைச் சுற்றி செல்லும்போது துண்டுகளை உள்ளேயும் வெளியேயும் மாற்றுவதற்கும் இது பொறுப்பாகும்.

உங்கள் திட்டத்தின் “activity_main.xml” கோப்பைத் திறந்து, NavHostFragment ஐச் சேர்க்கவும்.

<? xml version = "1.0" குறியாக்கம் = "utf-8"?> // NavHostFragment // ஆக செயல்படும் ஒரு பகுதியை உருவாக்கவும்

மேலே உள்ள குறியீட்டில், பயன்பாடு: defaultNavHost = ”true” என்பது கணினியின் “பின்” பொத்தானை அழுத்தும் போதெல்லாம் வழிசெலுத்தல் ஹோஸ்டை இடைமறிக்க அனுமதிக்கிறது, எனவே உங்கள் வழிசெலுத்தல் வரைபடத்தில் விவரிக்கப்பட்ட வழிசெலுத்தலை பயன்பாடு எப்போதும் மதிக்கிறது.

NavController உடன் மாற்றங்களைத் தூண்டுகிறது

அடுத்து, நாங்கள் ஒரு NavController ஐ செயல்படுத்த வேண்டும், இது ஒரு புதிய அங்கமாகும், இது NavHostFragment க்குள் வழிசெலுத்தல் செயல்முறையை நிர்வகிக்கும் பொறுப்பாகும்.

புதிய திரையில் செல்ல, நீங்கள் Navigation.findNavController ஐப் பயன்படுத்தி ஒரு NavController ஐ மீட்டெடுக்க வேண்டும், வழிசெலுத்தல் () முறையை அழைக்கவும், பின்னர் நீங்கள் செல்ல வேண்டிய இடத்தின் ஐடியை அல்லது நீங்கள் செயல்படுத்த விரும்பும் செயலை அனுப்பவும். எடுத்துக்காட்டாக, பயனரை ஃபர்ஸ்ட்ஃப்ராக்மெண்டிலிருந்து செகண்ட்ஃப்ராக்மெண்டிற்கு கொண்டு செல்லும் “அதிரடி_முதல்ஃபிராக்மென்ட்_டொ_ செகண்ட்ஃப்ராக்மென்ட்” ஐ நான் பயன்படுத்துகிறேன்:

NavController navController = Navigation.findNavController (getActivity (), R.id.my_nav_host_fragment); navController.navigate (R.id.action_firstFragment_to_secondFragment);

ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் பயனர் புதிய திரைக்குச் செல்வார், எனவே நாங்கள் ஒரு OnClickListener ஐ செயல்படுத்த வேண்டும்.

இந்த மாற்றங்களைச் செய்தபின், ஃபர்ஸ்ட்ஃப்ராக்மென்ட் இதைப் போன்றதாக இருக்க வேண்டும்:

android.os.Bundle ஐ இறக்குமதி செய்க; android.support.annotation.NonNull ஐ இறக்குமதி செய்க; android.support.annotation.Nullable; android.support.v4.app.Fragment ஐ இறக்குமதி செய்க; android.view.LayoutInflater ஐ இறக்குமதி செய்க; android.view.View ஐ இறக்குமதி செய்க; android.view.ViewGroup ஐ இறக்குமதி செய்க; android.widget.Button ஐ இறக்குமதி செய்க; androidx.navigation.NavController ஐ இறக்குமதி செய்க; androidx.navigation.Navigation ஐ இறக்குமதி செய்க; பொது வகுப்பு ஃபர்ஸ்ட்ஃப்ராக்மென்ட் துண்டு துண்டாக நீட்டிக்கிறது {பொது ஃபர்ஸ்ட்ஃப்ராக்மென்ட் () {public public பொது வெற்றிடத்தை உருவாக்கவும் (மூட்டை சேமிக்கப்பட்டதுஇன்ஸ்டான்ஸ்ஸ்டேட்) {super.onCreate (saveInstanceState); if (getArguments ()! = null) {}} CCreateView (LayoutInflater inflater, ViewGroup container, Bundle saveInstanceState) {திரும்பவும் inflater.inflate (R.layout.fragment_first, container, false); View public பொது வெற்றிடத்தை onViewCreated (onNonNull View view, @Nullable Bundle saveInstanceState) {பொத்தான் பொத்தான் = (பொத்தான்) view.findViewById (R.id.button); button.setOnClickListener (புதிய View.OnClickListener () C C பொது வெற்றிடத்தை onClick (காண்க v) {NavController navController = Navigation.findNavController (getActivity (), R.id.my_nav_host_fragment); }}); }}

அடுத்து, உங்கள் முதன்மை செயல்பாட்டைத் திறந்து பின்வருவனவற்றைச் சேர்க்கவும்:

• NavigationView.OnNavigationItemSelectedListener: வழிசெலுத்தல் உருப்படிகளில் நிகழ்வுகளைக் கையாள ஒரு கேட்பவர்
• SecondFragment.OnFragmentInteractionListener: வழிசெலுத்தல் திருத்தி வழியாக நீங்கள் இரண்டாம் கட்டமைப்பை உருவாக்கும்போது உருவாக்கப்பட்ட இடைமுகம்

மெயின் ஆக்டிவிட்டி onFragmentInteraction () முறையையும் செயல்படுத்த வேண்டும், இது துண்டுக்கும் செயல்பாட்டுக்கும் இடையில் தொடர்பு கொள்ள அனுமதிக்கிறது.

android.support.v7.app.AppCompatActivity ஐ இறக்குமதி செய்க; android.os.Bundle ஐ இறக்குமதி செய்க; android.net.Uri ஐ இறக்குமதி செய்க; android.view.MenuItem ஐ இறக்குமதி செய்க; android.support.design.widget.NavigationView ஐ இறக்குமதி செய்க; android.support.annotation.NonNull ஐ இறக்குமதி செய்க; பொது வகுப்பு மெயின்ஆக்டிவிட்டி AppCompatActivity விரிவாக்குகிறது NavigationView.OnNavigationItemSelectedListener, SecondFragment. setContentView (R.layout.activity_main); Public public பொது பூலியன் onNavigationItemSelected (onNonNull MenuItem உருப்படி) ஐ மீறுங்கள் false தவறானவை; F public பொது வெற்றிடத்தை onFragmentInteraction (Uri uri) ஐ மீறுக {}}

மேலும் வழிசெலுத்தல் சேர்க்கிறது

எங்கள் பயன்பாட்டின் மீதமுள்ள வழிசெலுத்தலைச் செயல்படுத்த, நாங்கள் onViewCreated தொகுதியை நகலெடுத்து / ஒட்ட வேண்டும் மற்றும் சில மாற்றங்களைச் செய்ய வேண்டும், இதன்மூலம் சரியான பொத்தான் விட்ஜெட்டுகள் மற்றும் வழிசெலுத்தல் செயல்களைக் குறிப்பிடுகிறோம்.

உங்கள் இரண்டாவது பகுதியைத் திறந்து பின்வருவனவற்றைச் சேர்க்கவும்:

ViewCreated (onNonNull View view, ullaNullable Bundle saveInstanceState) {பொத்தான் பொத்தான் = (பொத்தான்) view.findViewById (R.id.button2); button.setOnClickListener (புதிய View.OnClickListener () C public பொது வெற்றிடத்தை onClick இல் காண்க (v ஐக் காண்க) {NavController navController = Navigation.findNavController (getActivity (), R.id.my_nav_host_fragment); }}); }

பின்னர், மூன்றாம் கட்டமைப்பின் onViewCreated தொகுதியைப் புதுப்பிக்கவும்:

ViewCreated (onNonNull View view, ullaNullable Bundle saveInstanceState) {பொத்தான் பொத்தான் = (பொத்தான்) view.findViewById (R.id.button3); button.setOnClickListener (புதிய View.OnClickListener () C public பொது வெற்றிடத்தை onClick இல் காண்க (v ஐக் காண்க) {NavController navController = Navigation.findNavController (getActivity (), R.id.my_nav_host_fragment); }}); }

இறுதியாக, உங்கள் முதன்மை செயல்பாட்டில் மூன்றாம் பகுதி.ஒன்ஃப்ராக்மென்ட் இன்டராக்சன் லிஸ்டனர் இடைமுகத்தை சேர்க்க மறக்காதீர்கள்:

பொது வகுப்பு மெயின் ஆக்டிவிட்டி AppCompatActivity NavigationView.OnNavigationItemSelectedListener, SecondFragment.OnFragmentInteractionListener, thirdFragment.OnFragmentInteractionListener {

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

தனிப்பயன் மாற்றம் அனிமேஷன்களை உருவாக்குதல்

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

நீங்கள் பயன்படுத்த விரும்பும் ஒவ்வொரு அனிமேஷனும் அதன் சொந்த அனிமேஷன் வள கோப்பில், “ரெஸ் / அனிம்” கோப்பகத்தில் வரையறுக்கப்பட வேண்டும். உங்கள் திட்டத்தில் ஏற்கனவே “ரெஸ் / அனிம்” கோப்பகம் இல்லை என்றால், நீங்கள் ஒன்றை உருவாக்க வேண்டும்:

• உங்கள் திட்டத்தின் “ரெஸ்” கோப்புறையைக் கிளிக் செய்து “புதிய> Android வள அடைவு” என்பதைத் தேர்ந்தெடுக்கவும்.
• இந்த கோப்பகத்திற்கு “அனிம்” என்ற பெயரைக் கொடுங்கள்.
• “வள வகை” கீழ்தோன்றலைத் திறந்து, “அனிம்” என்பதைத் தேர்வுசெய்க.
• “சரி” என்பதைக் கிளிக் செய்க.

மங்கலான அனிமேஷனை வரையறுப்பதன் மூலம் ஆரம்பிக்கலாம்:

• உங்கள் திட்டத்தின் “ரெஸ் / அனிம்” கோப்பகத்தைக் கட்டுப்படுத்தவும்.
• “புதிய> அனிமேஷன் ஆதார கோப்பு” என்பதைத் தேர்ந்தெடுக்கவும்.
• இந்த கோப்புக்கு “fade_out” என்ற பெயரைக் கொடுங்கள்.
• உங்கள் “fade_out” கோப்பைத் திறந்து, பின்வருவனவற்றைச் சேர்க்கவும்:

“Slide_out_left” என பெயரிடப்பட்ட இரண்டாவது அனிமேஷன் ஆதார கோப்பை உருவாக்க மேலே உள்ள படிகளை மீண்டும் செய்யவும், பின்னர் பின்வருவனவற்றைச் சேர்க்கவும்:

“Slide_out_right” என்று பெயரிடப்பட்ட மூன்றாவது கோப்பை உருவாக்கி பின்வருவனவற்றைச் சேர்க்கவும்:

வழிசெலுத்தல் திருத்தி வழியாக உங்கள் செயல்களுக்கு இந்த அனிமேஷன்களை இப்போது ஒதுக்கலாம்.ஃபர்ஸ்ட்ஃப்ராக்மெண்டிலிருந்து செகண்ட்ஃப்ராக்மென்ட்டுக்கு பயனர் செல்லும்போதெல்லாம் ஃபேட்-அவுட் அனிமேஷனை இயக்க:

• உங்கள் ஊடுருவல் வரைபடத்தைத் திறந்து “வடிவமைப்பு” தாவல் தேர்ந்தெடுக்கப்பட்டிருப்பதை உறுதிசெய்க.
• FirstFragment ஐ SecondFragment உடன் இணைக்கும் செயலைத் தேர்ந்தெடுக்க கிளிக் செய்க.
• “பண்புக்கூறுகள்” குழுவில், “மாற்றங்கள்” பகுதியை விரிவாக்க கிளிக் செய்க. இயல்பாக, இந்த பிரிவில் உள்ள ஒவ்வொரு கீழ்தோன்றும் “எதுவுமில்லை” என அமைக்கப்பட வேண்டும்.
• "Enter" கீழ்தோன்றலைத் திறக்கவும், இது இரண்டாம் அடுக்கின் பின் அடுக்கின் மேல் மாற்றும் போதெல்லாம் இயங்கும் அனிமேஷனைக் கட்டுப்படுத்துகிறது. “Fade_out” அனிமேஷனைத் தேர்ந்தெடுக்கவும்.

நீங்கள் “வடிவமைப்பு” தாவலுக்கு மாறினால், இந்த அனிமேஷன் “action_firstFragment_to_secondFragment” இல் சேர்க்கப்பட்டிருப்பதைக் காண்பீர்கள்.

புதுப்பிக்கப்பட்ட திட்டத்தை உங்கள் Android சாதனம் அல்லது AVD இல் இயக்கவும். நீங்கள் ஃபர்ஸ்ட்ஃப்ராக்மெண்டிலிருந்து செகண்ட்ஃப்ராக்மெண்டிற்கு செல்லும்போதெல்லாம் ஒரு மங்கலான விளைவை இப்போது சந்திக்க வேண்டும்.

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

• வெளியேறு: ஒரு துண்டு அடுக்கை விட்டு வெளியேறும்போது இயங்கும் அனிமேஷன்
• பாப் உள்ளிடவும்: ஒரு துண்டு அடுக்கின் மேற்புறத்தில் இருக்கும் போது இயங்கும் அனிமேஷன்
• பாப் வெளியேறு: ஒரு துண்டு அடுக்கின் அடிப்பகுதிக்கு மாறும்போது இயங்கும் அனிமேஷன்

உங்கள் மாற்றங்களின் வெவ்வேறு பகுதிகளுக்கு வெவ்வேறு அனிமேஷன்களைப் பயன்படுத்துவதன் மூலம் பரிசோதனை செய்ய முயற்சிக்கவும். பூர்த்தி செய்யப்பட்ட திட்டத்தை கிட்ஹப்பிலிருந்து பதிவிறக்கம் செய்யலாம்.

மடக்குதல்

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