Aplikacioni Android Pjesa 1: Spërkatja e ekranit duke përdorur fragmente/Kotlin: 5 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:12

Pershendetje perseri, ka shumë të ngjarë që të keni një kohë "të lirë" në shtëpi për shkak të COVID19 dhe mund të ktheheni për të kontrolluar temat që keni dashur të mësoni në të kaluarën.

Zhvillimi i Aplikacionit Android është padyshim një prej tyre për mua dhe vendosa disa javë më parë të bëja një provë të dytë.

Programimi në Kotlin padyshim zvogëlon përpjekjen e kodimit dhe ndihmon për të arritur rezultate në një kohë mjaft të shkurtër. Reshtë me të vërtetë e Madhe!

Në këtë seri mësimore, unë do të shpjegoj se si të zhvilloj një Gjurmues të Rezultateve të Tenisit. Ky aplikacion mund të përdoret kur luani me miqtë dhe/ose familjen (mund t'i jepni tabletën fëmijës tuaj dhe ta mbani atë të zënë:)). Ky aplikacion bazohet në shembullin e mëposhtëm të Kotlin Counter.

Udhëzuesi ka pjesët e mëposhtme:

Pjesa 1: Splash Screen duke përdorur Fragmente (ne jemi këtu tani)

Pjesa 2: Konfigurimi i ndeshjes - Karakteristikat

Pjesa 3: Ndjekësi i Rezultateve të Ndeshjes

Ideja kryesore është ndarja e aplikacionit në 3 ekrane të ndryshme, secili prej të cilëve do të thërrasë tjetrin, pasi të përfundojë ose kur përdoruesi të shtypë butonin përkatës.

Në këtë pjesë të parë, unë do të shpjegoj se si të krijoj një ekran hyrës -> kontrolloni videon më lart.

Furnizimet

Karakteristikat e Android të përdorura në këtë Pjesë:

• Fragmente
• Animacion
• Dridhje
• Media Player
• Dëgjuesit

Mjetet e kërkuara:

• Android Studio
• Kotlin 1.3.61
• Niveli API 28

Asetet e kërkuara

Një skedar i tingullit të zhurmës

Hapi 1: Dizajni i Përvojës së Përdoruesit

Le të shpjegojmë tiparet e ekranit tonë të prezantimit.

1. ne duam të kemi një ekran të plotë në ngjyrë të bardhë
2. ne duam që ekrani të jetë gjithmonë në modalitetin e peizazhit
3. ne duam ngjyrën tonë të logos-tekstit në gri
4. ne duam ngjyrën e topit tonë në tonet e gjelbër
5. ne duam që tekst-logoja jonë të zbehet
6. ne duam një top tenisi që lëviz në ekran (top kërcimi)
7. ne duam të luajmë një tingull sa herë që topi prek një sipërfaqe
8. ne duam të shkaktojmë një dridhje të telefonit kur luhet një tingull
9. ne duam që kohëzgjatja e hyrjes të jetë më pak se 4 sekonda.

Hapi 2: Fragment Manager dhe 3 Ekrane

Le të kujtojmë idenë kryesore të Aplikacionit tonë, ne duam të kemi 3 ekrane (Intro, Properties dhe Match Score). Për këtë ne do të përdorim Fragmentet. Pra na duhen 3 prej tyre një për secilin ekran. Referojuni fragmentit të parë të kodit.

Në të dytin, ne mund të gjejmë se si e quajmë fragmentin tonë të parë. Fragmenti Splash është ai që do të përdoret për prezantimin tonë.

Hapi 3: Aplikacioni dhe paraqitja e ekranit prezantues

• Për të rregulluar pozicionin e ekranit dhe për të injoruar çdo rrotullim të telefonit, duhet të shtojmë kodin e mëposhtëm Figura 1 në AndroidManifest.xml.
• Për të hequr shiritin e veprimit nga të gjitha ekranet, duhet të shtojmë kodin e mëposhtëm Figura 2 në styles.xml
• Në mënyrë që të shtyjmë ekranin e plotë në të gjitha ekranet, duhet të vendosim disa flamuj si në Figurën 3 në 2 metoda të ndryshme. Oncreate () dhe onWindowFocusChanged.

Hapi 4: Përcaktimi i Logos dhe Syles Ball

• ne e përcaktuam para tekstit tonë si gri, kjo bëhet nën skedarin styles.xml. Referojuni Figurës 1.
• ne gjithashtu përcaktuam që topi duhet të jetë në tonet jeshile. Për këtë, ne krijojmë top.xml nën dosje të tërheqshme. Kontrolloni foton 2

Hapi 5: Përshkrimi i animacionit

Unë do të shpjegoj këtu logjikën dhe sekuencën e animacionit. Unë mendoj se nuk ka kuptim të shtoni copa kodesh këtu, më mirë të kaloni vetë kodin.

Ideja e animacionit është si më poshtë:

• Pasi të krijohet fragmenti, krijohet dhe fillon logoja e tekstit
• Pasi të përfundojë animacioni i logos së tekstit, lëvizja e parë parabolike e topit të tenisit thirret
• Sapo të përfundojë lëvizja e parë parabolike, luhet një tingull dhe telefoni dridhet.. dhe lëvizja parabolike tjetër thirret
• Pasi të ketë përfunduar lëvizja e fundit parabolike dhe të ekzekutohet tingulli/dridhja, arrijmë në pikën për të thirrur ekranin tonë të dytë.

Vërejtje: Unë nuk krijova një klasë abstrakte për animacione, sepse doja ta mbaja kodin të sheshtë … më e lehtë për tu ndjekur të paktën për mua:)

Pjesën e dytë të serisë do ta postoj në ditët në vijim, më ndiqni nëse ju pëlqen kjo pjesë dhe nëse jo, do të isha i lumtur të merrja reagimet tuaja.