This blog post is now offered in Spanish language thanks to Webhostinghub.com.
This is a project I dream to have for almost two and half years, now I finally have the time and right tools to make it.
![](https://raw.github.com/penk/SlateKit/master/Shell/screenshot.png)
- Github repo: https://github.com/penk/SlateKit/tree/master/Shell
Why does it look like a drawer? Can't you make something new?
Even though Navigation Drawer pattern is quite trendy nowadays, but this was extremely influenced by the three-year-old Chromium OS tablet conceptual mockups. When I started this browser project, I set up a few goals to follow:
- Explore layout and user interface design possibility
- Make a Touch-First control, then add desktop support if needed
- Write it entirely in QML and JavaScript, to see how far it goes
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGtmAv_YTCnKrBTJyo36F73rTvT9-1Sg0Mx896uuC3blxEkEUeMXB1D4eZsAJFdn3SUwPzT2cPIW-6qZbMLu2kCmmPV0K6KLJVPTepNzhYVhg6SReqhyphenhyphenAq688AMskFekYlWl4BHLVXsmZx/s320/mockups.png)
QtQuick looks like a perfect tool for UI prototyping, and I wanted to learn how it holds up without C++ glue code, custom Model or any other plugins. It turns out pretty okay.
What kind of features does it have?
Apart from the side-tab support, we have some basic features:
- Custom Popover for
select
elements and inputs - Historical search suggestion and highlight using
QtQuick.LocalStorage
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZtq6hxoj8H8Mwgqr6c6w_HBBhFnPMD1zUUqJuUwLy5ng-i2MhrbKg7E8lNnYAVk8ADdJzAQVFEgWiKCG6ccZd7gcL5ZyGE0r-Z5CLnvYzAYeHnhr6MeD_snULXKUGzO6p9f9sA05qKyei/s320/Screen+Shot+2013-05-17+at+10.36.44+PM.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggefNnMkIlIpsTPBH4KTBfvpNr46s6g1x9WWTk9JOgmci3fr2B-hOp5thH17A82G4VajnZCbkG_Xo3WPOKOEd_gywgtgJDiomn6C57hM5BeJRUJarqbCO2t5PTco3LpP9fHoLJjFh03GR0/s320/Screen+Shot+2013-05-18+at+1.22.34+PM.png)
Wait a second, is that a virtual keyboard?
You're reading it right! Shell comes with a modularized keyboard (using the Fakekey plugin), this makes it possible to be running as a self-host standalone kiosk-mode application, without using any input method engine or window system, on any touchscreen device comes with a Qt environment.
![](https://raw.github.com/penk/SlateKit/master/Shell/screenshots/keyboard.png)
What's next? Conquer the world? Put it back to shelf and move on?
I think porting it to Ubuntu Touch (and platforms like Mer/Sailfish OS or Hawaii Desktop) with their SDK/Components seems to be a reasonable target. And I will work on small form factor for sure.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvtTYaYUjhoA0U_aIcZUr86DFuYA1f_bnf19zzVrLBLNEk2Dl8dpJ9WYUvAIX-P43md-YoyMSkuHy-U5KsPqqzJhwvKXnB1kSqJR3mla2QQI-fqo8dSwFxHNmWnNxcCy7-lFzx5QFLBxiJ/s320/Screen+Shot+2013-05-18+at+4.05.42+PM.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjGPrQdMo_DQrV3aI-xu4iIbcr3oYkAMKIhpnxzFlZi8OCiDUL9GMlcM6NMxyExEq9i6pAvBRXLGt2UnAEQGr5tBXLrUBZ7ocpJAcXnZPAgygW2GR8H6bvMdg2tLLWn7S5Dik8U3FtGGd1/s320/Screen+Shot+2013-05-18+at+4.05.49+PM.png)
Please get it from Github, play with it, feedback/bug report/patch are more than welcomed! :-)
Best,
penk <penkia@gmail.com>
1 則留言:
How install on Ubuntu Unity?
張貼留言