Si no és nou , heu aterrat al lloc perfecte per començar a aprendre sobre el disseny del disseny. Aquest article sobre el tutorial de disseny de dispositius Android us ajudarà a sortiralguns consells útils per fer un millor disseny de la IU i també explica com dissenyar una IU.
Parlaré dels temes següents:
Comencem, doncs,
és una relació i té una relació a Java
Tutorial de disseny de disseny d'Android: introducció als components de la interfície d'usuari
Parlant dels components de la interfície d’usuari, la interfície d’usuari típica de qualsevol aplicació d’Android consisteix en aquests components:
- Barra d'acció principal
- Control de visualització
- Àrea de contingut
- Barra d'acció dividida
Aquests juguen un paper important mentre desenvolupeu una aplicació complexa. En tindreu una visió clara quan accedim a la secció de demostració d’aquest article.
Un altre factor important que ajuda a personalitzar el disseny de la IU seria el component de visualització.
Vegem què és una visualització a
Tutorial de disseny de disseny d'Android: Vistes
A Veure es considera com un element bàsic per a una interfície d 'usuari adequada que realment es crea a partir de Veure classe . Ocupa una àrea rectangular a la pantalla i, finalment, s’encarrega del dibuix i del maneig d’esdeveniments.
Una vista és la classe base dels ginys, que s’utilitzen per crear components d’interfície d’usuari interactius com botons, camps de text, etc. Ara parlant de l’àrea del rectangle o d’un quadre, pot ser una imatge, un tros de text, un botó o qualsevol cosa que pugui mostrar una aplicació per a Android. El rectangle aquí és realment invisible, però cada vista té una forma de rectangle.
És possible que tingueu una pregunta: quina mida pot tenir aquest rectangle?
La resposta és que podeu configurar-la manualment especificant la mida exacta (amb les unitats adequades) o bé utilitzant alguns valors predefinits. Aquests valors predefinits són match_parentand wrap_content. Això pare_parell significa que ocuparà tot l'espai disponible a la pantalla del dispositiu. Considerant que, wrap_content fa referència a que ocuparà només l'espai necessari perquè es mostri el seu contingut.
Ara assenyalem les principals diferències entre View i ViewGroup.
Veure
- Veure els objectes són els components bàsics dels elements de la interfície d’usuari d’Android.
- Una vista és un quadre rectangular senzill que respon a les accions de l'usuari.
- La vista fa referència a la classe android.view.View, que és la classe base de totes les classes de la interfície d’usuari.
- En són exemples EditText, Button, CheckBox, etc.
ViewGroup
- ViewGroup és el contenidor invisible que conté View i ViewGroup.
- ViewGroup és la classe base per a Dissenys .
- Per exemple, LinearLayout és el ViewGroup que conté el botó (Veure) i altres dissenys també.
Ara anem endavant i entenem els dissenys que hi ha.
Tutorial de disseny de disseny d'Android: Tipus de dissenys
A maquetació defineix l'estructura d'una interfície d'usuari a l'aplicació. Tots els elements del disseny es construeixen mitjançant una jerarquia de Veure i ViewGroup objectes.
Ara veurem com declarar el disseny.
Podeu declarar un disseny de dues maneres:
Declareu elements XML en XML. Android proporciona un vocabulari XML senzill que correspon a les classes i subclasses de Visualització, com ara per a widgets i dissenys.
Nota: També podeu utilitzar l’editor de disseny d’Android Studio per crear el vostre disseny XML mitjançant una interfície d’arrossegar i deixar anar.
Instantaneu els elements de disseny a temps d'execució . L'aplicació es pot crear Veure i ViewGroup objectes i manipular les seves propietats per programació.
Analitzem els diferents tipus de dissenys.
La IU d'Android és una jerarquia de Views i ViewGroups. Els ViewGroups seran nodes intermedis a la jerarquia i les vistes seran nodes terminals.
- Disseny lineal
- Disseny absolut
- Disseny relatiu
- Distribució de la taula
- Disseny del marc
Anem a parlar-ne detalladament.
Disseny lineal
El disseny lineal s’utilitza per col·locar un element a cada línia. Per tant, tots els elements es col·locaran de manera ordenada de dalt a baix. Es tracta d’un disseny molt utilitzat per crear formularis a Android. També es pot referir com un grup de visualitzacions que alinea tots els nens en una sola direcció, verticalment o horitzontalment.
Disseny absolut
Al disseny absolut, podeu especificar les coordenades exactes de cada control que vulgueu col·locar. En aquest tipus de disseny, podeu proporcionar les coordenades X i Y exactes de cada control. Permet especificar la ubicació exacta dels seus fills.
Disseny relatiu
Un disseny relatiu és un ViewGroup que mostra les vistes infantils en posicions relatives. Vostèpot especificar la posició dels elements en relació amb altres elements o en relació amb el contenidor principal.
Distribució de la taula
Mitjançant el disseny de la taula, podeu crear una taula amb files i columnes i col·locar-hi elements. A cada fila, podeu especificar un o més elements. Podeu utilitzar aquesta ordre per crear un nou disseny de taula.
Disseny del marc
El disseny del marc s’utilitza quan es vol mostrar un element a cada pantalla. Mitjançant el disseny del marc, podeu tenir diversos elements.Aquest disseny de marc és un marcador de posició a la pantalla que podeu utilitzar per mostrar una sola vista.
Tutorial de disseny de disseny d'Android: Unitats de mesura
Quan especifiqueu la mida d'un element en una interfície d'usuari d'Android, heu de recordar definitivament les següents unitats de mesura.
| Unitat | Descripció |
|---|---|
| dp | Píxel independent de densitat. 1 pd equival a un píxel a 160 dpi pantalla. |
| sp | Escala el píxel independent. Això és molt similar a dp, però només es recomana això per especificar mides de lletra. |
| pt | Punt. Es defineix que un punt és 1/72 de polzada. |
| px | Pixel. Correspon als píxels reals de la pantalla |
Ara passem al tema final d’aquest article.
Tutorial de disseny de disseny d'Android: Demostració
En aquesta secció de demostració, entenem com treballar amb dissenys a Android Studio .
Consulteu el fitxer a Android Studio.
Així és com es presenta el disseny. Només heu de seleccionar el dibuixable i trobareu unes quantes classes; seleccioneu qualsevol altra classe sota aquest dibuixable. Podeu codificar l'estructura de disseny o veure el disseny i simplement arrossegar i deixar anar els components a l'espai de disseny.
Podeu veure els components que heu seleccionat a l’arbre de components.
També els podeu trobar al disseny.
- Paleta : Conté la llista de visualitzacions i grups de visualitzacions que podeu arrossegar al vostre disseny.
- Component Arbre : Consisteix en la jerarquia de visualització per al vostre disseny.
- Barra d'eines : Botons per configurar l'aparença del disseny a l'editor i per canviar alguns atributs de disseny.
- Editor de disseny : Disseny a la vista Disseny o Plànol, o ambdues coses. També es considera l'espai de disseny.
- Atributs : Controla els atributs de la vista seleccionada.
Amb això, arribem al final d'aquest article sobre 'Tutorial de disseny de dispositius Android'. Espero que tingueu clar el que s'ha compartit amb vosaltres en aquest tutorial.Estigueu atents a altres blocs i Bona sort amb la vostra carrera de desenvolupament d'Android.
Ara que ja heu entès els conceptes bàsics del disseny de disseny d'Android, consulteu el per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món.
El curs de formació sobre certificació de desenvolupament d'aplicacions per a Android d'Edureka està dissenyat per a estudiants i professionals que vulguin ser desenvolupadors d'Android. El curs està dissenyat per donar-vos un avantatge en la programació de Java i formar-vos tant per a conceptes bàsics com avançats, juntament amb un projecte en el qual s’espera que creeu una aplicació a Android.
Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d’aquest bloc “Tutorial de disseny de dispositius Android” i us respondrem el més aviat possible.