The Ring Programming Language Version 1.4.1 Book - Part 16 of 31

Ring Documentation, Release 1.4.
ant debug
51.3. Building the project 428

CHAPTER
FIFTYTWO
DESKTOP AND MOBILE DEVELOPMENT USING RINGQT
In this chapter we will learn how to use the Qt framework classes in our Ring applications to create Desktop and
Mobile Applications.
52.1 The First GUI Application
In this example we will create an application to ask the user about his/her name. When the user type the name in the
textbox then click on Say Hello button, the textbox value will be updated by adding Hello to the name.
Load "guilib.ring"
MyApp = New qApp {
win1 = new qWidget() {
setwindowtitle("Hello World")
setGeometry(100,100,370,250)
label1 = new qLabel(win1) {

settext("What is your name ?")
setGeometry(10,20,350,30)
setalignment(Qt_AlignHCenter)
}
btn1 = new qpushbutton(win1) {

settext("Say Hello")
setclickevent("pHello()")
}

settext("Close")
setclickevent("pClose()")
}
lineedit1 = new qlineedit(win1) {

}
show()
}
429
Ring Documentation, Release 1.4.1
exec()
}
Func pHello
lineedit1.settext( "Hello " + lineedit1.text())
Func pClose
MyApp.quit()
Program Output:
At first we type the name in the textbox
Then we click on the say hello button
52.1. The First GUI Application 430

52.2 Using Layout
The next example is just an upgrade to the previous application to use the vertical layout.
Load "guilib.ring"
MyApp = New qApp {
setwindowtitle("Hello World")
setGeometry(100,100,400,130)
label1 = new qLabel(win1) {
settext("What is your name ?")
}
settext("Say Hello")
setclickevent("pHello()")
}
settext("Close")
setclickevent("pClose()")
}
}
layout1 = new qVBoxLayout() {
addwidget(label1)
addwidget(lineedit1)
addwidget(btn1)
addwidget(btn2)
}
win1.setlayout(layout1)
show()
}
exec()
Func pHello
lineedit1.settext( "Hello " + lineedit1.text())
Func pClose
MyApp.quit()
The application during the runtime!
52.2. Using Layout 431

52.3 Using the QTextEdit Class
In this example we will use the QTextEdit Class

Load "guilib.ring"
New qApp {
setwindowtitle("QTextEdit Class")
setGeometry(100,100,500,500)
new qtextedit(win1) {
show()
}
exec()
}
During the runtime we can paste rich text in the qtextedit widget
52.3. Using the QTextEdit Class 432

52.4 Using the QListWidget Class
In this example we will use the QListWidget Class

Load "guilib.ring"
New qApp {
setGeometry(100,100,400,400)
list1 = new qlistwidget(win1) {

setGeometry(150,100,200,200)
alist = ["one","two","three","four","five"]
for x in alist additem(x) next
setcurrentrow(3,2)
win1.setwindowtitle("Items Count : " + count() )
}
52.4. Using the QListWidget Class 433


settext("selected item")
setclickevent("pWork()")
}

settext("Delete item")
setclickevent("pWork2()")
}
show()
}
exec()
}
func pWork
btn1.settext(string(list1.currentrow()))
func pWork2
list1 {
takeitem(currentrow())
}
The application during the runtime

Another Example:
Load "guilib.ring"
New qApp {
setGeometry(100,100,500,400)
list1 = new qlistwidget(win1) {

setGeometry(150,100,200,200)
for x in alist additem(x) next
setcurrentrow(3,2)
win1.setwindowtitle("Items Count : " + count() )
}

settext("selected item")
setclickevent("pWork()")
}

settext("Delete item")
setclickevent("pWork2()")
}
show()
}
exec()
}
func pWork
nbrOfItems = list1.count()
curItemNbr = list1.currentrow()
curValue = list1.item(list1.currentrow()).text()
win1.setwindowtitle( "After Select - NbrOfItems: " + nbrOfItems +

" CurItemNbr: " + curItemNbr + " CurValue: " + curValue )
btn1.settext( string(list1.currentrow() ) + " --- " +

list1.item(list1.currentrow()).text() )
func pWork2
list1 {
takeitem(currentrow())
nbrOfItems = count()
curItemNbr = currentrow()
curValue = item(currentrow()).text()

win1.setwindowtitle("After Delete - NbrOfItems: " + nbrOfItems +

" CurItemNbr: " + curItemNbr +" CurValue: " + curValue )
}
52.5 Using QTreeView and QFileSystemModel
In this example we will learn how to use the QTreeView widget to represent the File System
Load "guilib.ring"
New qApp {
win1 = New qWidget() {
setwindowtitle("Using QTreeView and QFileSystemModel")

setGeometry(100,100,500,400)
New qtreeview(win1) {
oDir = new QDir()
ofile = new QFileSystemModel()
ofile.setrootpath(oDir.currentpath())
setmodel(ofile)
}
show()
}
exec()
}
52.5. Using QTreeView and QFileSystemModel 436

