Techie's Home

Access QML Element properties from C++

2011-12-30T00:40:00.000+05:30

Qt provides various method for working with QML. This following tutorial shows, how a QML Element properties can be accessed and modified from C++ code using QDeclarativeProperty class.

It will show a simple idea on accessing properties which cannot be accessed directly.

main.qml

import QtQuick 1.1

Rectangle {
    id: parentRect
    property bool layoutValue : LayoutMirroring.enabled ? true : false;// Read Only
    LayoutMirroring.enabled: false
    LayoutMirroring.childrenInherit: true
    width: 300; height: 50
    color: "yellow"
    border.width: 1

    Row {
        anchors { left: parent.left; margins: 5 }
        y: 5; spacing: 5

        Repeater {
            model: 5

            Rectangle {
                color: "red"
                opacity: (5 - index) / 5
                width: 40; height: 40

                Text {
                    text: index + 1
                    anchors.centerIn: parent
                }
            }
        }
    }
}

main.cpp

#include 
#include 
#include 
#include 
#include "qmlapplicationviewer.h"

Q_DECL_EXPORT int main(int argc, char *argv[])
{
    QScopedPointer app(createApplication(argc, argv));
    QScopedPointer viewer(QmlApplicationViewer::create());

    viewer->setOrientation(QmlApplicationViewer::ScreenOrientationAuto);
    viewer->setMainQmlFile(QLatin1String("qml/Test/main.qml"));
    QDeclarativeProperty propLayout(viewer->rootObject(),"layoutValue");
    QDeclarativeProperty propLayoutMargin(viewer->rootObject(),"anchors.leftMargin");

    qDebug() << "Layout Property :" << propLayout.read().toBool();
    qDebug() << "Layout Margin :" << propLayoutMargin.read().toReal();

    qDebug() << "Property Modified? " << propLayoutMargin.write(QVariant::fromValue(20));
    if(propLayout.type() == QDeclarativeProperty::Invalid)
        qDebug() << "Invalid Layout Mirror property";
    if(propLayoutMargin.type() == QDeclarativeProperty::Invalid)
        qDebug() << "Invalid Anchor Margin property";
    viewer->showExpanded();

    return app->exec();
}

Qt for Android - __atomic_inc undefined error!

2011-12-14T00:06:00.000+05:30

I have also encountered this error. This is how I rectified.

Select Projects on the left panel (below Debug). Select "Build" in the top and make sure the Qt Version and arm configuration are same in
1) Compilation Target (Android robot symbol)
2) Edit Build Configuration (drop down list box)
3) Qt Version (General category)

Now click "Run" next to "Build". Now select atleast "android-8" as the Android target. Now clean the project and click rebuild. This should clear this error.

Nokia phone asking memory card password!

2011-09-27T19:19:00.001+05:30

After resetting your mobile phone for some reasons, you may see that any E - Series or N - Series Nokia phone will ask you the memory card password, even if you haven't set one.

Just try the Lock Code of your mobile phone and that is the Abracadabra...

If you haven't set any Lock Code for your phone, try the default code i.e., 12345.

Install Qt MYSQL Driver for Linux (Ubuntu).

2011-09-21T14:57:00.003+05:30

QSqlDatabase: QMYSQL driver not loaded

QSqlDatabase: available drivers: QSQLITE QSQLITE2

You might have come across this error, if you are using Qt SDK from Nokia.

Now follow these steps to get MYSQL working with Qt Creator.

Go to System-> Administration-> Synaptic manager and search "libqt4-sql-mysql" (libqt3-sql-mysql if you are using Qt3) and install the library by right clicking and select Mark for installation.

Now, in your Qt code add this line
qDebug() << QCoreApplication::libraryPaths();

You will see something like this upon running your program.
("/home/raja/QtSDK/Desktop/Qt/473/gcc/plugins", "/home/raja/Documents/QtProjects/SyncTest-build-desktop")

Now copy libqsqlmysql.so (search it or find it as shown in the above picture) to the above path. You can also use the library by using QCoreApplication::addLibraryPath(QString path).

Some random things about Qt & QML!

2011-09-19T20:56:00.000+05:30

Someone asked a question in stack overflow about the future of Qt and Qt's future support for Desktop. A thought of sharing you what my answer was to him.

The future of Qt is never uncertain. The one who said, "there is not interest in desktop" is not the owner. The future of Qt is well mentioned after the Feb'11 (announcement of WP7 collaboration). In fact, QML is Good way to go for future UIs.

For your proof, the new Unity Interface for Ubuntu is going to have a 2D QML interface and the future editions are going to have QML 3D interface for some applications. The new Ubuntu is highly integrated with Qt.

The way Qt is going is too good so far. As a regular reader of Qt blogs and labs, I can say it for sure. The new Qt 5 is going to have lot of features and performance improvements. Also, they have committed its development to the successful Open Governance model. So, everyone can contribute.

Since the future of development is going to be for Mobiles and Tablets, most of the tutorials you will find may seem to create an illusion that Qt has no support for Desktop, but its not the case.

Download the latest Qt SDK 1.3 and you will find the Qt 4.7.4 for Desktop.

To ease the use of Qt, for developing both mobile and desktop applications, Nokia has combined both development environment into one SDK called Qt SDK, unlike the previous Nokia Qt SDK.

Moreover, I think no other C++ development framework can support a wide range of platforms like Qt supports now.

I supports: -

Desktop OSs: Windows, Linux, Mac OSx.
Mobiles OSs: Symbian, Android (Community cupported), IOS (Comunity supported), Windows CE, Embedded Linux devices, Meego, Maemo.
Tablet OSs: Android, Meego, Tablet Linux ports.

A new opportunity for porting it to is available in the name of Qt Necessitas- The Android port and IOS port of Qt are based on this only. If you have doubts check the YouTube for videos.

And regarding Java, I have read it is not that cross platform as Qt is. I also doubt whether any IDE, other than Qt can give you the comfort of cross compiling.
The Documentation is too good that, for rare cases where cross platform is not supported (for some Window functions) is mentioned explicitly along with alternative methods to implement it in that particular OS.

QML is awesome, since its behind the scene actions are performed using C++ to give you similar performance (85% as fast as Qt C++). And you don't have the head ache of Memory Management (if you are not used to with C++). If you really want a beautiful GUI and fast performance go for QML and C++.. Else the easy option is to use QML and Javascript.
I'm developing an application for Symbian, using heavy animations in my Nokia E63 with a CPU clock speed of 386 MHz and QML performance is smoother and doesn't hangs at all.

You can even find the OS and version with an if else statement, that easy. Give it a try before deciding it by reading some reviews.

Format pendrives, removable disks in Ubuntu!

2011-09-05T20:12:00.000+05:30

I don't know whether you already know about this. You may even feel this post as silly, but yet this will help some newbies in Ubuntu.

To format your pendrive or any removable disk, you don't have to use any shell commands. Just select from the taskbar

Places -> Computer -> Right click the (pendrive or removable disk) and select Format.

You can select the file system according to your usage. If you are just going to use it under Linux, select "EXT" file system or choose "FAT" file system.

Use this code to paste Program source codes in blogger (or any HTML web page).

2011-08-29T01:07:00.001+05:30

The program source code to be posted/pasted has to go between the <pre></pre> tags.

<div style="background-color: peachpuff; height: 600px; overflow: auto; width: 99%;">
<pre>

</pre>
</div>

The results will look like as it appears in the post. A Simple QML application

A simple application in QML - Stop Watch.

2011-08-29T00:49:00.005+05:30

I've been playing around with Qt and QML for almost eight months and the new declarative language from the Troll Tech Engineers has impressed many people out there. If you don't know what QML is then don't hesitate to take a look at Nokia's website, you will find many things about Qt and QML.

QML is a wonderful language especially for developing mobile applications, where people always want to have fun with the UI. Thats why the legend Symbian seemed to lost its glory, but soon after Nokia's announcement of Symbian port of Qt, there is been a huge increase of interest from the people to develop for mobile.

