Editing Quick Widgets

Warning: You are not logged in. Your IP address will be recorded in this page's edit history.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision Your text
Line 1: Line 1:
-
[http://maemo.org/packages/view/quick-widgets/ quick-widgets] is an application to facilitate creating and deploying home screen widgets.  
+
[[Category:Software]][[Category:Power users]]
 +
 
 +
= Quick Widgets =
 +
 
 +
quick-widgets is an application to facilitate creating and deploying home screen widgets.  
see [http://talk.maemo.org/showthread.php?t=65769 thread on talk]
see [http://talk.maemo.org/showthread.php?t=65769 thread on talk]
Line 7: Line 11:
* run Qt Quick applications as home widgets
* run Qt Quick applications as home widgets
* suspend widget when not on current home screen
* suspend widget when not on current home screen
-
* access to system calls in QML (wrapping <code>QProcess</code>)
+
* access to system calls in QML (wrapping QProcess)
-
* fix widget to size or let content determine the size
+
-
* restore after reboot/crash
+
-
* rotate with landscape/portrait orientation
+
-
* absolutely no compilation/building required!
+
-
 
+
-
== Wish list ==
+
-
 
+
-
* base widgets
+
-
* more event bindings directly in qml
+
-
 
+
-
== Basic Examples ==
+
-
 
+
-
=== Application Launcher Button ===
+
-
 
+
-
<source lang="javascript">
+
-
import QtQuick 1.0
+
-
import quickwidgets 1.0
+
-
 
+
-
Rectangle {
+
-
    // Customize to your fancy
+
-
    property string buttonImage: "/usr/share/icons/hicolor/64x64/hildon/general_email.png"
+
-
    property string appName:  "modest"
+
-
    color: "#552a2a2a" // optionally "transparent"
+
-
    radius: 5
+
-
    property int imagePadding: 5
+
-
 
+
-
    width: childrenRect.width+imagePadding
+
-
    height: childrenRect.height+imagePadding
+
-
    id: container;
+
-
 
+
-
    Image {
+
-
        anchors.centerIn: parent
+
-
        id: play
+
-
        smooth: true
+
-
        source: buttonImage
+
-
        MouseArea {
+
-
            id: ma
+
-
            anchors.fill:  parent
+
-
            onClicked: {
+
-
                anim.running = true;
+
-
                dbus.run()
+
-
            }
+
-
        }
+
-
        SequentialAnimation {
+
-
            id: anim
+
-
            PropertyAnimation { target: play; property: "scale"; duration: 150; to: 0.9  }
+
-
            PropertyAnimation { target: play; property: "scale"; duration: 100; to: 1.0  }
+
-
        }
+
-
    }
+
-
    Process {
+
-
        id: dbus
+
-
        command: "dbus-send --type=method_call --dest=com.nokia.HildonDesktop.AppMgr \
+
-
                /com/nokia/HildonDesktop/AppMgr \
+
-
                com.nokia.HildonDesktop.AppMgr.LaunchApplication string:\""+appName+"\""
+
-
 
+
-
        onCompleted: {}
+
-
        onFailed: {}
+
-
    }
+
-
}
+
-
</source>
+
-
 
+
-
=== Web Browser widget ===
+
-
 
+
-
<source lang="javascript">
+
-
import QtQuick 1.0
+
-
import QtWebKit 1.0
+
-
 
+
-
Item {
+
-
    // Modify these to customize
+
-
 
+
-
    // widget width
+
-
    width: 300
+
-
 
+
-
    // widget height
+
-
    height: 350
+
-
 
+
-
    // the url to display
+
-
    property string url: "http://touch.facebook.com"
+
-
 
+
-
    // the optimum width for the website. The page is scaled down
+
-
    // from this width to the widget's width
+
-
    property int optimal_width: 340
+
-
 
+
-
    // interval when to reload the page
+
-
    // setting it to 0 means never refresh
+
-
    property real reload_in_minutes: 10
+
-
 
+
-
    // end user mods.
+
-
 
+
-
    id: main
+
-
    MouseArea {
+
-
      anchors.right: parent.right
+
-
  width: 30
+
-
  height: parent.height
+
-
  onClicked: {
+
-
          }
+
-
    }
+
-
 
+
-
    Rectangle {
+
-
        anchors.fill: parent
+
-
        radius: 10
+
-
color: "gray"
+
-
opacity: 0.6
+
-
    }
+
-
 
+
-
    Text {
+
-
        id: txt
+
-
        anchors.centerIn: parent
+
-
text: "loading..."
+
-
color: "white"
+
-
    }   
+
-
 
+
-
    WebView {
+
-
      id: browser
+
-
          transformOrigin: Item.TopLeft
+
-
  property bool scaled: false
+
-
 
+
-
  smooth: true
+
-
  visible: false
+
-
          preferredWidth: optimal_width
+
-
          preferredHeight: parent.height
+
-
  url: parent.url
+
-
          Behavior on y  { PropertyAnimation {} }
+
-
  onUrlChanged: {
+
-
              y = 0
+
-
          }
+
-
  onLoadFinished: {
+
-
              if (!scaled) {
+
-
                  browser.contentsScale = main.width/browser.width
+
-
                  scaled = true;
+
-
              }
+
-
              browser.visible = true
+
-
              //console.log('loaded')
+
-
              txt.z = 0
+
-
}
+
-
      }
+
-
 
+
-
 
+
-
    MouseArea {
+
-
      anchors.right: parent.right
+
-
  width: 30
+
-
  height: parent.height
+
-
  onClicked: {
+
-
            var inc = main.height*0.9
+
-
            if (mouse.y > main.height/2) {
+
-
                var dy = Math.min(inc,
+
-
                          browser.contentsSize.height-main.height+browser.y)
+
-
                browser.y -= dy
+
-
            } else {
+
-
                var dy = Math.min(inc, Math.abs(browser.y))
+
-
                browser.y += dy
+
-
            }
+
-
  }
+
-
 
+
-
    }
+
-
 
+
-
    Timer {
+
-
      id: refresh
+
-
      interval: 1000*60*parent.reload_in_minutes
+
-
  running: runtime.isActiveWindow
+
-
  repeat: true
+
-
          onTriggered: { txt.z = 1
+
-
                          browser.reload.trigger()
+
-
  }
+
-
    }
+
-
 
+
-
}
+
-
</source>
+
== User Contributed scripts ==
== User Contributed scripts ==
-
* qmltube widget - [http://talk.maemo.org/showpost.php?p=995846&postcount=548]
+
* see /opt/quick-widgets/examples/process.qml
-
* quicklyrics - a lyrics widget for someplayer [http://talk.maemo.org/showpost.php?p=991754&postcount=1]
+
-
* someplayer widget [http://talk.maemo.org/showpost.php?p=965421&postcount=1]
+
-
* Tagesschau podcast widget [http://talk.maemo.org/showpost.php?p=968864&postcount=44]
+
-
* system info widget - [http://talk.maemo.org/showpost.php?p=896791&postcount=1]
+
-
* <code>/opt/quick-widgets/examples/process.qml</code>
+
-
 
+
-
== API ==
+
-
 
+
-
document qmlprocess here...
+
-
 
+
-
== Thanks ==
+
-
 
+
-
venemo and the Nokia Qt labs
+
-
 
+
-
[[Category:Software]]
+
-
[[Category:Power users]]
+

Learn more about Contributing to the wiki.


Please note that all contributions to maemo.org wiki may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see maemo.org wiki:Copyrights for details). Do not submit copyrighted work without permission!


Cancel | Editing help (opens in new window)
Retrieved from "https://wiki.maemo.org/Quick_Widgets"