52.6 Using QTreeWidget and QTreeWidgetItem
In this example we will learn about using the QTreeWidget and QTreeWidgetItem classes
Load "guilib.ring"
New qApp {
setwindowtitle("TreeWidget")
setGeometry(100,100,400,400)
layout1 = new qvboxlayout()
tree1 = new qtreewidget(win1) {

setcolumncount(1)
myitem = new qtreewidgetitem()
myitem.settext(0,"The First Step")
addtoplevelitem(myitem)
for x = 1 to 10
myitem2 = new qtreewidgetitem()
myitem2.settext(0,"hello"+x)
myitem.addchild(myitem2)
52.6. Using QTreeWidget and QTreeWidgetItem 437

for y = 1 to 10
myitem3 = new qtreewidgetitem()
myitem3.settext(0,"hello"+x)
myitem2.addchild(myitem3)
next
next
setheaderlabel("Steps Tree")
}
layout1.addwidget(tree1)
setlayout(layout1)
show()
}
exec()
}
52.7 Using QComboBox Class
In this example we will learn about using the QComboBox class
52.7. Using QComboBox Class 438

Load "guilib.ring"
New qApp {
setwindowtitle("Using QComboBox")
setGeometry(100,100,400,400)
New QComboBox(win1) {
for x in aList additem(x,0) next
}
show()
}
exec()
}
52.8 Creating Menubar
In this example we will learn about using the QMenuBar class
52.8. Creating Menubar 439

Load "guilib.ring"
MyApp = New qApp {
setwindowtitle("Using QMenubar")
setGeometry(100,100,400,400)
menu1 = new qmenubar(win1) {

sub1 = addmenu("File")
sub2 = addmenu("Edit")
sub3 = addmenu("Help")
sub1 {
oAction = new qAction(win1) {
settext("New")
}
addaction(oAction)
settext("Open")
}
addaction(oAction)
settext("Save")
}
addaction(oAction)
settext("Save As")
}
addaction(oAction)
addseparator()
oAction = new qaction(win1) {
settext("Exit")
setclickevent("myapp.quit()")
}
addaction(oAction)
}
sub2 {
settext("Cut")
}
addaction(oAction)
settext("Copy")
}
addaction(oAction)
settext("Paste")
}
addaction(oAction)
addseparator()
settext("Select All")
}
addaction(oAction)
}
sub3 {

settext("Reference")
}
addaction(oAction)
sub4 = addmenu("Sub Menu")
sub4 {
settext("Website")
}
addaction(oAction)
settext("Forum")
}
addaction(oAction)
settext("Blog")
}
addaction(oAction)
}
addseparator()
settext("About")
}
addaction(oAction)
}
}
show()
}
exec()
}

52.9 Creating Toolbar
In this example we will learn about using the QToolBar class

Load "guilib.ring"
New qApp {
win1 = new qMainWindow() {
setwindowtitle("Using QToolbar")
setGeometry(100,100,600,400)
abtns = [
new qpushbutton(win1) { settext("Add") } ,
new qpushbutton(win1) { settext("Edit") } ,
new qpushbutton(win1) { settext("Find") } ,
new qpushbutton(win1) { settext("Delete") } ,
new qpushbutton(win1) { settext("Exit")
setclickevent("win1.close()") }
]
tool1 = new qtoolbar(win1) {

for x in abtns addwidget(x) addseparator() next
setmovable(true)
52.9. Creating Toolbar 442

setFloatable(true)
}
show()
}
exec()
}
52.10 Creating StatusBar
In this example we will learn about using the QStatusBar class

Load "guilib.ring"
New qApp {
setwindowtitle("Using QStatusbar")
setGeometry(100,100,400,400)
status1 = new qstatusbar(win1) {

showmessage("Ready!",0)
52.10. Creating StatusBar 443

setstatusbar(status1)
show()
}
exec()
}
52.11 Using QDockWidget
In this example we will learn about using the QDockWidget class

