Android -sovellus Osa 1: Aloitusnäyttö fragmenttien avulla/Kotlin: 5 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:00

Hei taas, luultavasti sinulla on "vapaa" aikaa kotona COVID19: n vuoksi ja voit palata tarkistamaan aiheita, jotka halusit oppia aiemmin.

Android -sovellusten kehittäminen on ehdottomasti yksi niistä minulle ja päätin muutama viikko sitten kokeilla toista kertaa.

Kotlinissa ohjelmointi vähentää ehdottomasti koodausta ja auttaa saavuttamaan tuloksia melko lyhyessä ajassa. Se on todella hienoa!

Tässä opetusohjelmasarjassa selitän, kuinka kehittää tennispisteiden seuranta. Tätä sovellusta voidaan käyttää, kun pelaat ystävien ja/tai perheen kanssa (voit antaa tabletin lapsellesi ja pitää hänet kiireisenä:)). Tämä sovellus perustuu Kotlin Counter -esimerkin seuraamiseen.

Opetusohjelmassa on seuraavat osat:

Osa 1: Splash -näyttö sirpaleiden avulla (olemme täällä nyt)

Osa 2: Match Configuration - Properties

Osa 3: Ottelupisteiden seuranta

Pääidea on jakaa sovellus kolmeen eri näyttöön, joista jokainen soittaa seuraavaan, kun se on valmis tai kun käyttäjä painaa vastaavaa painiketta.

Tässä ensimmäisessä osassa selitän intro -näytön luomisen -> tarkista yllä oleva video.

Tarvikkeet

Tässä osassa käytetyt Android -ominaisuudet:

• Fragmentit
• Animaatio
• Tärinä
• Mediasoitin
• Kuuntelijat

Tarvittavat työkalut:

• Android Studio
• Kotlin 1.3.61
• API -taso 28

Pakolliset varat

Äänimerkki

Vaihe 1: Käyttäjäkokemuksen suunnittelu

Selitämme Intro -näytön ominaisuudet.

1. Haluamme koko näytön valkoisena
2. Haluamme, että näyttö on aina vaakasuunnassa
3. haluamme logon tekstin värin harmaana
4. haluamme pallomme värin vihreäksi
5. haluamme logotekstimme häivyttävän
6. haluamme, että tennispallo liikkuu näytöllä (pomppiva pallo)
7. haluamme soittaa äänen joka kerta, kun pallo koskettaa pintaa
8. Haluamme laukaista puhelimen värinän, kun ääni toistetaan
9. haluamme, että esittelyn kesto on alle 4 sekuntia.

Vaihe 2: Fragment Manager ja 3 näyttöä

Muistakaamme sovelluksemme pääidea, haluamme kolme näyttöä (Intro, Properties ja Match Score). Käytämme tähän fragmentteja. Tarvitsemme siis kolmea niistä yhtä kutakin näyttöä kohden. Katso ensimmäinen koodinpätkä.

Toisesta löydämme kuinka kutsumme ensimmäistä katkelmaamme. Esittelyssämme käytetään Splash -fragmenttia.

Vaihe 3: Sovelluksen ja esittelyn näytön asettelu

• Jotta voimme korjata näytön aseman ja jättää huomiotta puhelimen pyörimisen, meidän on lisättävä seuraava koodi Kuva 1 AndroidManifest.xml -tiedostoon.
• Jotta toimintopalkki voidaan poistaa kaikista näytöistä, meidän on lisättävä seuraava koodi Kuva 2 tyylissä.xml
• Jotta koko näyttö voidaan näyttää kaikissa näytöissä, meidän on asetettava joitain lippuja, kuten kuvassa 3, kahdella eri menetelmällä. Oncreate () ja onWindowFocusChanged.

Vaihe 4: Logon ja pallosyventeiden määrittäminen

• määritimme tekstimme ennen harmaaksi, tämä tehdään tyylien.xml -tiedostossa. Katso kuva 1.
• Olemme myös määrittäneet, että pallon tulisi olla vihreillä sävyillä. Tarkista kuva 2

Vaihe 5: Animaation kuvaus

Selitän tässä animaation logiikan ja järjestyksen. Mielestäni ei ole järkevää lisätä koodinpätkiä tänne, parempi käydä koodi läpi itse.

Animaation idea on seuraava:

• Kun fragmentti on luotu, tekstilogo luodaan ja käynnistetään
• Kun tekstilogoanimaatio on valmis, vedetään tennispallon ensimmäinen parabolinen liike
• Kun ensimmäinen parabolinen liike on suoritettu, kuuluu ääni ja puhelin värisee.. ja seuraava parabolinen liike
• Kun viimeinen parabolinen liike on suoritettu ja ääni/värähtely suoritettu, päästään pisteeseen kutsua toinen näyttö.

Huomautus: En luonut abstrakteja luokkia animaatioille, koska halusin pitää koodin tasaisena… helpompi seurata ainakin minulle:)

Julkaisen sarjan toisen osan lähipäivinä, seuraa minua, jos pidät tästä osasta ja jos et, otan mielelläni vastaan palautetta.