Close

Sensorki – material design – #3

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:

ConstraintLayout

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

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.

temperature

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

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.

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<< Sensorki – refresh – #2Sensorki – wskaźnik baterii – #4 >>

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: