AZUL Design成功案例分享-飞利浦智能电视Qt UI-Azul.pdf

AZUL Case Study Philips 2K14 Smart TV Who is AZUL • Design House from Taipei What’s the UI design for us? • functionality user-centered design Setup Menu Channel list Source list What can AZUL provide • Totally design solution Choose a framework • combine the art design with program development. - QML C++ Choose a framework • art design - GUI effects -shadow 、blur 、glowing text 、animation Choose a framework • Functionality -API Choose a framework • Environment -development environment -design environment -test environment Choose a framework • Others -embedded system embedded system • Reliable -stable • Feasibility -functions • Performance -start up time -smooth animation Start coding • What’s TV UI design Program Architecture • System Manager – Single process application – Including 9 modules • Home Screen, Channel Matrix, EPG, Content Browser, … Division of the work • Using Model / View architecture • Integrating C++ with QML – Rapid modification for UI – Easy to invoke API and preserve data Pain of the UI Development • Trivial and frequent modification • How to conquer it? – Cross-platform development of Qt – No need to compile for QML About Remote Control • Why need to intercept of RC events? • How to process events in Qt – Re-implement event handler • void keyPressEvent(QKeyEvent *event); – Event filter • monitoredObj-installEventFilter(filterObj); • Centralized management Notification for the Different Components • Observer Pattern? • Signals and slots in