If you develop on the Android platform and haven't had a chance to try out the new widgets introduced in Android L Preview this will be a very interesting presentation for you; find out from my experiments how the new RecyclerView stacks up against the view it should replace. If Android is not your game, you will still learn a few things regarding lists on mobile and what Android is like for developers on the platform. Presented at Codecamp Iasi Autumn 2014

1. Despre mine
• Diaconu Andrei
• Developer din 2007
• Pasionat de tehnologie

2. Android?

3. Cine a folosit ListView?

6. RecyclerView?

7. RecyclerView
CardView
Elevation
Activity Transitions
Ripple
Palette
Tint
Android Lollipop

9. Runda 1: Layout

10. ListView RecyclerView

11. Adaptor
RecyclerViewListView

12. GridView
Adaptor
RecyclerView

13. ListView RecyclerView

14. RecyclerView
Adaptor
+
ViewHolder
Layout Manager
ListView

16. Runda 2: Item Click

17. setOnItemClickListener
RecyclerViewListView

18. listview.setOnItemClickListener(
onItemClick(list, view, position, id)
)
RecyclerViewListView

19. Click Listener pe fiecare View
RecyclerViewListView

20. Adaptor{
onBindViewHolder(viewHolder, position) {
viewHolder.card.setOnClickListener(
onClick(view)
);
}
}
RecyclerViewListView

21. Adaptor{
onBindViewHolder(…, final position) {
viewHolder.card.setOnClickListener(
onClick(view)
);
}
}
RecyclerViewListView

22. Daca sterg un view?
RecyclerViewListView

23. Adaptor{
onBindViewHolder(viewHolder, position) {
viewHolder.card.setOnClickListener(
onClick(view){
int pos = recycler.getChildPosition(view);
}
);
}
}
RecyclerViewListView

24. Adaptor cuplat cu recycler
RecyclerViewListView

25. Adaptor

26. Adaptor{
onCreateViewHolder(…) {
viewHolder.card.setOnClickListener(extern);
}
}
RecyclerViewListView

28. Runda 3: Animatii

29. Ce trebuie facut?
RecyclerViewListView

30. ValueAnimator
RecyclerViewListView

31. RecyclerViewListView
initialHeight = view.getHeight();
ValueAnimator
.ofFloat(1,0)
.addUpdateListener(
onAnimationUpdate(value) {
view.height = initialHeight * value;
view.requestLayout();
})
.start();

32. RecyclerViewListView
initialHeight = view.getHeight();
ValueAnimator
.ofFloat(1,0)
.addUpdateListener(
onAnimationUpdate(value) {
view.height = initialHeight * value;
view.requestLayout();
})
.start();

33. RecyclerViewListView
initialHeight = view.getHeight();
ValueAnimator
.ofFloat(1,0)
.addUpdateListener(
onAnimationUpdate(value) {
view.height = initialHeight * value;
view.requestLayout();
})
.start();

34. RecyclerViewListView
initialHeight = view.getHeight();
ValueAnimator
.ofFloat(1,0)
.addUpdateListener(
onAnimationUpdate(value) {
view.height = initialHeight * value;
view.requestLayout();
})
.start();

35. Transient State
RecyclerViewListView

36. Notificam adaptorul
RecyclerViewListView

37. Mutare?
Adaugare?
Animatii multiple?
RecyclerViewListView

38. RecyclerViewListView
ItemAnimator

39. RecyclerViewListView
recycler.setItemAnimator(
animateRemove(viewHolder) {
viewHolder.card
.animate()
.scaleY(0)
.start();
return false; }
});

40. RecyclerViewListView
recycler.setItemAnimator(
animateRemove(viewHolder) {
viewHolder.card
.animate()
.scaleY(0)
.start();
return false; }
});

41. RecyclerViewListView
recycler.setItemAnimator(
animateRemove(viewHolder) {
viewHolder.card
.animate()
.scaleY(0)
.start();
return false; }
});

42. RecyclerViewListView
Adaptor mai granulat

43. RecyclerViewListView
Adaugare
Mutare
Animatii multiple

45. Runda 4: Header

46. Header
Footer

47. list.addHeaderView
RecyclerViewListView

48. Adaptor special
Pentru pozitia 0 returnam header
Pentru alte pozitii decalam cu 1
RecyclerViewListView

49. Adaptor special
Pentru pozitia 0 returnam header
Pentru alte pozitii decalam cu 1
RecyclerViewListView

50. Adaptor special
Pentru pozitia 0 returnam header
Pentru alte pozitii decalam cu 1
RecyclerViewListView

51. if (p == 0)
return header;
else
return adaptor.get(p-1)
RecyclerViewListView

53. Runda 5 - Updates

54. update la telefon
RecyclerViewListView

55. update la sdk
RecyclerViewListView

58. Cum migram?

59. Echivalentul ListView
RecyclerView recycler = findViewById();
recycler.setLayoutManager(
new LinearLayoutManager(VERTICAL, false));
recycler.setAdapter(new MyAdapter(data));

60. Echivalentul BaseAdapter
MyAdapter {
onCreateViewHolder(parent, viewType) {
View v = inflate layout;
ViewHolder vh = new ViewHolder(v);
return vh;
}
onBindViewHolder(viewHolder, position) {
DataItem user = data.get(position);
viewHolder.text.setText(user.name);
}
}

61. • ListView itemClick vs click listener clasic

62. • ListView headers vs headere proprii