Listat dhe filtrimi

Pothuajse çdo aplikacion ka një listë

Hap cilindo aplikacion në telefon dhe diku do të gjesh një listë: një listë mesazhesh, një listë porosish, një listë vendesh për të vizituar. Në Adalo, lista është komponenti që merr një koleksion të tërë nga baza jote e të dhënave dhe e shfaq në ekran, një rresht për çdo regjistrim. Sapo t'i kuptosh listat, shumica e ekraneve fillojnë të duken njësoj: zgjidh çfarë të shfaqësh, vendos radhën dhe fshih atë që nuk hyn aty.

Në këtë leksion do të ndërtosh mbi aplikacionin Trips nga leksioni i kaluar. Tashmë ke një koleksion Trips me regjistrime brenda. Tani do t'i vendosësh ato udhëtime në një ekran, do të zgjedhësh si duket secili udhëtim dhe do ta filtrosh listën që të shfaqë vetëm udhëtimet që do.

Shfaq një koleksion si listë

Kur tërheq një listë në një ekran, gjëja e parë që Adalo të pyet në panelin e majtë është "What is this a list of?", pra çfarë liste është kjo. Përgjigjesh duke zgjedhur një koleksion nga baza jote e të dhënave. Zgjidh Trips, dhe lista mbushet me një rresht për çdo udhëtim që ke ruajtur. Nuk shkrove asnjë prej atyre të dhënave me dorë; lista i lexon drejtpërdrejt nga koleksioni, kështu që kur shtohet ose ndryshohet një udhëtim, ekrani përditësohet vetë.

Adalo të jep gjashtë stile të gatshme listash, si dhe një Custom List që e ndërton vetë, që ta përshtatësh pamjen me përmbajtjen:

• Simple List: reshta të thjeshtë me tekst, të mirë për emra ose tituj.
• Card List: një kartë më e madhe për çdo regjistrim, me vend për një foto dhe pak rreshta.
• Image List: ndërtuar rreth një fotoje për çdo regjistrim.
• Avatar List: një foto e vogël e rrumbullakët pranë çdo reshti, e zakonshme për persona.
• Horizontal Card List: karta që rrëshqasin anash në vend që të zbresin poshtë.
• Horizontal Chip List: etiketa të vogla si pilula që rrëshqasin anash.
• Custom List: rreshtin e ndërton vetë nga komponentët e thjeshtë (më poshtë flasim për të).

Fillo me stilin e gatshëm që i afrohet më shumë asaj që do. Gjithmonë mund ta ndryshosh më vonë.

Rendit dhe filtro çfarë sheh përdoruesi

Në parazgjedhje lista shfaq koleksionin e tërë, por rrallë kjo është ajo që do. Le të themi që koleksioni Trips ka një veti True/False të quajtur Public, dhe ti do të shfaqësh vetëm udhëtimet që janë të hapura për të gjithë. Do gjithashtu që udhëtimet më të lira të jenë në krye. Të dyja punët bëhen te cilësimet e listës në panelin e majtë.

1. Zgjidh listën në ekran që të hapen cilësimet e saj në panelin e majtë.
2. Sigurohu që te "What is this a list of?" koleksioni është Trips.
3. Kliko "Add another filter" për të shtuar një rregull.
4. Zgjidh vetinë që rregulli shikon, këtu Public.
5. Zgjidh kushtin, këtu Public të jetë e barabartë me True.
6. Te Sorting, zgjidh vetinë dhe drejtimin, këtu Cost, nga i ulëti te i larti.

Shikoje ekranin te Preview. Shfaqen vetëm udhëtimet publike, dhe renditen nga më i liri te më i shtrenjti. Mund të shtosh më shumë se një filtër, dhe çdo rregull i ri e ngushton listën edhe më. Në detyrën tënde e përdor të njëjtën rrjedhë për një rregull më delikat: shfaq çdo udhëtim përveç atyre që i krijoi vetë përdoruesi i kyçur, duke filtruar aty ku email-i i krijuesit nuk është i barabartë me email-in e përdoruesit të kyçur. Të njëjtat tri lëvizje çdo herë: zgjidh një veti, zgjidh një kusht, shtoje.

Lista të personalizuara dhe lista brenda listave

Dy gjëra që listat e gatshme nuk i bëjnë dot: të përshtaten me një paraqitje të pazakontë, dhe të shfaqin një listë brenda çdo reshti. Të dyja i zgjidh Custom List.

Për ta bërë një listë të personalizuar, ndalon së përdoruri një stil të gatshëm dhe e ndërton vetë reshtin:

1. Tërhiq një List të thjeshtë nga komponentët e thjeshtë në ekran.
2. Zgjidh listën, hap Components dhe zgjidh Add Components.
3. Tërhiq brenda pjesët që do për çdo rresht, një tekst, një foto, një buton, dhe vendosi.
4. Bëje çdo element dinamik, që të lexojë nga koleksioni në vend që të tregojë tekst të fiksuar. Një tekst, për shembull, bëhet Titulli i udhëtimit dhe jo fjala "Title".

Meqë ti kontrollon çdo element, një rresht i personalizuar mund të përmbajë vetë një listë tjetër. Kjo është një listë listash, dhe aplikacioni Trips i shkon për shtat: një udhëtim ka shumë ditë, dhe çdo ditë ka shumë aktivitete. Truku është ta ndërtosh nga brenda jashtë.

1. Shto një Simple List dhe vendose të jetë listë Aktivitetesh.
2. Shto një komponent Text sipër saj që shërben si titulli i ditës.
3. Shto një buton "Add Activity" poshtë aktiviteteve.
4. Zgjidhi të tria bashkë, listën, titullin dhe butonin, dhe kliko "Make List" në panelin e majtë.
5. Vendose këtë listë të jashtme të jetë listë Ditësh, të filtruar te ditët e udhëtimit aktual.
6. Vendos tekstin e titullit te emri i ditës aktuale, dhe filtrin e listës së brendshme te aktivitetet e ditës aktuale.

Rezultati është një ekran që shfaq çdo ditë të një udhëtimi me aktivitetet e asaj dite poshtë saj. Në detyrë e përdor të njëjtën ndërfutje në ekranin kryesor: çdo udhëtim i shfaqur me anëtarët e tij të renditur brenda.

Do ta shohësh të shpjeguar? Ja leksioni i regjistruar i Code for Albania për këtë temë.

Provo veten

• Kur shton një listë në një ekran, cila është pyetja e parë që Adalo të bën, dhe çfarë po zgjedh në të vërtetë kur i përgjigjesh?
• Do një ekran që shfaq vetëm udhëtimet publike, më i liri i pari. Cila pjesë është filtër dhe cila është renditje?
• Çfarë mund të bëjë një Custom List që gjashtë llojet e gatshme nuk e bëjnë dot, dhe pse kjo e bën të mundur një listë brenda një liste?