Load "guilib.ring"
New qApp {
setwindowtitle("QDockWidget")
setGeometry(100,100,400,400)
label1 = new qlabel(win1) {

settext("Hello")
52.11. Using QDockWidget 444

setGeometry(300,300,100,100)
}
label2 = new qlabel(win1) {

settext("How are you ?")
setGeometry(100,100,100,100)
}
dock1 = new qdockwidget(win1,0) {

setwidget(label1)
SetAllowedAreas(1)
}
dock2 = new qdockwidget(win1,0) {

setwidget(label2)
SetAllowedAreas(2)
}
adddockwidget(Qt_LeftDockWidgetArea,dock1,Qt_Horizontal)
adddockwidget(Qt_LeftDockWidgetArea,dock2,Qt_Vertical)
show()
}
exec()
}
52.11. Using QDockWidget 445

52.12 Using QTabWidget
In this example we will learn about using the QTabWidget class

Load "guilib.ring"
New qApp {
setwindowtitle("Using QTabWidget")
setGeometry(100,100,400,400)
page1 = new qwidget() {

new qpushbutton(page1) {
settext("The First Page")
}
}

settext("The Second Page")
}
}

settext("The Third Page")
}
}
tab1 = new qtabwidget(win1) {

inserttab(0,page1,"Page 1")
setGeometry(100,100,400,400)
}
status1 = new qstatusbar(win1) {

showmessage("Ready!",0)
}
setstatusbar(status1)
showMaximized()
}
exec()
}
52.12. Using QTabWidget 446

52.13 Using QTableWidget
In this example we will learn about using the QTableWidget class

Load "guilib.ring"
New qApp {
setGeometry(100,100,1100,370)
setwindowtitle("Using QTableWidget")
Table1 = new qTableWidget(win1) {
setrowcount(10) setcolumncount(10)
setselectionbehavior(QAbstractItemView_SelectRows)
for x = 1 to 10
for y = 1 to 10
item1 = new qtablewidgetitem("R"+X+"C"+Y)
setitem(x-1,y-1,item1)
next
next
setcentralwidget(table1)
show()
52.13. Using QTableWidget 447

exec()
}
52.14 Using QProgressBar
In this example we will learn about using the QProgressBar class

Load "guilib.ring"
New qApp {
setGeometry(100,100,600,150)
setwindowtitle("Using QProgressBar")
for x = 10 to 100 step 10

new qprogressbar(win1) {
setGeometry(100,x,350,30)
setvalue(x)
}
next
show()
}
exec()
}
52.14. Using QProgressBar 448

52.15 Using QSpinBox
In this example we will learn about using the QSpinBox class

Load "guilib.ring"
New qApp {
setGeometry(100,100,450,260)
setwindowtitle("Using QSpinBox")
new qspinbox(win1) {
setvalue(50)
}
show()
}
exec()
}
52.15. Using QSpinBox 449

52.16 Using QSlider
In this example we will learn about using the QSlider class

Load "guilib.ring"
New qApp {
setGeometry(100,100,500,400)
setwindowtitle("Using QSlider")
new qslider(win1) {
settickinterval(50)
}
new qslider(win1) {
settickinterval(50)
setorientation(Qt_Horizontal)
}
show()
exec()
}
52.16. Using QSlider 450

52.17 Using QDateEdit
In this example we will learn about using the QDateEdit class

Load "guilib.ring"
New qApp {
setwindowtitle("Using QDateEdit")
setGeometry(100,100,250,100)
new qdateedit(win1) {
}
show()
}
exec()
}
52.17. Using QDateEdit 451

52.18 Using QDial
In this example we will learn about using the QDial class

Load "guilib.ring"
New qApp {
setGeometry(100,100,450,500)
setwindowtitle("Using QDial")
new qdial(win1) {
setGeometry(100,100,250,300)
}
show()
}
exec()
}
52.18. Using QDial 452

Another Example
Load "guilib.ring"
New qApp {
win1 = new qMainWindow()
{
setGeometry(100,100,450,500)
setwindowtitle("Using QDial")
button1 = new QPushButton(win1){
settext("Increment")
setClickEvent("pIncrement()")
}
button2 = new QPushButton(win1){

settext("Decrement")
setClickEvent("pDecrement()")
}
pdial = new qdial(win1) {

setNotchesVisible(true)
setValue(50)
SetValueChangedEvent("pDialMove()")
}
settext(string(pdial.value()))
setreturnPressedEvent("pPress()")
}
show()
}
exec()
}
func pIncrement
pdial{val=value()}
pdial.setvalue(val+1)
lineedit1{settext(string(val+1))}
func pDecrement
pdial{val=value()}
pdial.setvalue(val-1)
lineedit1{settext(string(val-1))}
func pPress
lineedit1{val=text()}
pdial.setvalue(number(val))
func pDialMove
lineedit1.settext(""+pdial.value())

