maemo.org - Talk

maemo.org - Talk (https://talk.maemo.org/index.php)
-   Design (https://talk.maemo.org/forumdisplay.php?f=46)
-   -   QML Firefox UI-Concept (https://talk.maemo.org/showthread.php?t=88720)

Morpog 2013-01-20 15:13

QML Firefox UI-Concept
 
I made a UI-Concept for QML Firefox (Discussion here).

Hopefully some coder (TM) will start developing it, or something similar. I tried to use buttons and styles that are like Harmattan components.

Watch it in 1080p for best viewing pleasure!
http://youtu.be/O1C52xMBtPg

Teaser picture ;)
http://www.abload.de/img/01-maemouqinq.jpg

szymeczek34 2013-01-20 15:31

Re: QML Firefox UI-Concept
 
I would prefer adress bar on the bottom of the screen, just like in Fremantle.

thedead1440 2013-01-20 15:39

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by szymeczek34 (Post 1316096)
I would prefer adress bar on the bottom of the screen, just like in Fremantle.

Actually address bar on top is better due to vkb popping up; otherwise you would need to pop up the bar too...

In the concept AFAIK the tabs are hidden and brought to attention only when its pulled down; i think that part needs work as its very easy to be scrolling and get that...

nbedford 2013-01-20 15:47

Re: QML Firefox UI-Concept
 
Tabs and booksmarks should be swipe left/right just like current Firefox (just more Harmattan like UI)

Morpog 2013-01-20 15:48

Re: QML Firefox UI-Concept
 
@thedead1440
That shouldn't happen, as you normally don't scroll up when you are already at top.

Same feature like search bar in Filebox.

Morpog 2013-01-20 15:51

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by nbedford (Post 1316102)
Tabs and booksmarks should be swipe left/right just like current Firefox (just more Harmattan like UI)


That only works well in mobile optimized sites. On desktop sites it collides with left/right scrolling to see all content.

szymeczek34 2013-01-20 15:54

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by thedead1440 (Post 1316098)
Actually address bar on top is better due to vkb popping up; otherwise you would need to pop up the bar too...

In the concept AFAIK the tabs are hidden and brought to attention only when its pulled down; i think that part needs work as its very easy to be scrolling and get that...

You're right. Haven't thought of that, it was kinda natural in n900 and I forgot about vkb in n9.

thedead1440 2013-01-20 15:56

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by Morpog (Post 1316103)
@thedead1440
That shouldn't happen, as you normally don't scroll up when you are already at top.

Same feature like search bar in Filebox.

So you would have to scroll to the top to be able to open tabs?

I think in that case an option in the context menu or an additional button for tabs next to the options menu would be a better choice...

Morpog 2013-01-20 16:00

Re: QML Firefox UI-Concept
 
for that is the goto top button at bottom of site

qwazix 2013-01-20 17:34

Re: QML Firefox UI-Concept
 
2 Attachment(s)
I've been doing the same for Fremantle. Here's a short video:

http://youtu.be/hVAtWl3oUHI

(You'll see me trying to position the cursor directly on the edge. This is because the simulator doesn't support outside swipes. On the device it works when you swipe from the top)

This is also a deb with the UI up to now, but with the QtWebKit backend. The idea is to move to firefox once I'm finished tweaking the details of the UI.

(It has various dependencies like qtdeclarative, qtwebkit, maybe not correctly stated in control, so expect problems in installation)

Morpog 2013-01-20 17:39

Re: QML Firefox UI-Concept
 
Very nice!
If I just could code :(

qwazix 2013-01-20 17:51

Re: QML Firefox UI-Concept
 
qml is easy and fun. You should try it.

Makeclick 2013-01-20 18:12

Re: QML Firefox UI-Concept
 
That looks so nice! :)

elros34 2013-01-20 18:39

Re: QML Firefox UI-Concept
 
qwazix, this is really quick, awesome browser. UrlBar.qml doesn't works. I'm waiting for source.

qwazix 2013-01-20 19:08

Re: QML Firefox UI-Concept
 
Source https://github.com/qwazix/qmlBrowser

now it has kind of a cursor mode like microb (still buggy though)

qwazix 2013-01-27 20:01

Re: QML Firefox UI-Concept
 
1 Attachment(s)
Swipe from right edge goes back with a nice animation. Just proof of concept (works only for one step back for now, and gets confused if you reload the page)

Kozzi 2013-01-27 20:10

qwazix, your deb is probably for N900 only? Or is it for N9 also?
.

freemangordon 2013-01-27 21:22

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by qwazix (Post 1318217)
Swipe from right edge goes back with a nice animation. Just proof of concept (works only for one step back for now, and gets confused if you reload the page)

Do you plan to start integration with embedLite API? I can provide mozconfig for Fremantle if you wish (or could commit it on github)

EDIT:
BTW what additional SW I need on the device to test the deb?

EDIT2:

OMG, that is fast :D (on the device). I hope it will keep that speed with embedLite. Though I still don't like the idea of havig hildon-status-menu duplicated :). Edit made on the device, running hildonComponentTest

Artyom 2013-01-27 21:32

Re: QML Firefox UI-Concept
 
great concept, looks fantastic. :) to make it even better i suggest you replace the crosses with the red ones on the system.

Artyom 2013-01-27 21:35

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by thedead1440 (Post 1316098)
Actually address bar on top is better due to vkb popping up; otherwise you would need to pop up the bar too...

would that be a problem? snowshoe's address bar is at the bottom too but the vkb pops up with the bar smoothly.

qwazix 2013-01-27 23:54

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by Kozzi (Post 1318222)
qwazix, your deb is probably for N900 only? Or is it for N9 also?
.

This is N900 only, yes.

Quote:

Originally Posted by freemangordon (Post 1318244)
Do you plan to start integration with embedLite API? I can provide mozconfig for Fremantle if you wish (or could commit it on github)

Two things about that.
1. I want to finish simple interactions (back/forward), menus and dialogs with the WebKit engine since it works nicely on the Qt Simulator and this speeds the development quite a lot.
2. I have trouble setting up the thumb toolchain on sb with the repos down. Mirrors give me weird errors with gzip and things and I'd rather wait for them to be back up.

Quote:

Originally Posted by freemangordon (Post 1318244)
EDIT:
BTW what additional SW I need on the device to test the deb?

obviously you got that, but I reply for other people, that you need marxian's hildon qtcomponents posted a few posts back, and their dependencies

Quote:

Originally Posted by freemangordon (Post 1318244)
EDIT2:

OMG, that is fast :D (on the device). I hope it will keep that speed with embedLite. Though I still don't like the idea of havig hildon-status-menu duplicated :). Edit made on the device, running hildonComponentTest

The hildon status menu doesn't need to be duplicated. I decided to do that so that I implement my idea of navigation. When there is a first robust version, I am thinking of creating an alternative with the native hildon title bar and the address bar on the bottom just like MicroB. The only obstacle I can think of is that the main application menu will have to be re-implemented in QtWidget instead of QML but that's not a hard thing to do. The alternative UI's can be either decided on runtime or compile time.

marxian 2013-01-28 00:37

Re: QML Firefox UI-Concept
 
Quote:

Originally Posted by qwazix (Post 1318275)
The hildon status menu doesn't need to be duplicated. I decided to do that so that I implement my idea of navigation. When there is a first robust version, I am thinking of creating an alternative with the native hildon title bar and the address bar on the bottom just like MicroB. The only obstacle I can think of is that the main application menu will have to be re-implemented in QtWidget instead of QML but that's not a hard thing to do. The alternative UI's can be either decided on runtime or compile time.

The problem is that rendering performance is poor for QML when not in fullscreen. That's the reason for using fullscreen in Qt Components Hildon. Otherwise I would prefer to use showNormal() and find/implement a way to show the application menu in QML.

freemangordon 2013-01-28 05:09

Re: QML Firefox UI-Concept
 
@IIRC it is not that bad if one disables composition


All times are GMT. The time now is 01:08.

vBulletin® Version 3.8.8