1. Qt Item Views
The Next Generation

2. • Marius Bugge Monsen
• Qt Software, Nokia
• Senior SW Engineer
• Lead, Qt Widget Team 2

3. Qt Item Views
• What is it?
• Why do we need a “Next Generation”?
• How does it work?

4. List View Table View Tree View

7. • Experience
• Graphics View
• Animation Framework
• Competition

8. Creative Friday

9. Warning:
Work in progress!

10. Model
View Controller

11. Data and logic
Selection state
Presentation Behavior

12. Data and logic Selection state
Presentation Behavior

13. Data
QListModelInterface QListSelectionManager
QGraphicsListView QListController
Output Input

14. Data
QListSelectionManager
QGraphicsListView QListController
Output Input

15. QListWidgetNG
QListSelectionManager
QGraphicsListView QListController

16. QListWidgetNG
QListDefaultModel QListSelectionManager
QGraphicsListView QListController

17. int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QListWidgetNG widget;
widget.show();
return app.exec();
}

18. int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QListWidgetNG widget;
widget.controller()->setModel(new MyData(&widget));
widget.show();
return app.exec();
}

19. Data and logic Selection state
QGraphicsListView Behavior

20. View
Item

21. Invisible item
Item

22. Invisible item
Item

23. Invisible item
Item

24. QGraphicsWidget
QGraphicsWidget

25. QPropertyAnimation
QGraphicsWidget
Position Size
Opacity Rotation
Scale

26. QGraphicsSimpleTextItem
QGraphicsLayout
Me
QGraphicsPixmapItem
QGraphicsSvgItem

27. ‘SUP DAWG YO I HERD U LIKE ITEM VIEWS...

28. View
View

29. Data and logic Selection state
QGraphicsListView Behavior

30. Data and logic Selection state
Behavior

31. Data and logic Selection state
Behavior

32. Data and logic Selection state
PathListView Behavior

34. int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QListWidgetNG widget;
widget.controller()->setView(new MyPathView);
widget.show();
return app.exec();
}

35. View
Item

36. View
Item

37. Demo

38. View or Layout ?

39. Data and logic Selection state
Presentation Behavior

40. Data and logic Selection state
Presentation QListController

41. View Input Events
Item Controller

42. View Scrollbar
Item Controller

43. Data and logic Selection state
Presentation QListController

44. Data and logic Selection state
Presentation

45. Data and logic Selection state
Presentation

46. Data and logic Selection state
Presentation QKineticListController

47. int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QListWidgetNG widget(new QKineticListController);
widget.show();
return app.exec();
}

48. Demo

49. http://labs.trolltech.com/page/Projects/Itemview/ItemviewsNG

50. Thank you!
Questions?