52.19 Using QWebView
In this example we will learn about using the QWebView class

Load "guilib.ring"
New qApp {
setwindowtitle("QWebView")
myweb = new qwebview(win1) {
loadpage(new qurl("http://google.com"))
}
setcentralwidget(myweb)
showMaximized()
}
exec()
}
52.19. Using QWebView 455

52.20 Using QCheckBox
In this example we will learn about using the QCheckBox class

Load "guilib.ring"
New qApp {
setwindowtitle("Using QCheckBox")
new qcheckbox(win1) {
settext("New Customer!")
}
showMaximized()
}
exec()
}
52.20. Using QCheckBox 456

Another Example:
Load "guilib.ring"
New qApp {
setGeometry(100,100,400,300)
setwindowtitle("Using QCheckBox")
### 0-Unchecked 1-Checked
CheckBox = new qcheckbox(win1) {

settext("New Customer!")
setclickedEvent("HandleClickEvent()")
}
show()
}
exec()
}
Func HandleClickEvent
if CheckBox.isChecked() = 1
CheckBox.settext("New Customer. Check 1-ON")
else
CheckBox.settext("New Customer. Check 0-OFF")
ok
52.21 Using QRadioButton and QButtonGroup
In this example we will learn about using the QRadioButton and QButtonGroup classes
Load "guilib.ring"
52.21. Using QRadioButton and QButtonGroup 457

The Ring Programming Language Version 1.4.1 Book - Part 16 of 31

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

The Ring Programming Language Version 1.4.1 Book - Part 16 of 31

Uploaded by

Copyright:

Available Formats

Ring Documentation, Release 1.4.

51.3. Building the project 428

DESKTOP AND MOBILE DEVELOPMENT USING RINGQT

52.1 The First GUI Application

MyApp = New qApp {

win1 = new qWidget() {

label1 = new qLabel(win1) {

btn1 = new qpushbutton(win1) {

btn1 = new qpushbutton(win1) {

lineedit1 = new qlineedit(win1) {

Then we click on the say hello button

52.1. The First GUI Application 430

52.2 Using Layout

MyApp = New qApp {

win1 = new qWidget() {

The application during the runtime!

52.2. Using Layout 431

52.3 Using the QTextEdit Class

In this example we will use the QTextEdit Class

win1 = new qWidget() {

52.3. Using the QTextEdit Class 432

52.4 Using the QListWidget Class

In this example we will use the QListWidget Class

win1 = new qWidget() {

list1 = new qlistwidget(win1) {

52.4. Using the QListWidget Class 433

btn1 = new qpushbutton(win1) {

btn2 = new qpushbutton(win1) {

The application during the runtime

52.4. Using the QListWidget Class 434

win1 = new qWidget() {

list1 = new qlistwidget(win1) {

btn1 = new qpushbutton(win1) {

btn2 = new qpushbutton(win1) {

win1.setwindowtitle( "After Select - NbrOfItems: " + nbrOfItems +

btn1.settext( string(list1.currentrow() ) + " --- " +

52.4. Using the QListWidget Class 435

win1.setwindowtitle("After Delete - NbrOfItems: " + nbrOfItems +

52.5 Using QTreeView and QFileSystemModel

win1 = New qWidget() {

setwindowtitle("Using QTreeView and QFileSystemModel")

The application during the runtime

52.5. Using QTreeView and QFileSystemModel 436

52.6 Using QTreeWidget and QTreeWidgetItem

win1 = new qWidget() {

layout1 = new qvboxlayout()

tree1 = new qtreewidget(win1) {

52.6. Using QTreeWidget and QTreeWidgetItem 437

The application during the runtime

52.7 Using QComboBox Class

In this example we will learn about using the QComboBox class

52.7. Using QComboBox Class 438

win1 = new qWidget() {

The application during the runtime

52.8 Creating Menubar

In this example we will learn about using the QMenuBar class

52.8. Creating Menubar 439

MyApp = New qApp {

win1 = new qWidget() {

menu1 = new qmenubar(win1) {

52.8. Creating Menubar 440

The application during the runtime