Your SlideShare is downloading. ×
  • Like
Chromium ui framework(shared)
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Chromium ui framework(shared)


This slides describe overview of ChromeOS UI Framework, consists of many visual components and aura, and aura shell.

This slides describe overview of ChromeOS UI Framework, consists of many visual components and aura, and aura shell.

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Views, Aura and Ash: ChromeOS UI Framework Simon YoungKi Hong
  • 2. About Me Software Programmer @LGE (2009.02 ~) Chromium Contributor (2012.01 ~) Chromium Committer (2013.11 ~)
  • 3. Goal Overview of ChromeOS UI Component. We can say “How ChromeOS UI is constructed!”
  • 4. Goal
  • 5. Background Chrome? Chromium?
  • 6. ChromeOS Linux based operating system. Only chrome browser is running for user.
  • 7. UI Framework In typical linux, GUI Application GUI Application GUI Application Window Manager gtk qt efl ... X or Wayland Kernel
  • 8. What kind of ToolKit is used in ChromeOS?
  • 9. Views They created UI toolkit called "Views" "Since we desired a differentiated aesthetic for Chromium, we have had to build a framework on Windows to accelerate our development of custom UI" - Chromium design docs
  • 10. Views UI is constructed of a tree of view components Widget RootView View View View View View View View
  • 11. Views Like other toolkits, it has many custom views ● ● ● ● ● ● ● ● ● Label Image view web view slider separator link button combobox etc...
  • 13. OK. we know how Widget is made... But, who give user events or draw its content?
  • 14. There is no window manager. ChromeOS runs single x-client application. Browser Process Renderer Process Renderer Process libx X …... GPU Process
  • 15. They created a new window system. Aura
  • 16. Aura Chrome's next generation hardware accelerated UI framework
  • 17. Aura Contains view components Responsible for event propagation draw widget’s contents window hierarchy management - ChromeOS is a tree of Aura Window
  • 18. Aura Event Flow Widget component Aura Window X Kernel Mouse Click
  • 19. Aura Drawing? RootWindowHost CC RootWindow Composite & Draw Aura Window Aura Window Aura Window Aura Window Aura Window GPU process Browser process GPU
  • 20. OK. we know how Widget is handled... But, how create a widget?
  • 21. Ash (Aura SHell) "A shell is software that provides an interface for users of an operating system to access the services of a kernel." - wikipedia
  • 22. Ash In typical linux, GTK application QT Application .... X Kernel Shell
  • 23. Ash Role of Shell * Window mgmt. * Program exec. * System mgmt.
  • 24. Ash
  • 25. References
  • 26. Q&A