Posts Tagged ‘QML’

« Older Entries

Update: How to create Qt5 QMLExtensionPlugin

Thursday, August 30th, 2012

Some time ago I wrote a post how to port QtQuick1.X extensions to Qt5. In that post, I wrote how I created a VideoWidget QMLExtensionPlugin on Qt 4.7 and then what it takes to make it run on Qt5 too. Well, things has changed a bit since that post an I thought that I should share what it takes now to make it work again.

Step 1: You can remove deprecated macro Q_EXPORT_PLUGIN2() from your plugin code

Step 2: Add a new macro  Q_PLUGIN_METADATA(IID “module.uri” FILE “yourfile.json”) after Q_OBJECT macro in your extension plugin class.

   #ifndef VIDEOWIDGET_QML_PLUGIN_PLUGIN_H
   #define VIDEOWIDGET_QML_PLUGIN_PLUGIN_H

   #include <QtQml/QQmlExtensionPlugin>

   class VideoWidget_QML_PluginPlugin : public QQmlExtensionPlugin
   {
       Q_OBJECT
       Q_PLUGIN_METADATA(IID "com.dpointer.media" FILE "videowidget.json")
    public:
       void registerTypes(const char *uri);
   };

   #endif // VIDEOWIDGET_QML_PLUGIN_PLUGIN_H

 

Step 3: Add JSON file to your project e.g. using OTHER_FILES = videowidget.json

{
        "Keys": [ "VideoWidget" ]
}

 

If I remembered everything, that’s all folks. You may also want to checkout the instructions from http://qt-project.org/wiki/Transition_from_Qt_4.x_to_Qt5

This post was a short and fast, but I hope it will help other devs who are using a bleeding edge Qt5 too. And if you have followed the news, Qt5 Beta is out!

 

Thanks for reading my blog!

Tags: , , , ,
Posted in Programming, Qt | No Comments »

Deploying shaders for view transitions on Qt5 / QtQuick 2.0

Sunday, August 26th, 2012

I’ve been playing with QML quite a long time, even though it’s a young technology. I bet, I’m not the only one who has noticed that when building an application with QML, you may end up having a bunch of views and then you should figure you a way to navigate between them.

You can of course create all the views in the beginning and then switch between them based on user’s interaction. This may lead you to the situation where your app eats memory and your “Main.qml” is rather large. Another way is to build your own framework which provides an infrastructure for creating and displaying those views. The third way would be to use a ready-made framework such as Qt-Components. The third way, may not be always an option because it may work only on certain platforms, therefore you’ll end up building something of your own.

I decided to give a try and build something of my own. I call it “d-touch” framework. I had the following list in my mind how the framework should work:

  1. Transitions between views must be dynamic i.e. I want to be able to change from slide transition to something else without touching a code at all.
  2. I don’t want to create all the views in the beginning in my main. Instead I want to load them dynamically on demand.
The first requirement was solved using shaders. To be more precise, I use only fragment shaders at the moment. This lead me to a solution that I don’t need to define “positions” for views and then do transitions e.g. from (x1,y2) to (x2,y2) coordinates. Instead, I just make them to be in a “view stack” and actual transition has been implemented using Qt5′s ShaderEffect element.
The second requirement is solved by providing functionality (functions) for creating views dynamically. View management is handled fully by d-touch framework. Views just define, what QML files needs to be opened or closed and the framework handles the rest.
Here’s a short video where I demonstrate how shader based transitions work and all the views are created only when needed.

(more…)

Tags: , , , ,
Posted in General, Qt | 2 Comments »

Porting QtQuick1.X extensions to Qt5

Wednesday, March 7th, 2012

A friend of mine (@jan_ekholm/twitter and chakie/@freenode) developed a cool C++ VideoWidget using Qt a some time ago. The idea of making this kind of own custom widget, was that Qt’s multimedia isn’t the best multimedia kit on earth. The problem is that it’s not really a cross platform because it depends on underlying platform multimedia kit. For example on linux it may depend on streamer or phonon backend, on Windows it depends on DirectShow and on Mac on QuickTime. This also means that something that works on one platform, may not work on another platform.

One weird thing about Qt’s multimedia is that QML bindings are provided only by Qt Mobility’s multimedia module. Then again Phonon isn’t very efficient and it doesn’t have QML bindings. If using VLC with Qt, it’s almost impossible to make overlays (text) visible on a video. So Chakie made a solution, which doesn’t depend any of these, is a cross platform (Windows, Mac, Linux) and works quite nicely.

I thought that it would be great to port that QWidget/C++ based solution to QML. Actually, it was quite straight forward to do that, thanks to Chakie’s original solution, it took only a few hours to get the first version to work. Of course, fine tuning takes time, but it didn’t really take more than two hours to make the QML extension to show a video.

(more…)

Tags: , , , , ,
Posted in Programming, Qt | No Comments »

Playing with Qt5 and QML

Wednesday, August 31st, 2011

It’s been a while since I did any experiments with Qt. I decided to take a look at Qt5 and QML. The first thing was to fetch the source code and figure out how it can be built. I was really surprised that in the end I didn’t encounter any problems while building it.

Building Qt5

It took only few steps to build Qt5 on Mac.

  • git clone git://gitorious.org/qt/qt5.git qt5
  • cd qt5
  • ./init-repository
  • qtrepotools/bin/qt5_tool -c -p -b
You can check out qtrepotools -h to choose what ever options you want.

Playing with QML

After building, you find all the stuff from qt5/qtbase directory. There is a bin directory where all the required binaries are. If you want to test how new QML with really fast scene graph works, you can try to run demos using qmlsene binary. Here’s a video where I run four different particle demos on not-so-new 13″ MacBook Pro without any big problems.

This blog post was short this time. If you are interested in what happens in the Qt development, the Qt5 is really worth to check. Naturally there are also other things happening in the background like modularization in addition to QML development. Personally, I think the best way to follow Qt development is to read Qt Labs Blog. But in the end I can’t say anything else that good work Trolls. Can’t wait that they will get Qt5 released in 2012.

Thanks for reading my blog!

 

Tags: , , ,
Posted in Qt | No Comments »

Developing QuickFlickr for N950

Sunday, August 7th, 2011

I had a little break of developing Qt stuff, but after receiving N950 from Nokia, I decided to continue with QuickFlickr development. The original target HW for QuickFlickr has always been Nokia’s next “linux phone”. Even though, Nokia kindly gave me two Symbian devices, I never got so excited to do development on Symbian platform/devices.

I also feel responsible for continue my Qt Ambassador project (I need to update the project page. It’s so out-of-date) too, so here I am now, with a one preview video where QuickFlickr runs quite smoothly on N950. Let’s watch it first:)

The video above is quite heavily edited because the lack of my video shooting skills. With editing I mean that I did stupid things while shooting the video so I cut few clips away.

(more…)

Tags: , , , , , ,
Posted in Maemo, MeeGo, Qt | No Comments »

« Older Entries