QML, the declarative language has the strong Qt C++ on its backend and is a very simple environment for Web Programmers and New Programmers who don't have much experience with traditional programming languages like C++, C# and Java.
So here is my Stopwatch code snippet programs source code.

MainUI: StopWatch.qml (Best viewed in Landscape View)

import Qt 4.7







Rectangle {



    id:parentContainer



    width:320



    height: 240



    focus:true



    Image {



        id: background



        width:parentContainer.width



        height:parentContainer.height



        source: "background.jpg"



    }







    FontLoader{



        id:digitalFont



        source:"trana.ttf"



    }



    Keys.onSelectPressed:{



        startButton.startFunction()



    }







    Keys.onSpacePressed:{



        startButton.startFunction()



    }







    Keys.onEnterPressed:{



        startButton.startFunction()



    }







    Keys.onLeftPressed:{



        resumeButton.resumeFun()



    }







    Keys.onRightPressed:{



        stopButton.stopFunction()



    }

http://www.techieshome.in/2011/08/simple-application-in-qml-stop-watch.html





    Keys.onUpPressed:{



        newLapButton.createNewLapRecord()



    }







    Keys.onDownPressed:{



        resetButton.resetFun()



    }







    Keys.onAsteriskPressed:{



        Qt.quit()



    }







    Keys.onContext2Pressed:{



        Qt.quit()



    }







   Grid{



        id:lapRecordView



        rows:4



        columns:3



        spacing:3



        anchors.top:parent.top



        anchors.horizontalCenter:parent.horizontalCenter



        NewLapL{



            id:lap1



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap1



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap1; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap2



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap2



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }







                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap2; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap3



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap3



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap3; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap4



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap4



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap4; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap5



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap5



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap5; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap6



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap6



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap6; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap7



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap7



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap7; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap8



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap8



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100







                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap8; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap9



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap9



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap9; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap10



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap10



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap10; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap11



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap11



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap11; property: "width"; from: 0; duration: 200 }







                }



            ]











            }



        NewLapL{



            id:lap12



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap12



                        opacity:1.0



                        height: (parentContainer.height*7)/100



                        width: (parentContainer.width*29)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap12; property: "width"; from: 0; duration: 200 }







                }



            ]











            }







        }











    Row{



        id:buttonRow



        spacing:5



        anchors.bottom:parent.bottom



        anchors.bottomMargin:5



        anchors.horizontalCenter:parent.horizontalCenter







        Rectangle{



            id:startButton



            width:start.width + 9



            height:start.height + 10



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: startIcon



                source: "qrc:/ok.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - start.width/2



                height:parent.height-3



            }







            SequentialAnimation{



                id: startButtonAnimation



                running:false



                NumberAnimation { target: startButton; property: "y"; to: startButton.y - 15; duration: 300 }



                NumberAnimation { target: startButton; property: "y"; to: startButton.y; duration: 200 }



                NumberAnimation { target: startButton; property: "y"; to: startButton.y - 8; duration: 200 }



                NumberAnimation { target: startButton; property: "y"; to: startButton.y; duration: 200 }



            }







            Text {



                id: start



                text: "Start"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                color:"indigo"



                styleColor:"slateblue"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked: {



                    startButton.startFunction()



                }



            }







            function startFunction()



            {



                clock.running = false;



                timer.milliSeconds = 0;



                timer.seconds = 0;



                timer.minutes = 0;



                timer.hours = 0;







                milli.text = "00"



                second.text = "00"



                minute.text = "00"



                hour.text = "00"







                lap1.text = ""



                lap2.text = ""



                lap3.text = ""



                lap4.text = ""



                lap5.text = ""



                lap6.text = ""



                lap7.text = ""



                lap8.text = ""



                lap9.text = ""



                lap10.text = ""



                lap11.text = ""



                lap12.text = ""











                lap1.opacity = 0



                lap2.opacity = 0



                lap3.opacity = 0



                lap4.opacity = 0



                lap5.opacity = 0



                lap6.opacity = 0



                lap7.opacity = 0



                lap8.opacity = 0



                lap9.opacity = 0



                lap10.opacity = 0



                lap11.opacity = 0



                lap12.opacity = 0







                lap1.state = ""



                lap2.state = ""



                lap3.state = ""



                lap4.state = ""



                lap5.state = ""



                lap6.state = ""



                lap7.state = ""



                lap8.state = ""



                lap9.state = ""



                lap10.state = ""



                lap11.state = ""



                lap12.state = ""







                newLapButton.lapCount = 0;







                clock.running = true;







                startButtonAnimation.running = true



            }







        }



        Rectangle{



            id:stopButton



            width:stop.width + 9



            height:stop.height + 10



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: stopIcon



                source: "qrc:/right.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - stop.width/2



                height:parent.height-3



            }











            SequentialAnimation{



                id: stopButtonAnimation



                running:false



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y - 15; duration: 300 }



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y; duration: 200 }



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y - 8; duration: 200 }



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y; duration: 200 }



            }







            Text {



                id: stop



                text: "Stop"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked : {



                    stopButton.stopFunction()



                }



            }



            function stopFunction()



            {



                clock.running = false



                stopButtonAnimation.running = true



            }



        }







        Rectangle{



            id:resumeButton



            width:resume.width + 9



            height:resume.height + 10



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: resumeIcon



                source: "qrc:/left.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - resume.width/2



                height:parent.height-3



            }







            SequentialAnimation{



                id: resumeButtonAnimation



                running:false



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y - 15; duration: 300 }



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y; duration: 200 }



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y - 8; duration: 200 }



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y; duration: 200 }



            }







            Text {



                id: resume



                text: "Resume"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked: {



                    resumeButton.resumeFun()



                }



            }







            function resumeFun()



            {



                resumeButtonAnimation.running = true



                if(timer.milliSeconds > 0 || timer.seconds > 0 || timer.minutes > 0 || timer.hours > 0)



                    clock.running = true;



                else



                    return;



            }







        }



        Rectangle{



            id:newLapButton



            property int lapCount: 0







            width:newLap.width + 9



            height:newLap.height + 10



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: newLapIcon



                source: "qrc:/up.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - newLap.width/2



                height:parent.height-3



            }







            SequentialAnimation{



                id: newLapButtonAnimation



                running:false



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y - 15; duration: 300 }



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y; duration: 200 }



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y - 8; duration: 200 }



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y; duration: 200 }



            }







            Text {



                id: newLap



                text: "New Lap"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked:{



                    newLapButton.createNewLapRecord()



                }



            }







            function createNewLapRecord()



            {



                newLapButtonAnimation.running = true







                if(newLapButton.lapCount == 0){



                lap1.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap1.state = "created";



            }



                if(newLapButton.lapCount == 1){



                lap2.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap2.state = "created";



            }



                if(newLapButton.lapCount == 2){



                lap3.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap3.state = "created";



            }



                if(newLapButton.lapCount == 3){



                lap4.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap4.state = "created";



            }



                if(newLapButton.lapCount == 4){



                lap5.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap5.state = "created";



            }



                if(newLapButton.lapCount == 5){



                lap6.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap6.state = "created";



            }



                if(newLapButton.lapCount == 6){



                lap7.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap7.state = "created";



            }



                if(newLapButton.lapCount == 7){



                lap8.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap8.state = "created";



            }



                if(newLapButton.lapCount == 8){



                lap9.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap9.state = "created";



            }







                if(newLapButton.lapCount == 9){



                lap10.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap10.state = "created";



            }







                if(newLapButton.lapCount == 10){



                lap11.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap11.state = "created";



            }







                if(newLapButton.lapCount == 11){



                lap12.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap12.state = "created";



            }



                newLapButton.lapCount ++;



            }







        }



        Rectangle{



            id:resetButton



            width:reset.width + 9



            height:reset.height + 10



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }



            Image {



                id: resetIcon



                source: "qrc:/down.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - reset.width/2



                height:parent.height-3



            }











            SequentialAnimation{



                id: resetButtonAnimation



                running:false



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y - 15; duration: 300 }



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y; duration: 200 }



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y - 8; duration: 200 }



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y; duration: 200 }



            }







            Text {



                id: reset



                text: "Reset"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked:{



                    resetButton.resetFun()



                }







            }







            function resetFun()



            {







                resetButtonAnimation.running=true







                clock.running=false



                timer.milliSeconds = 0;



                timer.seconds = 0;



                timer.minutes = 0;



                timer.hours = 0;



                milli.text = "00"



                second.text = "00"



                minute.text = "00"



                hour.text = "00"







                lap1.text = ""



                lap2.text = ""



                lap3.text = ""



                lap4.text = ""



                lap5.text = ""



                lap6.text = ""



                lap7.text = ""



                lap8.text = ""



                lap9.text = ""



                lap10.text = ""



                lap11.text = ""



                lap12.text = ""











                lap1.opacity = 0



                lap2.opacity = 0



                lap3.opacity = 0



                lap4.opacity = 0



                lap5.opacity = 0



                lap6.opacity = 0



                lap7.opacity = 0



                lap8.opacity = 0



                lap9.opacity = 0



                lap10.opacity = 0



                lap11.opacity = 0



                lap12.opacity = 0







                lap1.state = ""



                lap2.state = ""



                lap3.state = ""



                lap4.state = ""



                lap5.state = ""



                lap6.state = ""



                lap7.state = ""



                lap8.state = ""



                lap9.state = ""



                lap10.state = ""



                lap11.state = ""



                lap12.state = ""







                newLapButton.lapCount = 0;



            }







        }







        Rectangle{



            id:quitButton



            width:quitImage.width+5



            height:quitImage.height



            color:"transparent"







            Image {



            id: quitImage



            source: "qrc:/quit.png"



            width:startButton.height



            height:startButton.height



            anchors.centerIn:parent.Center



            }







            Image {



                id: quitIcon



                source: "qrc:/asterisk.png"



                opacity:0.8



                anchors.bottom:quitImage.bottom



                anchors.horizontalCenter:quitButton.horizontalCenter



                width:parent.width/2



                height:parent.height-6



            }







            MouseArea{



                anchors.fill:parent



                onClicked:{



                    Qt.quit()



                }



            }



        }



    }







    Row{



        id:timer



        property int milliSeconds: 0



        property int seconds: 0



        property int minutes: 0



        property int hours: 0



        anchors.centerIn:parent







        Rectangle{



            id:hourContainer



            width:(((parentContainer.width*20)/100))



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: hour



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }







        }











        Rectangle{



            width:5



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                text: ":"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }







        }















        Rectangle{



            id:minuteContainer



            width:(((parentContainer.width*20)/100))



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: minute



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }







        }







        Rectangle{



            width:5



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                text: ":"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }







        }











        Rectangle{



            id:secondContainer



            width:(((parentContainer.width*20)/100))



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: second



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }



        }















        Rectangle{



            width:5



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                text: ":"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }







        }











        Rectangle{



            id:milliSecondContainer



            width:(((parentContainer.width*20)/100))



            height:(((parentContainer.width*20)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: milli



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:26



                anchors.centerIn:parent



            }



        }



    }



















    Timer{



        id:clock



        interval:50



        triggeredOnStart:true



        onTriggered: clock.updateTime()



        repeat:true







        function updateTime()



        {



            if(timer.milliSeconds == 950)



            {



                timer.milliSeconds = 0;



                if(timer.seconds == 59)



                {



                    timer.seconds = 0;



                    if(timer.minutes == 59)



                    {



                        timer.minutes = 0;



                        if(timer.hours == 59)



                            clock.running=false;



                        else



                            timer.hours++;







                    }



                    else



                        timer.minutes++;



                }



                else



                    timer.seconds++;



            }



            else



                timer.milliSeconds = timer.milliSeconds+50;



            if(timer.milliSeconds == 0)



                milli.text = "000";



            else



                milli.text = timer.milliSeconds;



            if(timer.seconds == 0)



                second.text = "00";



            if(timer.seconds < 10)



                second.text = '0' + timer.seconds



            else



                second.text = timer.seconds;



            if(timer.minutes == 0)



                minute.text = "00";



            if(timer.minutes < 10)



                minute.text = '0' + timer.minutes;



            else



                minute.text = timer.minutes;







            if(timer.hours == 0)



                hour.text = "00";



            if(timer.hours < 10)



                hour.text = '0' + timer.hours;



            else



                hour.text = timer.hours;



        }



    }











}

