Taula de continguts:
- Subministraments
- Pas 1: disseny de l'experiència d'usuari
- Pas 2: Gestor de fragments i 3 pantalles
- Pas 3: Disseny de la pantalla d'aplicacions i d'introducció
- Pas 4: definició del logotip i Ball Syles
- Pas 5: descripció de l'animació
Vídeo: Aplicació per a Android Part 1: pantalla de presentació amb fragments / Kotlin: 5 passos
2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:12
Hola de nou, molt probablement tingueu una estona "lliure" a casa a causa de COVID19 i podreu tornar a comprovar els temes que volíeu aprendre en el passat.
El desenvolupament d'aplicacions d'Android és definitivament un d'ells per a mi i vaig decidir fa unes setmanes provar-ho de nou.
La programació a Kotlin redueix definitivament l’esforç de codificació i ajuda a obtenir resultats en un temps bastant curt. És realment genial!
En aquesta sèrie de tutorial, explicaré com desenvolupar un Tennis Score Tracker. Aquesta aplicació es pot utilitzar quan jugueu amb amics i / o familiars (podeu donar la tauleta al vostre fill i mantenir-lo ocupat:)). Aquesta aplicació es basa en el següent exemple de Kotlin Counter.
El tutorial té les següents parts:
Primera part: pantalla de presentació mitjançant fragments (ja som aquí)
Part 2: Configuració de coincidències - Propietats
Part 3: seguidor de la puntuació del partit
La idea principal és dividir l’aplicació en 3 pantalles diferents, cadascuna d’elles trucarà a la següent, un cop finalitzada o quan l’usuari premi el botó corresponent.
En aquesta primera part, explicaré com crear una pantalla d'introducció -> comproveu el vídeo anterior.
Subministraments
Funcions d'Android que s'utilitzen en aquesta part:
- Fragments
- Animació
- Vibració
- Reproductor multimèdia
- Oients
Eines necessàries:
- Android Studio
- Kotlin 1.3.61
- API nivell 28
Actius necessaris
Un fitxer de so sonor
Pas 1: disseny de l'experiència d'usuari
Expliquem les funcions de la nostra pantalla d'introducció.
- volem tenir una pantalla completa en color blanc
- volem tenir la pantalla sempre en mode horitzontal
- volem que el nostre color de text de logotip sigui gris
- volem el color de la nostra bola en tons verds
- volem que el text del logotip s’esvaeixi
- volem que una pilota de tennis es mogui a la pantalla (pilota que rebota)
- volem reproduir un so cada vegada que la pilota toca una superfície
- volem activar la vibració del telèfon quan es reprodueix un so
- volem que la durada de la introducció sigui inferior a 4 segons.
Pas 2: Gestor de fragments i 3 pantalles
Recordem la idea principal de la nostra aplicació, volem tenir 3 pantalles (Introducció, Propietats i Puntuació de coincidència). Per a això utilitzarem Fragments. Per tant, necessitem 3 d’ells un per a cada pantalla. Consulteu el primer fragment de codi.
En el segon, podem trobar com anomenem el nostre primer fragment. El fragment Splash és el que s’utilitzarà per a la nostra Introducció.
Pas 3: Disseny de la pantalla d'aplicacions i d'introducció
- Per tal de fixar la posició de la pantalla i ignorar qualsevol rotació del telèfon, hem d’afegir el següent codi Imatge 1 a AndroidManifest.xml.
- Per eliminar la barra d’acció de totes les pantalles, hem d’afegir el següent codi Imatge 2 a styles.xml
- Per prémer la pantalla completa a totes les pantalles, hem d’establir algunes marques com a la imatge 3 en 2 mètodes diferents. Oncreate () i onWindowFocusChanged.
Pas 4: definició del logotip i Ball Syles
- abans del nostre text hem definit com a gris, això es fa al fitxer styles.xml. Consulteu la imatge 1.
- també hem definit que la bola hauria de ser de tons verds. Per a això, creem ball.xml a la carpeta dibuixable. Consulteu la imatge 2
Pas 5: descripció de l'animació
Aquí explicaré la lògica i la seqüència de l'animació. Crec que no té sentit afegir fragments de codi aquí, millor que passeu el codi vosaltres mateixos.
La idea de l'animació és la següent:
- Després de crear el fragment, es crea i s'inicia el logotip del text
- Un cop finalitzada l'animació del logotip de text, s'invoca la primera jugada parabòlica de la pilota de tennis
- Un cop finalitzat el primer moviment parabòlic, es reprodueix un so i el telèfon vibra i s’invoca el següent moviment parabòlic
- Un cop finalitzat l’últim moviment parabòlic i executat el so / vibració, arribem al punt de trucar a la nostra segona pantalla.
Observació: no vaig crear una classe abstracta per a animacions, perquè volia mantenir el codi pla … més fàcil de seguir almenys per a mi:)
Publicaré la segona part de la sèrie en els pròxims dies, seguiu-me si us agrada aquesta part i, si no, m'agradaria rebre els vostres comentaris.
Recomanat:
Com crear una aplicació d'Android amb Android Studio: 8 passos (amb imatges)
Com crear una aplicació d'Android amb Android Studio: aquest tutorial us ensenyarà els conceptes bàsics sobre com crear una aplicació d'Android mitjançant l'entorn de desenvolupament d'Android Studio. A mesura que els dispositius Android són cada cop més habituals, la demanda de noves aplicacions només augmentarà. Android Studio és fàcil d'utilitzar (un
Llum RGB controlada per Bluetooth amb aplicació per a Android: 4 passos
Llum RGB controlada per Bluetooth amb aplicació per a Android: Hola, fabricants, avui aprendrem a fer una tira RGB controlada per Bluetooth que es controla des del nostre telèfon intel·ligent. La idea bàsica d’aquest projecte és crear llum de fons / escriptori que aporti una sensació de calor als ulls de l’espectador. Sí, aquesta llum
Cotxe Arduino amb tracció a les quatre rodes Bluetooth amb cotxe UNO R3, HC-05 i L293D amb codificació i aplicació per a Android: 8 passos
Cotxe RC Bluetooth Arduino de 4 rodes amb motor UNO R3, HC-05 i L293D amb aplicació per a codificació i Android: Avui us explicaré com fer un cotxe RC bluetooth amb tracció a les 4 rodes amb HC 05, blindatge del motor L293, Motor de 4 CC, amb codificació i aplicació per a Android per controlar el cotxe. Component utilitzat: -1-Arduino UNO R32-Bluetooth HC-053-Motorshield L293
Com configurar el Samsung Galaxy S7 amb Android 8.0 per mostrar només la pantalla d'una aplicació !!: 5 passos
Com configurar el Samsung Galaxy S7 amb Android 8.0 per mostrar només la pantalla per a una aplicació !!: aquest manual us mostrarà com configurar el Samsung Galaxy S7 per mostrar la pantalla només per a una aplicació. Això és fantàstic si teniu un nadó / nen. a qui li agrada jugar amb el seu telèfon o vol assegurar-se que el telèfon es quedi en una sola aplicació només quan algú més estigui
Pantalla de presentació de diapositives Pi: 8 passos (amb imatges)
Pantalla de presentació de diapositives Pi: aquest manual mostra com crear una presentació de diapositives que transmeti fotos des d’un directori USB o de fitxers connectat al Pi