Customising Qt look and feel and Python in 30 Mins

(Setup)
(Setup)
Line 30: Line 30:
[[Image:Qt-ResourceManager.png]]
[[Image:Qt-ResourceManager.png]]
 +
 +
 +
5. Now Create a new resource file called customui.rc, add a prefix called images, and add all the images from our image directory using the add files icon.
 +
 +
[[image: Qt-Edit-Resources.png]]

Revision as of 14:33, 12 February 2010

Introduction

This is a simple tutorial to show how to use Python and Qt-Designer to create your own look and feel for your applications using custom images, the Qt Resource system, and Cascading Style Sheets (CSS).

We are going to show you how you can create a look similar to the [Qt Mobile Demos]


Image:qtmobile-calc.jpg

Assumptions

This tutorial assumes that you have a working Python ,Pyqt and Qt-Designer environment up and working. If you have not then do this first tutorial

Qt Designer/Python for Windows XP in 30 Mins


Setup

Download the mobile tarball demos from [Here]

1.Create a folder in you home directory called customui

2.Extract the tarball and then copy the folder from qt-labs-mobile-demos/mybudget/images/calculator into your home directory and call this folder images.

3.Now Open Qt-Designer and create a Mainwindow object.

4.Next we are going to create a Qt Resource file from the images that we just downloaded so that we can use them in our UI. Click on the pencil on the Resource Browser


Image:Qt-ResourceManager.png


5. Now Create a new resource file called customui.rc, add a prefix called images, and add all the images from our image directory using the add files icon.

image: Qt-Edit-Resources.png