MainUI: StopWatch.qml (Best viewed in Portrait View)

import QtQuick 1.0







Rectangle {



    id:parentContainer



    width:320



    height: 240



    focus:true



    Image {



        id: background



        width:parentContainer.width



        height:parentContainer.height



        source: "background.jpg"



    }







    FontLoader{



        id:digitalFont



        source:"trana.ttf"



    }



    Keys.onSelectPressed:{



        startButton.startFunction()



    }







    Keys.onSpacePressed:{



        startButton.startFunction()



    }







    Keys.onEnterPressed:{



        startButton.startFunction()



    }







    Keys.onLeftPressed:{



        resumeButton.resumeFun()



    }







    Keys.onRightPressed:{



        stopButton.stopFunction()



    }







    Keys.onUpPressed:{



        newLapButton.createNewLapRecord()



    }







    Keys.onDownPressed:{



        resetButton.resetFun()



    }







    Keys.onAsteriskPressed:{



        Qt.quit()



    }











    Keys.onContext2Pressed:{



        Qt.quit()



    }











   Grid{



        id:lapRecordView



        rows:4



        columns:3



        spacing:3



        anchors.top:parent.top



        anchors.horizontalCenter:parent.horizontalCenter



        NewLapP{



            id:lap1



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap1



                        opacity:1.0



                        height: (parentContainer.height*8)/100







                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap1; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap2



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap2



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }







                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap2; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap3



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap3



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap3; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap4



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap4



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap4; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap5



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap5



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap5; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap6



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap6



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap6; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap7



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap7



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap7; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap8



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap8



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap8; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap9



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap9



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap9; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap10



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap10



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap10; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap11



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap11



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap11; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }



        NewLapP{



            id:lap12



            text:""



            states: [



                State {



                    name: "created"



                    PropertyChanges {



                        target: lap12



                        opacity:1.0



                        height: (parentContainer.height*8)/100



                    }



                }



            ]







            transitions: [



                Transition {



                    to:"created"



                    NumberAnimation { target: lap12; property: "opacity"; to: 1.0; duration: 200 }







                }



            ]











            }







        }











    Row{



        id:buttonRow



        spacing:3



        anchors.bottom:parent.bottom



        anchors.bottomMargin:5



        anchors.horizontalCenter:parent.horizontalCenter



        Rectangle{



            id:startButton



            width:start.width + 6



            height:start.height + 14



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: startIcon



                source: "qrc:/ok.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - start.width/2



                height:parent.height-3



            }







            SequentialAnimation{



                id: startButtonAnimation



                running:false



                NumberAnimation { target: startButton; property: "y"; to: startButton.y - 15; duration: 300 }



                NumberAnimation { target: startButton; property: "y"; to: startButton.y; duration: 200 }



                NumberAnimation { target: startButton; property: "y"; to: startButton.y - 8; duration: 200 }



                NumberAnimation { target: startButton; property: "y"; to: startButton.y; duration: 200 }



            }







            Text {



                id: start



                text: "Start"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                color:"indigo"



                styleColor:"slateblue"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked: {



                    startButton.startFunction()



                }



            }







            function startFunction()



            {



                clock.running = false;



                timer.milliSeconds = 0;



                timer.seconds = 0;



                timer.minutes = 0;



                timer.hours = 0;



                clock.running = true;







                startButtonAnimation.running = true



            }







        }



        Rectangle{



            id:stopButton



            width:stop.width + 6



            height:stop.height + 14



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: stopIcon



                source: "qrc:/right.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - stop.width/2



                height:parent.height-3



            }











            SequentialAnimation{



                id: stopButtonAnimation



                running:false



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y - 15; duration: 300 }



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y; duration: 200 }



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y - 8; duration: 200 }



                NumberAnimation { target: stopButton; property: "y"; to: stopButton.y; duration: 200 }



            }







            Text {



                id: stop



                text: "Stop"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked : {



                    stopButton.stopFunction()



                }



            }



            function stopFunction()



            {



                clock.running = false



                stopButtonAnimation.running = true



            }



        }







        Rectangle{



            id:resumeButton



            width:resume.width + 6



            height:resume.height + 14



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: resumeIcon



                source: "qrc:/left.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - resume.width/2



                height:parent.height-3



            }







            SequentialAnimation{



                id: resumeButtonAnimation



                running:false



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y - 15; duration: 300 }



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y; duration: 200 }



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y - 8; duration: 200 }



                NumberAnimation { target: resumeButton; property: "y"; to: resumeButton.y; duration: 200 }



            }







            Text {



                id: resume



                text: "Resume"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked: {



                    resumeButton.resumeFun()



                }



            }







            function resumeFun()



            {



                resumeButtonAnimation.running = true



                if(timer.milliSeconds > 0 || timer.seconds > 0 || timer.minutes > 0 || timer.hours > 0)



                    clock.running = true;



                else



                    return;



            }







        }



        Rectangle{



            id:newLapButton



            property int lapCount: 0







            width:newLap.width + 6



            height:newLap.height + 14



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: newLapIcon



                source: "qrc:/up.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - newLap.width/2



                height:parent.height-3



            }



            SequentialAnimation{



                id: newLapButtonAnimation



                running:false



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y - 15; duration: 300 }



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y; duration: 200 }



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y - 8; duration: 200 }



                NumberAnimation { target: newLapButton; property: "y"; to: newLapButton.y; duration: 200 }



            }







            Text {



                id: newLap



                text: "New Lap"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked:{



                    newLapButton.createNewLapRecord()



                }



            }







            function createNewLapRecord()



            {



                newLapButtonAnimation.running = true







                if(newLapButton.lapCount == 0){



                lap1.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap1.state = "created";



            }



                if(newLapButton.lapCount == 1){



                lap2.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap2.state = "created";



            }



                if(newLapButton.lapCount == 2){



                lap3.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap3.state = "created";



            }



                if(newLapButton.lapCount == 3){



                lap4.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap4.state = "created";



            }



                if(newLapButton.lapCount == 4){



                lap5.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap5.state = "created";



            }



                if(newLapButton.lapCount == 5){



                lap6.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap6.state = "created";



            }



                if(newLapButton.lapCount == 6){



                lap7.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap7.state = "created";



            }



                if(newLapButton.lapCount == 7){



                lap8.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap8.state = "created";



            }



                if(newLapButton.lapCount == 8){



                lap9.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap9.state = "created";



            }







                if(newLapButton.lapCount == 9){



                lap10.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap10.state = "created";



            }







                if(newLapButton.lapCount == 10){



                lap11.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap11.state = "created";



            }







                if(newLapButton.lapCount == 11){



                lap12.text = hour.text + ":" + minute.text + ":" + second.text + ":" + milli.text;



                lap12.state = "created";



            }



                newLapButton.lapCount ++;



            }







        }



        Rectangle{



            id:resetButton



            width:reset.width + 6



            height:reset.height + 14



            radius:5



            smooth:true



            gradient: Gradient{



                GradientStop{color:"white"; position:0.0}



                GradientStop{color:"gray"; position:0.5}



                GradientStop{color:"white"; position:1.0}



            }







            Image {



                id: resetIcon



                source: "qrc:/down.png"



                opacity:0.75



                anchors.horizontalCenter:parent.horizontalCenter



                width:parent.width - reset.width/2



                height:parent.height-3



            }







            SequentialAnimation{



                id: resetButtonAnimation



                running:false



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y - 15; duration: 300 }



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y; duration: 200 }



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y - 8; duration: 200 }



                NumberAnimation { target: resetButton; property: "y"; to: resetButton.y; duration: 200 }



            }







            Text {



                id: reset



                text: "Reset"



                smooth:true



                font.bold:true



                font.italic:true



                font.pixelSize:(((parentContainer.width*9)/100)*50)/100



                style:Text.Raised



                styleColor:"slateblue"



                color:"indigo"



                anchors.horizontalCenter:parent.horizontalCenter



                anchors.verticalCenter:parent.verticalCenter



            }







            MouseArea{



                anchors.fill:parent



                onClicked:{



                    resetButton.resetFun()



                }







            }







            function resetFun()



            {







                resetButtonAnimation.running=true







                clock.running=false



                timer.milliSeconds = 0;



                timer.seconds = 0;



                timer.minutes = 0;



                timer.hours = 0;



                milli.text = "00"



                second.text = "00"



                minute.text = "00"



                hour.text = "00"







                lap1.text = ""



                lap2.text = ""



                lap3.text = ""



                lap4.text = ""



                lap5.text = ""



                lap6.text = ""



                lap7.text = ""



                lap8.text = ""



                lap9.text = ""



                lap10.text = ""



                lap11.text = ""



                lap12.text = ""











                lap1.opacity = 0



                lap2.opacity = 0



                lap3.opacity = 0



                lap4.opacity = 0



                lap5.opacity = 0



                lap6.opacity = 0



                lap7.opacity = 0



                lap8.opacity = 0



                lap9.opacity = 0



                lap10.opacity = 0



                lap11.opacity = 0



                lap12.opacity = 0







                lap1.state = ""



                lap2.state = ""



                lap3.state = ""



                lap4.state = ""



                lap5.state = ""



                lap6.state = ""



                lap7.state = ""



                lap8.state = ""



                lap9.state = ""



                lap10.state = ""



                lap11.state = ""



                lap12.state = ""







                newLapButton.lapCount = 0;



            }







        }







        Rectangle{



            id:quitButton



            width:quitImage.width+5



            height:quitImage.height



            color:"transparent"







            Image {



            id: quitImage



            source: "qrc:/quit.png"



            width:startButton.height



            height:startButton.height



            anchors.centerIn:parent.Center



            }







            Image {



                id: quitIcon



                source: "qrc:/asterisk.png"



                opacity:0.8



                anchors.bottom:quitImage.bottom



                anchors.horizontalCenter:quitButton.horizontalCenter



                width:parent.width/2



                height:parent.height-4



            }







            MouseArea{



                anchors.fill:parent



                onClicked:{



                    Qt.quit()



                }



            }



        }



    }



    Row{



        id:timer



        property int milliSeconds: 0



        property int seconds: 0



        property int minutes: 0



        property int hours: 0



        anchors.centerIn:parent







        Rectangle{



            id:hourContainer



            width:(((parentContainer.width*24)/100))



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: hour



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }







        }











        Rectangle{



            width:5



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                text: ":"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }







        }















        Rectangle{



            id:minuteContainer



            width:(((parentContainer.width*24)/100))



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: minute



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }







        }







        Rectangle{



            width:5



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                text: ":"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }







        }











        Rectangle{



            id:secondContainer



            width:(((parentContainer.width*24)/100))



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: second



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }



        }







        Rectangle{



            width:5



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                text: ":"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }







        }















        Rectangle{



            id:milliSecondContainer



            width:(((parentContainer.width*24)/100))



            height:(((parentContainer.width*24)/100))



            gradient: Gradient{



                GradientStop{color:"gray"; position:0}



                GradientStop{color:"white"; position:0.5}



                GradientStop{color:"gray"; position:1.0}



            }



            Text {



                id: milli



                text: "00"



                font.family:digitalFont.name



                font.bold:true



                smooth:true



                font.pixelSize:28



                anchors.centerIn:parent



            }



        }



    }



















    Timer{



        id:clock



        interval:50



        triggeredOnStart:true



        onTriggered: clock.updateTime()



        repeat:true







        function updateTime()



        {



            if(timer.milliSeconds >= 950)



            {



                timer.milliSeconds = 0;



                if(timer.seconds == 59)



                {



                    timer.seconds = 0;



                    if(timer.minutes == 59)



                    {



                        timer.minutes = 0;



                        if(timer.hours == 59)



                            clock.running=false;



                        else



                            timer.hours++;







                    }



                    else



                        timer.minutes++;



                }



                else



                    timer.seconds++;



            }



            else



                timer.milliSeconds = timer.milliSeconds+50;



            if(timer.milliSeconds == 0)



                milli.text = "000";



            else



                milli.text = timer.milliSeconds;



            if(timer.seconds == 0)



                second.text = "00";



            if(timer.seconds < 10)



                second.text = '0' + timer.seconds



            else



                second.text = timer.seconds;



            if(timer.minutes == 0)



                minute.text = "00";



            if(timer.minutes < 10)



                minute.text = '0' + timer.minutes;



            else



                minute.text = timer.minutes;







            if(timer.hours == 0)



                hour.text = "00";



            if(timer.hours < 10)



                hour.text = '0' + timer.hours;



            else



                hour.text = timer.hours;



        }



    }











}

