MxPathBar

Since getting back from my month-long holiday a few weeks ago, I've been working on Moblin's next-generation, Clutter-based UI toolkit: MX. You can check this out on moblin git. We're really hoping that we can make this toolkit all you'd need in writing a modern, Clutter-based application for Moblin, so if you're interested, please do check it out and give us some feedback! If you're already acquainted with the Moblin infrastructure, you should know that this obsoletes NBTK.

Today, I 'finished' on one of the new widgets that we'll be providing, MxPathBar. This is very similar to the breadcrumb-bar in the GTK file-chooser, with the added bonus of having an 'editable' mode that allows you to search. We intend to use this in the media library, and perhaps in the file-chooser (more on that at a later date...) Here's a little demonstration - note that this is pre-final stuff and animations/graphics may improve :)


Download video

Damien Lespiau says:

Awesome!

Walther says:

Looks really good!

But I would change the animation that happens when you click a crumb (all the other crumbs slide left and hide behind it). I don't get the meaning of that in terms of a path on a filesystem.
I'd say, when you move to a ancestor of the current working directory, you discard the children. I'd prefer the other crumbs to fade away in place or something.

andi says:

Very cool!!!

Wan Li says:

Is the UI "generated" by the js file?
Having look at it may remind me the XUL and spider/tracemonkey things, such as vbox, const, let syntax ...
Any basic introduction of this toolkit?

Chris Lord says:

@Wan: That test app is written in JavaScript, yes (though Mx itself is written in C) - I'm using it via the gobject-introspection bindings, via gjs - http://live.gnome.org/Gjs/

The best introduction is to just read existing examples of code (e.g. in gnome-shell, or at a push, the Mx test apps). Unfortunately you can't extend objects yet, which is the major limiting factor.

Any comments?