1. © 2002 IBM Corporation
Confidential | Date | Other Information, if necessaryApril 20, 2010 Copyright © 2009 compeople AG, Made available under the Eclipse Public License v 1.0
1
Christian Campo
EclipseCon 2010 – March

2. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
SWT/Qt – Overview
 Motivation
 Demo
 Questions
2

3. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
SWT/Qt - Motivation
 Building SWT based Applications with Riena
 Riena has Look and Feel (Colors, Fonts, Rendering)
 Riena LnF is limited by SWT‘s options
 SWT is a very thin layer on top of OS widgets
 We wanted more control over the styling of widgets
 Predecessor of Riena is Swing based
 Extremly good feedback from customers
3

4. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
Typical Smartclient Swing App

5. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
Typical Smartclient SWT Apps (based on Riena)
5

6. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
SWT/Qt – Investigations on the way…
 Styling is important
 Look of widgets (gradients, scrollbars)
 Central styling for all UI components
 Investigated
 SWT on Swing
 SWT and Flex ?
 E4 CSS Styling
 platform independant styling
 limited to the abilities of the current SWT API
6

7. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
E4 CSS contact demo
7

8. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
SWT/Qt – the implementation
 SWT on Qt
 Qt native versus QtJambi
 CSS is toolkit dependant and not independant
 CSS is applied to toolkit and not interpreted by SWT
 Qt is available on all major platforms but not a „native“
implementation as Win32, GTK or Cocoa
8

9. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
SWT/Qt - Layers
Riena Client RCP Client
SWT/Qt
QT Jambi
QT
SWT Client
CSS
QPushButton {
border: 1px solid #8993b2;
border-radius: 3px;
background-color: qlineargradient(x1 : 0, y1 : 0, x2 : 0, y2 : 1, stop : 1 #c5cae6, stop :0 #fcfcfe);
min-width: 80px;
height: 20 px;
}

10. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
Demo

11. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0
Riena – UI Vision (using SWT/Qt)
11

12. Copyright © 2010 compeople AG, Made available under the Eclipse Public License v 1.0 12
Discussion