Used QML component for NewLap: NewLap.qml (Best viewed in Landscape view)

import Qt 4.7







 Rectangle {



     property alias text: textItem.text



     width: textItem.width + 4



     height: 12



     border.width: 1



     radius: 5



     smooth: true



     opacity:0



     gradient: Gradient {



         GradientStop { position: 0.0; color: "darkGray" }



         GradientStop { position: 0.5; color: "black" }



         GradientStop { position: 1.0; color: "darkGray" }



     }







     Text {



         id: textItem



         anchors.centerIn: parent



         smooth:true



         color: "white"



     }



 }

Used QML component for NewLap: NewLap.qml (Best viewed in Landscape view)

import Qt 4.7







 Rectangle {



     property alias text: textItem.text



     width: textItem.width + 4



     height: 18



     border.width: 1



     radius: 5



     smooth: true



     opacity:0



     gradient: Gradient {



         GradientStop { position: 0.0; color: "darkGray" }



         GradientStop { position: 0.5; color: "black" }



         GradientStop { position: 1.0; color: "darkGray" }



     }







     Text {



         id: textItem



         anchors.centerIn: parent



         smooth:true



         color: "white"



     }



 }

The Javascript code that has been used to create the application logic is just embedded into the QML code. It is a much simple program and I have done it right after my Hello World! program in QML. And thats the beauty of QML.

