custom views - o guia definitivo
TRANSCRIPT
CUSTOM VIEWS - O GUIA DEFINITIVOou quase isso …
Christiane SilvaDev Android @ Concrete Solutions
GDG SP Organizer
Canhota
Nerd
Café? Quero! Cerveja? Também!
E sim sou eu na foto do site …
O QUE VAMOS VER?
O QUE VAMOS VER
O que são Custom Views?
Pra que servem?
Como funcionam… Hoje no Globo Reporter!
O QUE SÃO CUSTOM VIEWS?Sabe quando o designer pede algo que o Android não te fornece pronto? Pois, é …
O QUE SÃO CUSTOM VIEWS
Custom view é todo componente criado a partir de uma view do Android:
Você pode estender um Button, TextView, ImageView …
Ao invés de estender um LinearLayout (por exemplo) , o ideal é fazer a partir do ViewGroup.
<chris.poccustomview.ContactBadgeView
android:id="@+id/contact_badge"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginRight="20dp"
android:background="@drawable/bg_circle"
android:paddingLeft="25dp"
android:paddingTop="10dp"
app:imageProfile="@drawable/ic_face_default"
app:initials="CS"
app:initialsSize="40sp" />
CICLO DE VIDA DE UMA VIEW
Entenda o ciclo de vida da view.
Você pode trabalhar nos métodos:
onMeasure()
onLayot()
onDraw()
VANTAGENS x DESVANTAGENSVantagens:
Você pode implementar em seu layout igual qualquer componente do Android
Você só vai codar essa view uma única vez.
Desvantagens
Leva um pouco mais de tempo pra desenvolver (a custom view)
O código pode ficar um pouco mais difícil de entender
Veja 5 dicas para criar custom views!
A 3 você nem imagina!
Dica 1 Não reinvente a roda
Não crie custom views para aquilo que pode ser feito com styles.
Dica 2 isInEditMode()
Vai economizar muitas noites em claros, tempo de build, remédio pra dor de cabeça…
Dica 3 Salve estado
Isso deveria ser obrigatório em toda e qualquer View
private void init(AttributeSet attrs, int defStyle) {
setSaveEnabled(true);
// ...
}
protected Parcelable onSaveInstanceState() {
Bundle bundle = new Bundle();
// save stuffs
return bundle;
}
protected void onRestoreInstanceState(Parcelable state) {
// restore stuffs
super.onRestoreInstanceState(state);
}
Dica 4 Implemente onMeasure()Também vai salvar suas noites em claro ☺
No onMeasure(), você pode configurar como funciona o dimensionamento da view e o quão grande ela pode ser.
onMeasure() {
int minWidth = paddingLeft + paddingRight + getSuggestedMinimumWidth();
int width = resolveSizeAndState(minWidth, widthMeasureSpec, 1);
int minHeight = MeasureSpec.getSize(width) + paddingBottom + paddingTop;
int height = resolveSizeAndState(minHeight, heightMeasureSpec, 0);
setMeasuredDimension(width, height);
}
Dica 5 invalidate()
Quando alguma alteração tiver que ser refletida no layout, esse é o método responsável por fazer isso.
Use-o com cuidado 😉
PARA ENTENDER MAIS …
Android Developer - Views: https://developer.android.com/reference/android/view/View.html
Android Developer Training - Creating Custom Views: https://developer.android.com/training/custom-views/index.html
Huyen Tue Dao - Droidcon NYC 2016 - Measure, Layout, Draw, Repeat: Custom Views and ViewGroups: https://youtu.be/4NNmMO8Aykw
Projeto exemplo: https://github.com/christianemorais/POCCustomView
DUVIDAS?
