Ieskats Android aplikāciju izstrādē ar sociālā portāla piemēru44

Kā jau katrā rakstā - vajag pievienot klāt arī komentārus. Šeit nu ir jāizdomā labi - RecyclerView gan ir efektīvs un noderīgs un taupa atmiņu milzīgos sarakstos, taču tas slikti sadzīvo kopā ar citu saturu lapā. Ja vajag pamīšus ar citu saturu un nebūs simtiem elementu, tad taisīsim vienkārši sarakstu (LinearLayout) un liksim, lai elementi tajā ir vertikāli viens zem otra.
Komentārus taisīsim kā patstāvīgus elementus (custom View), ko pievienosim zem raksta pa vienam.

Katrs komentāra bloks sastāvēs no 3 daļām - kreisā (avatars, medaļas zem tā), labā (podziņas atbildēšanai un ziņošanai, plusu un mīnusu pogas). Un vidējā daļa - tieši starp tām. Tādam nolūkam Android vidē izmantojams RelativeLayout - kad mēs sadalām saturu un norādam, kurš elements kā būs izkārtots attiecībā pret citiem. Pa labi vai pa kreisi no cita elementa vai pielīmēts pie "kastītes" labās vai kreisās puses..
Pie reizes izmēģinam, vai līmeņu ikonas attēlo kā vajag .. rādās!

Kad esam gatavi parādīt bildītes, varam nodefinēt lietotāju informāciju - redzamo vārdu, krāsiņas, pareizos avatarus un laipni nočieptas līmeņu ikonas. Mazliet vajadzēja pavazāties pa profiliem, lai piešautos un šos datus savāktu.

Izskatās aptuveni šitā, reāli tie dati būtu jālasa pa tiešo no servera:

    userIds.put("ev1ta", new UserInfo("EV1TA", "ev1ta", 5448, getAvatarUrl(5448), 15, "#b4045f"smi:; // EV1TA
    
    userIds.put("slida", new UserInfo("slida", "slida", 27307, getAvatarUrl(27307), 15,"#FFBF00"smi:; // slida
    
    userIds.put("KingOfMonkeys", new UserInfo("Mao Meow", "KingOfMonkeys", 235412, getAvatarUrl(235412), 13, "#b30101"smi:; // Mao Meow
    
    userIds.put("kakuns", new UserInfo("kaķūns", "kakuns", 61353, getAvatarUrl(61353), 14, "#b30101"smi:; // Kaķūns

Animēto GIF un citu bildīšu dinamiskai ielādei izmantosim Glide bibliotēku. Ja agrāk bija liela problēma ar kustīgām GIF bildītēm Android vidē, tad tagad vairs tā nav - telefoniem ir vairāk atmiņas, vairāk jaudas, kā arī ir pieejamas vairākas bibliotēkas, kas to visu dara automātiski. Šā vai tā, bet animētos GIFus mums vajadzēs - liela daļa lietotāju avataros liek tieši tādus.

Nākamais solis - komentāros esam pieraduši redzēt visādas ikonas - pokerface, ukp un citas. Protams, ka arī tādām jābūt arī aplikācijā - bez tām kā bez rokām!

Android vidē tādu efektu var panākt ar ImageSpan. Ejam cauri tekstam un automātiski aizvietojam kādus teksta fragmentus ar bildītēm. Rezultāts izskatās labi!

Protams, nedrīkst aizmirst arī lietotājus, kuri ir iecienījuši rakstīt ar krāsiņām!   

Saldais ēdiens - ielogošanās logs, kuru parādīsim pašā sākumā, pirms lietotājs ir ielogojies. Iesākumā te vajadzēs vismaz lietotājvārda un paroles teksta laukus, kā arī podziņu lai ielogotos. Pieliekam - nu .. tā. Ne visai. Nabadzīgi izskatās, kaut arī lauki ir.

Uzlabosim to! Pievienosim logo, lai ir vairāk dzīvības. Nu bet protams - spoku logo! Kā redzams, tas viss it kā karājas gaisā, un tādu efektu panācām, ekrāna vidū noliekot bloku ar rindā sakrautiem elementiem. Praktiski visiem Android telefoniem ir noslēptas, bet ieslēdzamas "izstrādātāju opcijas", ar ko var paskatīties, kas lācītim vēderā - no kādiem blokiem sastāv aplikācija. Bloku malas iezīmētas ar līnijām.

Joprojām vienmērīgi zils fons nav diez ko smuki. Lai to padarītu interesantāku, talkā nāk minētais "shape drawables", kas mums ļauj nodefinēt, ka fonā būs aplis ar blurotām malām, iegūstot daudz patīkamāku efektu