Additional Note:

I have written it using the Qt version 4.7.0, but after Qt 4.7.1 you can use import QtQuick 1.0 and thats recommended too.
Also, in this I have hardcoded the Animations for Buttons but its not necessary. You can use Behaviour, States or Transitions for the same effect with a much better & short code.
In the main.cpp file I have calculated the screen width and height to set the application output to full screen. I will show it in the next post.
As you can see, I have not hardcoded most of the QML items width and height and most of its been relative to the screen size. So make thing look better I have created two versions of the same above QML files. One for a Portrait view, and another for Landscape view.
When the width of the screen is more, the QML file optimized for Landscape view is used. For example, in Nokia E Series mobiles, and vice versa.

Python file renamer!

2011-08-26T01:31:00.000+05:30

Sometimes we may want to remove some common patterns from files. For example, if we download MP3 songs or music from a specific website, then all the file names will begin with that website name. This might create some irritation when searching for songs. The following snippet of Python can be used to rename files in directory and to remove common patterns from files.

This is applicable to all types of files and just not limited to mp3 files.

import os, array
files = os.listdir("D:\\Music") #The directory path of the files goes here
fnames = array.array('u')
fnames = files
#print fnames
#print files
for filename in fnames:
    print filename
    if(filename.startswith("<text to remove>")): # The common pattern that you want to remove goes within the quotes
        print "Found: " + filename
        os.rename(filename,filename.replace(("<text to remove>"),"<If left empty the pattern will be removed with remaining text a new filename, or type something to replace the common pattern>"))
        print "Renamed to: " + filename.replace("_","")

print "Finished task"

This shows the simplicity of Python language and also its ability to achieve something tedious with much shorter codes. Although it lacks performance, it can be effectively used to write this kind of codes that will make our tasks easier.

No targets found in Qt SDK Remote Compiler!

2011-08-20T17:13:00.002+05:30

Sometimes you might have faced this problem, if you are using the Remote Compiler feature in the Linux version of Qt SDK. There will be no targets found in the Remote Compiler.

Solution:
               Make sure that you Linux machine is connected to the Internet before you open the Qt Creator IDE.
                  If not, then close the Qt Creator and connect to the Internet. Now open the Qt Creator again.
   The same procedure may apply to Mac version of Qt SDK's Remote Compiler.
   Sometimes closing your simulator may also work.

My Second ever QML program! (A simple QML Program)

2011-07-27T07:03:00.002+05:30

Since I have done my final year project in Qt for Symbian, I have become a fan of Qt and QML. So I just wanted to try something in QML rather than Hello World! I always wanted to have a good Stop Watch in my mobile, so I just went straight away to right it in QML.

It merely took around 12 hours for me to code this decent looking looking app, but I have written it immediately after my Hello World in QML. So after getting used to it, it won't be time consuming.

I have published the app to OVI store, but I don't have the patience for it to get approved in the QA process, so I'm linking the packages here for you to try. The name says it all, download appropriate packages for your Symbian phone and Maemo.

Note : Before that you have to install the necessary Qt packages, and it must be of the version Qt 4.7.0 or higher. Qt Mobility packages are not necessary.

If you don't know what Qt and Qt Mobility packages are, then install the following package in your device.

If you are already using Qt or QML apps on your device, then start downloading the appropriate package for your mobile phone.

Update:

To download SIS file!

This is the self signed package for all devices like S60 V3 FP1, FP2, S60 V5, Symbian^3.

stopwatch_qt-4_7_0_m1_0_2_maemo5.deb - 331.3 KB
This is the Maemo 5 compatible Debian package. This package is not tested in real device.

For shortcuts: RR-StopWatch

Why Meego will be a success!

2011-06-27T22:07:00.023+05:30

After 6 days from the launch of Nokia’s flagship model N9, I’m writing this post today (27-06-11)! Finally, Nokia fan boys could really stop scratching their heads about the much awaited Meego phone. Since, Feb 11, when Elop , current CEO of Nokia has announced its partnership with Microsoft to use WP7 as its future smartphone OS, there had been a war happening about Nokia’s Meego Phone N9.

Nokia fans and developers had showed their hateful in Nokia blogs and websites for dumping Meego OS and choosing WP7 as its primary OS , and why not I was one among them. I was a pure Windows user and fan of the same till I tried Ubuntu a year before. Although I have used Red Hat Linux during my twelfth grade (2007), the UI didn’t manage to attract me. But now, Ubuntu is my favourite OS because of its speed and the options that we have to customize its appearance, after all its free. Ok! Just wanted to tell my experience with Ubuntu and Windows.

Now lets discuss about the child of Intel’s Moblin and Nokia’s Maemo, the Meego. As per the title of this post, this is going to be praising session for Meego rather than a discussion, of course I cannot discuss with myself.

Ok here we go,

Its Linux:

