Sensorki – material design – #3

This entry is part [part not set] of 10 in the series Sensorki

Skoro działa i się odświeża – można zająć się wyglądem żeby przestało straszyć.

Na początku zmienię LinearLayout w ConstraintLayout i podniosę go trochę. Dodam też kolor:

https://gist.github.com/jezinka/a4a51ae21317daa44672b15bbf8ab543
ConstraintLayout

Wezmę się za nazwę pomieszczenia. Zrobię ciemniejsze tło, podniosę trochę wyżej niż cały kontener i wyśrodkuję:

https://gist.github.com/jezinka/dfe6f7360f5fe133624e9c2d19f6f5b4
label_tv

Każda z miar dostanie własną ikonkę prosto z https://www.freepik.com/. Jako że używam constraint layoutu to wszystko musi mieć określone względem czego ma być pozycjonowane.

https://gist.github.com/jezinka/ef23f1a5072288726944abe5b79d7c40
temperature

W uproszczeniu pracy pomoże mi guideline, do którego będę ustawiać wszystkie teksty.

https://gist.github.com/jezinka/f44cdbf6f5b32783ed47e583e1e8f4b4
guideline

Ciśnienie jest dostępne tylko dla czujnika na balkonie, więc dla ułatwienia sobie życia zamknę ikonkę i tekst w grupę i ukryję je jeśli jest nullem.

https://gist.github.com/jezinka/857caf21b2004ec2193a47e04e313c45
xml group

No i jeszcze można wyróżnić datę. Zrobić jej osobne, białe tło, wyśrodkować i zmniejszyć tekst. Ostatecznie tak wygląda aplikacja w tym momencie. Dla porównania – wersja sprzed zmian 😉 

Kod oczywiście – na githubie

Series Navigation

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.