Android App Bahagi 1: Splash Screen Gamit ang Fragments / Kotlin: 5 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:11

Hello ulit, malamang na mayroon kang ilang "libreng" oras sa bahay dahil sa COVID19 at maaari kang bumalik upang suriin ang mga paksang nais mong malaman sa nakaraan.

Ang pag-unlad ng Android App ay tiyak na isa sa mga ito para sa akin at nagpasya ako ng ilang linggo na ang nakakaraan upang subukan ang pangalawang pagsubok.

Ang pagprogram sa Kotlin ay tiyak na binabawasan ang pagsisikap ng pag-coding at nakakatulong upang makamit ang mga resulta sa maikling panahon. Talagang Mahusay ito!

Sa seryeng tutorial na ito, ipapaliwanag ko kung paano bumuo ng isang Tennis Score Tracker. Ang App na ito ay maaaring magamit kapag naglaro ka sa mga kaibigan at / o pamilya (maaari mong ibigay ang tablet sa iyong anak at panatilihin siyang abala:)). Ang App na ito ay batay sa pagsunod sa halimbawa ng Kotlin Counter.

Ang tutorial ay may mga sumusunod na bahagi:

Bahagi 1: Splash Screen gamit ang Mga Fragment (narito kami ngayon)

Bahagi 2: Pag-configure ng Pagtutugma - Mga Katangian

Bahagi 3: Subaybayan ang Marka ng tracker

Ang pangunahing ideya ay upang hatiin ang app sa 3 magkakaibang mga screen bawat isa sa kanila ay tatawag sa susunod, sa sandaling nakumpleto o kapag pinindot ng gumagamit ang kani-kanilang pindutan.

Sa unang bahaging ito, ipapaliwanag ko kung paano lumikha ng isang intro screen -> suriin ang video sa itaas.

Mga gamit

Mga Tampok ng Android na ginamit sa Bahaging ito:

• Mga fragment
• Animasyon
• Panginginig ng boses
• Media Player
• Mga tagapakinig

Mga Kinakailangan na Tool:

• Android Studio
• Kotlin 1.3.61
• Antas ng API 28

Mga Kinakailangan na Asset

Isang file ng tunog ng beep

Hakbang 1: Disenyo ng Karanasan ng User

Ipaliwanag natin ang mga tampok ng aming Intro screen.

1. nais naming magkaroon ng isang buong screen sa puting kulay
2. nais naming palaging nasa landscape mode ang screen
3. nais namin ang aming logo-text na kulay na kulay-abo
4. nais namin ang aming kulay ng bola sa mga tono ng berde
5. nais naming mawala ang aming logo-text
6. nais namin ng isang bola ng tennis na gumagalaw sa screen (nagba-bounce na bola)
7. nais naming magpatugtog ng isang tunog sa tuwing ang bola ay dumampi sa isang ibabaw
8. nais naming magpalitaw ng isang panginginig ng telepono kapag nagpatugtog ng isang tunog
9. nais namin na ang tagal ng intro ay mas mababa sa 4s.

Hakbang 2: Fragment Manager at 3 Mga Screen

Alalahanin natin ang pangunahing ideya ng aming App, nais naming magkaroon ng 3 mga screen (Intro, Properties at Marka ng Pagtutugma). Para sa mga ito ay gagamitin namin ang mga Fragment. Kaya kailangan namin ng 3 sa kanila isa para sa bawat screen. Sumangguni sa unang code na snippet.

Sa pangalawa, mahahanap natin kung paano natin tinawag ang ating unang fragment. Ang fragment ng Splash ay ang magagamit para sa aming Intro.

Hakbang 3: Layout ng App at Intro Screen

• Upang maayos ang posisyon ng screen at huwag pansinin ang anumang pag-ikot ng telepono, kailangan naming idagdag ang sumusunod na code Larawan 1 sa AndroidManifest.xml.
• Upang maalis ang Action Bar mula sa lahat ng mga screen, kailangan naming magdagdag ng sumusunod na code Larawan 2 sa mga style.xml
• Upang maitulak ang buong screen sa lahat ng mga screen, kailangan naming magtakda ng ilang mga flag tulad ng sa Larawan 3 sa 2 magkakaibang pamamaraan. Oncreate () at onWindowFocusChanged.

Hakbang 4: Pagtukoy sa Logo at Ball Syles

• tinukoy namin bago ang aming teksto bilang kulay-abo, ginagawa ito sa ilalim ng files.xml file. Sumangguni sa Pic 1.
• tinukoy din namin na ang bola ay dapat na berde na mga tono. Para sa mga ito, lumilikha kami ng ball.xml sa ilalim ng drawable folder. Suriin ang Pic 2

Hakbang 5: Paglalarawan ng Animation

Ipapaliwanag ko dito ang lohika at pagkakasunud-sunod ng animasyon. Sa palagay ko ay hindi makatuwiran upang magdagdag ng mga code ng code dito, mas mabuti na dumaan ka mismo sa code.

Ang ideya ng animasyon ay ang mga sumusunod:

• Matapos malikha ang fragment, nilikha at nagsimula ang logo ng teksto
• Sa sandaling nakumpleto ang animasyon ng logo ng teksto, ang bola ng tennis na unang parabolic move ay tinawag
• Kapag ang unang kilusang parabolic ay nakumpleto, ang isang tunog ay pinatugtog at ang telepono ay nag-vibrate..at ang susunod na kilusang parabolic ay inanyayahan
• Kapag natapos ang huling kilusang parabolic at naisakatuparan ang tunog / panginginig naabot namin ang punto upang tawagan ang aming pangalawang screen.

Pangungusap: Hindi ako lumikha ng isang abstract na klase para sa mga animasyon, dahil nais kong panatilihing flat ang code… mas madaling sundin kahit papaano para sa akin:)

Ipo-post ko ang pangalawang bahagi ng serye sa mga susunod na araw, sundin ako kung gusto mo ang bahaging ito at kung hindi, Masisiyahan akong makuha ang iyong puna.