Lets differentiate things first. First of all, the major advantage is, its a Linux OS, and not a “Linux based OS”. So it is like any other Linux distribution, so no modified Kernel, no Virtual layers etc. This makes is different from Android, which is a Linux based OS.

This means, we will have a lot more freedom than other Smart Phone operating systems like IOS, WP7, Web OS and Symbian. And why not?! it will have a slight benefit over Android too, because as it is like our PC Ubuntu or Redhat so we are already used to it in terms of usage. The Linux community can also use their existing knowledge with Ubuntu or RedHat to modify this new comer.

I’m touching the support of PC Linux here, because Meego is not just limited to Smart Phones but also for Tablets and Vehicle infotainment systems. The WeTab is currently using this Meego platform and Big players like BMW and General Motors are committed to use Meego in their vehicle’s entertainment system.

Linux is not just limited to these capabilities but a lot others are already known to us! So Meego might close the gap between PC Linux and Embedded Linux, which Moblin failed to does.

I have seen a comment in YouTube which stated

Android is a wannabe Linux and Meego is real Linux

and eventually it got most users Thumbs UP!

Power of Multi tasking:

As we have already witnessed the speed and power of Linux in PC, it is also the same with Meego. Its assumed that it can run 200 apps simultaneously. Remember, this time you don’t have to hold a key to switch between apps, just a swipe can do it. At the same time, the real time view of that application will be displayed in this view. This will surely make multitasking a cake walk for users.
Maemo was also famous for this multitasking capability. View the video below if you don’t believe.

Maemo 5 Multi Tasking in action!

I have also read some comments from frustrated Apple fans regarding this , one guy stated

Does Meego has 200 apps at all?

The answer for this comment is the next point.

Its faster and faster:

Being overwhelmed by the announcement of Nokia N9, I could not help searching YouTube for every video about this phone. Eventually I didn't miss to read about the response from users. Some users has commented that, the Nokia N9’s CPU was out dated and slow. I really don’t know about whether its CPU but if it is old as they said, then Meego is faster than any other OS in existence.

I don’t understand the point of a modern CPU when it is already capable of running 200 apps at a time. Atleast 20 apps I believe! .

The speed is because it is native and does not contains a virtual layer() as Android has. Neither it has a managed code environment as WP7 does.

Apps from Linux, Mac, Windows and Symbian:

I’m not sure how many are writing apps for Mac and Windows using Qt, but if there is something, they can be quite easily to this platform with just a compilation. But I’m sure that there are decent amount of apps available for Linux which are developed using Qt, that can be installed right away into this platform. With enough libraries KDE apps can also run seamlessly, but may suffer to support touch gestures.

With the announcement of Qt for Symbian in the year 2009, there is been a huge amount of interest shown by developers and users for creating apps in Qt and QML (Declarative language based on JavaScript, can be extended using Qt). Qt Mobility is an API used to access system based services like Messaging, Contacts, Sensors etc. is same for Symbian, Maemo and Meego, which is a huge advantage.

And who knows, with a custom Wine, we may able to run Windows executables too.

May emulate Android in future:

The only disadvantage that Meego has is, the apps availability. Even though it will be shipped with some featured applications, it may miss fun applications like we have in IOS and Android. To balance this, there is a group of people developing a Android emulation layer and its said that they can run Android apps seamlessly like native apps.

If you think this is not possible, then the two points are for you:

Already, there is a similar kind of Android emulation layer for Black Berry!
Alien Dalvik, is already under development phase which can run a fair number of Android apps.

Myriad Alien Dalvik.

Wide range of development options:

This is a huge advantage to both end users and also for developers, in my opinion. As a twelfth grade student I have used m-Shell scripts for my Symbian phone (Nokia 3230), so I think so will the other users will be privileged to have a variety of languages for their mobile.

Python & PyQt:

Personally I love Python for some simple scripting and because of the amount of libraries it has. So even if you want to generate a list of number that ends with ‘9’ for your vehicle registration number, it wont be a problem. PyQt is a Qt port for Python which is useful for both UI development and simple coding conventions, like Python.

Standard C & C++:

I’m not sure with this programming option, but having said that it is a Linux, it should support C & C++.

HTML5, JavaScript and CSS3:

Meego website says that, HTML5, JavaScript and CSS3 are used to developed games for Meego, so it wont be a problem to write apps too.

May be Silverlight:

Silver light is basically focussed on cross platform deployment, so in future Silver light may also be used to create games for Meego. Remember, we already have an open source implementation of Silverlight for PC Linux.

Qt & QML:

Here come the heroes (IMHO), Qt and QML are really the building blocks of Meego. This language deserves to be highlighted separately. I personally believe that Nokia Engineers are working hard to dig every possibility out Qt framework. Since last year, I believed C# was the best language . With a recent project called Qt Lighthouse, the Qt Engineers have made the possibility of porting Qt to <any operating system>. And there is already a Qt port for Android is available unofficially. A single guy could achieve this port within a year time. So this tells the story about Qt. You can also see the IOS port of Qt using the same Lighthouse project.

I have read somewhere that editing the GUI for Android applications in XML (in 2011) is fair difficult and tiresome. So, I believe that, Qt and QML will be used by the Android developers hereafter. Again, with the cross platform capabilities they can target users from Symbian, Android, IOS and Meego environment for better profit. This symmetrically increases the number of Meego apps too. QML is another story and it leverages the power of Qt C++ and the simplicity of JavaScript. If you do not know about this, just Google it, it has a lot of features and is very easy to create beautiful fluid and animated interfaces. Can be used for creating Games very easily.

Intel AppUp Store:

If you ask me about the success of IOS and Android, its highly because of the range of apps and games it have. Obviously, the touch interface of both OSs provide good environment for fun games. Apple has the most number of apps despite the irksome Objective-C is only because it provided a platform for developers to make money with their apps, AppStore. But the story with Android is different, here the number of Java developers in the world are relatively higher. In the past Nokia has not realised the importance of apps but lately came up with OVI store which became a huge success inspite of the number of apps being low. But Intel has done things right right from the start by providing their SDKs and by awarding the best developer. So, it won’t be a big deal for Meego to get a streamline of developers, provided the nice Qt and QML languages.

As already said, Apps for Meego = Apps from Symbian + Apps from PC Linux + Apps from Window & Mac + Apps from Android + HTML apps from Web OS and Web.

Its Open Source:

Last but not least, its open source. I know, open source merely is not a synonym to quality, but Meego seems to be a quality product. Even serious Nokia critics has said good things about Meego after the launch of Nokia N9, YouTube videos are flooded with appreciating comments from open source and Nokia lovers, Blogs are lined up with a lot of happy comments from users about this product. An online petition called Twitition is also created by some Meego fans to get users support. If you feel like you are loving Meego for any reason, please sign up here and don’t forget to spread this among your friends. Let’s hope that Nokia regroups with Intel to produce god damn Meego mobile phones in the future and continue to support Linux and Open Source.

Technorati Tags: why,meego,success,reasons,n9,apps

Download videos from any website.

2011-06-27T16:11:00.002+05:30

I’ve been using this Firefox Add-on for almost two years and just now I have realised a number of articles describing “How to download from YouTube” is little useless.

Ok here it is, All we need is a Firefox web browser and a minute to start downloading medias from web.
If you don’t have this awesome browser, click here to download it. Choose a old version of this browser, say 3.6.xx for compatibility reasons.

After installing this, go to this website and click on the install button on the left side of the page. Now you are ready to download anything from the world wide web. You can download anything that streams.
In this Add-on options section you can select the download manager you prefer to download. So don’t hesitate to scan through its options. You will love it.

Technorati Tags: download,videos,website,youtube,metacafe,streaming

New YouTube feature.

2011-06-09T15:55:00.006+05:30

Watching videos in YouTube is always fun, but unfortunately for users who have low bandwidth will always have to wait for sometime. Recently, YouTube has come up with a new flash player designed for non-stop fun, because now we don’t have to wait for the video to load, mean while we can play the worlds most played game, “Snake”.

To play the game while buffering, you just have to press any of the four arrow keys and the Snake will appear. For persons with little vision ability it will be tough to find the snake’s snack, but for others, its fun time buffering. Enjoy!

Technorati Tags: youtube,snake,new,feature

Easy way to install NS2 simulator in Ubuntu 10.04.

2011-06-09T15:30:00.005+05:30

After a long time I’m posting this in my blog. For the project work of our final semester, we had to install NS2 in our Ubuntu 10.04 64-bit edition. After trying everything from the Internet, we finally have arrived at one simple solution to install NS2 simulator.

Not just NS2, but XGraph also. I have searched Launchpad (an user community where various packages are built for various Ubuntu Versions), to find the built. You can also search the website to download other packages. Mostly built for both 64-bit and 32-bit architectures are available.

Here is the link to download NS2 and XGraph.

First install the gcc 4.3 which is required package for NS2. Then install XGraph and finally install NS2.
Go to this link to download a simple TCL script for Network Simulation. To run the script go to the folder where it is saved in the Terminal and then type ns <script_name>.tcl. For some simulations that involve XGraph you have to do an extra step like executing the nam.

Its better to have an Internet connection to install dependencies if anything is missing. If some dependencies are reported missing, then copy the name exactly and use Google to search it.

Clean Windows at night!

2011-01-22T23:32:00.002+05:30

Non sense title.. huh!!
Well, because most of us would like to clean the unwanted files like browser cache, temporary internet files, recycled items, etc. before we got to sleep. To do this, you need not create anymore batch files, because CCleaner allows us to do that in a simple step.

First of all download CCleaner and install it with default options. Now open CCleaner by right clicking on the Recycle Bin. Choose Options --> Settings --> Check "Add Run CCleaner option to Recycle Bin context Menu".
Close the window and right click on the Recycle Bin and select "Run CCleaner" .
Look at the Taskbar Notification Area to find this icon . Right click on the icon and select "Shutdown after cleaning".
This will shutdown your computer after the cleaning has been completed and even close unresponsive programs.

Create your own shutdown timer.

2011-01-21T19:06:00.000+05:30

Windows DOS has a shutdown command which can be used as a shutdown timer, as per our time requirements. It can be used for other functions like Logging off, Restarting etc.

Another pranky feature of this commend is, it allows you to shutdown remote computers. But remember, the remote computer you are trying to shutdown should be running with administrative privileges or the remote shutdown facility should not have been disabled.

Syntax:
           shutdown -s -t "number of seconds to shutdown" (without quotes)

Example:
           shutdown -s -t 120
           [This will shutdown your computer within 120 seconds]

           To shutdown a remote computer which is present on the same network enter shutdown -s -m 192.168.1.10 -t 100.

To abort a scheduled shutdown enter shutdown -a

The -s parameter in the command specifies that it is going to shutdown the computer. Likewise you can use -r option to restart and -l to logoff.

Type shutdown /help to see a list of options that you can use with shutdown command for different purposes.

Hint:
      Type shutdown -i to get a GUI window to do your task easily.

Delete unwanted network connectionsin Windows 7.

2011-01-17T17:04:00.000+05:30

Are you constantly using different Wifi access points and mobiles or modems with your Windows 7 to connect to Internet? Then you might probably have the problem of having unwanted connections in your Network Connections list. Searching through the control panel will not give you the solution like we have in our beloved Windows XP.

Rather it's here:
Click Start-> (Type) View Network Connections (in the Search box)-> Select the unnecessary connections and press Del.
Now you have cleared the list :-)

Ten useful Nokia E63 tips!

2010-12-29T22:56:00.010+05:30

Switch between full screen and normal mode in real player by pressing Space key.
If you want to play videos without audio every time, then select Mute from real player options. So it will be mute whenever you play the videos unless you change it manually.
To save a received message into notes then open the message and press Shift + Delete.
You can use the *, +, /, = in the keypad directly while using the calculator.
If you wish not to use the navi key then you can navigate to any application in menu by pressing the Function key (left bottom key) and the appropriate number & symbol keys.
Turn Predictive texting on and off by pressing the ctrl + shift keys.
The enter key is equivalent to pressing the Joystick center button. You can open any applications by using the Enter key.
Switch between General and Silent profile by pressing and holding the # key in the home screen.
Assign your favorite applications to the one touch keys for easy access.
Download Nokia's custom dictionary for deleting wrongly typed words with Dictionary mode on. That can also be used to take a backup of your frequently used and newly typed words. You can also add new words by importing them with a text file.

Adding an Icon to QPushButton.

2010-12-29T22:29:00.000+05:30

It is very simple to add an icon to the QPushButton. To add an icon just place a QPushButton into the QMainWindow area and in the right bottom corner under the QPushButton properties select the icon and choose Select File to select an icon.

Do not worry about the size of your image file since it will be automatically re-sized to 16x16.
Note:
The maximum size of icon that can be set in a QPushButton is 16x16. If you want to set a bigger size then you have to use QToolButton or do some inheritance with QPushButton and override the default icon size settings.

You can also add some css styles to enhance the look of your application.

2010-09-01T01:35:00.000+05:30

In the last post we have seen how to send files (downloading) from laptop to mobile phone using wifi. Now we are going to learn how to send files (uploading) from mobile phones to laptop.
If you haven't read my last post then you have to read it to setup the laptop and
mobile to further proceed the steps in this post.

Sending Files From Mobile To Laptop Using Wifi:

In this actual process we are going to place three files inside the IIS server root folder for uploading our content to laptop. Click here to download the files. After you have downloaded the files extract them and place them in the folder path "C:\Inetpub\wwwroot", then as usual do the steps (from the previous post) to connect to laptop and type the link as http://192.168.1.15/FileUpload.aspx then follow the screen shots provided below to upload your file to your laptop successfully.

Tip:

1. The file will be saved in "C:\temp" folder. If you like to change the folder, open the FileUpload.aspx.cs file in Notepad and find the line File.SaveAs(@"C:\temp",FileUpload1.FileName); and change it as follows File.SaveAs(@"Your desired complete folder path (with drive name)",FileUpload.FileName);

2. You must have installed .NET framework for this procedure to work. Click here to download .NET framework 3.5. You can also download the latest version of .NET if you prefer so.

Transfer files using Wifi in Nokia mobile phone.

2010-08-26T22:27:00.009+05:30

Many of us have the idea of transferring files between Laptop and Mobile phone using wifi connection, but it is not possible to do that directly. So we are going to do some tricks and gonna make it happen.
I am going to describe the steps using my mobile phone Nokia E63 and Laptop running Windows 7 Operating system. However other wifi enabled mobile phones and iPods will also be working.
Initially, we need the following:

1.Obviously, a wifi enabled mobile phone (say Nokia E63)
2. Laptop (In this post I’m using Windows 7 Home Premium operating system)
3. Web Server software. (IIS or Apache. In this post I’m using IIS 7.0 Web Server)

Setting up the IIS Web Server:

To setup the IIS Web Server you need either Windows XP Professional edition or Windows 7(any version except ‘Home Basic’). Here I’m going to show you how to install IIS Web Server in Windows 7 Home Premium.

Open Control Panel—> Programs And Features –> Turn Windows Feature on or off .

A new dialog box will be opened. In that select Internet Information Services and click ok and wait while Windows installs IIS Server in your machine.

Now IIS is installed successfully.

Setting up the Ad Hoc network:

Now we have to setup the Ad Hoc network on our laptop.

Open Control panel—> Network and Sharing Centre --> Setup new connection or network .

In the new dialog window select setup a new network it will take some time to show the details. Then select the appropriate option to setup a ad hoc network with default values.

Configuring the website:

To configure the website we need to do little work here. Open Control Panel—> Administrative Tools—> Internet Information Services (IIS) Manager.

In the new windows that appears select the website under connections pane—> sites under that select your web site by double clicking it.

On the right pane select Bindings and click Add. Now select http as type and in the IP Address field put some ip address like 192.168.1.15 and leave the Port as 80. Leave the Host Name field empty and click Ok and click Close to return back to main window.

In the right pane under Manage Website select Restart. Now you will see something like this . Now click on Browse 192.168.1.15:80 (http) to check the whether the website is working correctly. It will open your web browser and show the Welcome Page or IIS 7 Page.

Configuring the firewall in Laptop:

Open Control Panel—> Windows Firewall.

In the new window select Allow a program or feature through Windows Firewall option.

It will open a new dialog window select World Wide Web Services (HTTP) select Change Settings and select the Home/Work(private) and Public Check box and click Ok.

Configuring the connection for mobile phone:

Now click on the Wireless Networks icon in the System Tray and select the Ad hoc network you have created. In this example the Ad hoc network name is Dell Raja. Now click connect.

Now scan for wireless access point in mobile and select Start Browsing. In the web browser type in the IP Address you have given for the website, in our example 192.168.1.15. After getting connected to the Ad hoc network right click and select the status in the new dialog window select Properties in the Internet Protocol Version 4(TCP/IP4) and select Properties select Use the following IP address radio button and enter the ip address of the website we have previously configured, in our example 192.168.1.15 in the IP address field. Then enter the Default Gateway as 255.255.255.0. Click Ok if any pop up windows appears then click Ok.

Tip:
If you connect your laptop to some other network then you may need to change the above settings to Obtain IP address automatically otherwise the connection may not work properly.

Now disconnect your mobile phone from the laptop and connect it once again using the previous procedure.

Tip:
Save a bookmark with the IP address and Connection name in the mobile for easy and quick access. See an example screen shot below.

After entering the IP address correctly you will see the IIS 7 Welcome page as you have seen before in the local (laptop’s) web browser.

Transferring files:
Now open the default folder for our website and paste the file you want to transfer. For our convenience we rename the file like “Sample.zip”. Now type in the address something like http://192.168.1.15/Sample.zip.

It will start to download the file with almost 550 kbps at an average.

The above screen shot shows the file is being downloaded at 606.54 KBps, quiet fast isn’t it.

Important Note:
This trick will work for almost any mobile phone, PDA, IPod enhanced with Wifi.
You can use also use Apache Web Server, which is an open source software but you have to follow its own installation and configuration procedure. To know how to setup Apache Web Server Click Here.

Enjoy faster file transfer.

Print a character to screen without using any Library functions in C.

2010-08-12T20:23:00.004+05:30

void main()
{
char far* src = (char far*) 0xB8000000L;
*src = 'H';
src += 2;
*src = 'i';
src+=2;
*src='!';
getch();
}

You may wonder whether it is possible to display a character in the screen without using any C library functions. Yes, it is possible by directly accessing the memory of the device's display buffer with a character pointer and assigning some character to it.

In the above code, the first line assigns the address of the memory location where we want to put the character. Actually the display buffer will be having 4000 memory blocks for printing characters in pure DOS mode.

Pure DOS mode supports printing of 2000 characters per screen.

Generally for displaying a character, two memory blocks(bits) are used. The first block for specifying What the character is and the second block of memory is to represent the property of the character, like color.

If you are printing something using the above method you will find the characters only at the top-left corner of the screen since you are accessing the initial memory address of the display buffer (0xB8000000L).

Anything you have printed on the screen before executing this code will be sent to the lower screen (if you have not specified any clrscr(); in this program)

Solution for Nokia Music Player Playlist updating Problem.

2010-07-04T17:02:00.002+05:30

HI fellow readers, this Sunday I came up with a new solution for a well known problem of .mp3 files not being added to the Music Player Play List in new Nokia devices like Nokia E63. Mine is Nokia E63 and I faced the same problem too and one day I got the solution for this problem.
Let me tell you how to add the Music songs into your Music Player Play List Library. Some other solutions can be found. But those solutions will take a lot of time and will require much patience.
Here is the new method which is quiet time saving than other methods.
Before starting you might want to have these,

Computer.
Nokia PC Suite.
Nokia Data Cable.
Internet Connection.
Memory Card Reader (optional).

Step 1:
Connect your mobile with pc with the data cable in Mass Storage format (use a Memory Card Reader to transfer data for faster file transfer). You may connect it in PC Suite Mode also but the data transfer will be slower.
Step 2:
Copy all the music files from the mobile phone to a folder in your computer. You may also add new music files to the folder if you want.
Step 3:
Connect to the Internet and open the Nokia PC Suite. Now click the Explore Music Icon . Now it will download the necessary files. Do not uncheck anything and let it download everything it wants. It will automatically install the software programs downloaded by it.

Step 4:
After installation has been finished open the Nokia Ovi Player from you desktop. Setup everything as you need but do not export anything into the library. Now remove your Nokia from the USB and reconnect it with the Data cable using the Media Transfer mode (otherwise it won’t work). Wait few seconds until the Ovi player finds your device.
Step 5:
After the device has been found Import the necessary Music files that you have already saved in a folder. If you find some unwanted music files in the Ovi Player simply select everything and delete it from the playlist.

Step 6:
Now use ctrl+A to select all the files and drag and drop them to the Mobile Phone icon on the left side. Now everything you have transferred will be added to your Nokia’s Music Player Play List. I have checked it with my Nokia E63 and this works fine.

For any doubts about the procedure leave your comments here.

How to delete auto complete history in MS Outlook.

2010-06-05T20:42:00.000+05:30

Definitely outlook is one of the best email client around but the complexity involved in it prevent us from using it. One such annoying thing is the auto complete feature in outlook.

The worst thing about it is, it remembers all the email addresses we have typed in even after deleting everything. So to get rid of this thing follow the steps below.

Go to the following folder path 'C:\Documents and Settings\"Your Account Name"\Application Data\Microsoft\Outlook'.
Search for .NK2 files and then delete it.
This is file which stores much details about your email activity including the mail ids for auto completion.
In the fore mentioned folder path change the "Your Account Name" with your "User Account Name". Each user have separate Application Data. So be aware while deleting that .NK2 file.
Instead you can also search for the .NK2 file if you have only one account for your computer.
Otherwise you can search for the .NK2 file and delete the appropriate file by looking at the Folder Path Details provided in the search results.

Note:

Close the outlook express program and then delete the file, else it will prevent you from deleting it.

How to get line and column number in note pad.

2010-06-05T15:20:00.000+05:30

Most of the programmers want to debug a program using line and column reference. But unfortunately this facility is hide in notepad. To enable this 'Line and Column' option in note pad follow these steps.

Open Note pad --> Deselect 'Word Wrap' Option --> View --> Select 'Status Bar'.

Now the status bar will be shown below the text editing region with 'Line and Column' Reference.

Open Windows Explorer to a Different Default Directory.

2010-06-04T22:09:00.000+05:30

Open Windows Explorer to a Different Default Directory

When you open Windows Explorer (by choosing the Window key and "E" simultaneously or by choosing Start), you can change the directory that appears by default.

If you choose Start, all Programs, Accessories, and then right-click on Windows Explorer and choose Properties, you can modify the "Target" directory.

To go to your C: drive, type simply C:\ in the Target box and choose OK.

You can also enter a shortcut key on this screen, telling Windows the character or combination of characters you want to type to automatically open Windows Explorer.

You can even change the icon or specify that you always want Explorer to open up in full-screen mode.

Remove the annoying 'sending message' symbol in Nokia.

2010-06-02T16:42:00.000+05:30

Hi guys, You may have experienced the annoying 'send message' symbol in the Home screen of any Nokia S60 Edition phones, due to sending a large number of messages or it will appear if you have many number of messages in your inbox or sent items. I will show a simple trick to remove this icon.

The simple way is to change the message memory and to reset it. That means, if you have your message memory set to memory card, then change it to phone memory this will remove the message sending symbol. If needed you can again set the message memory option to Memory Card.