(Microsoft PowerPoint - GUI programering i Java SWT och Csharp

GUI programering med Java SWT
och C# .net
DVGA11
Översikt
Allmänt Laborationsmoment
GUI programmering
−
Allmänt
−
JAVA SWT/JFace ,C# .net/WinForms
IDE installation/konfiguration
−
Eclipse Java SWT/JFace
−
Visual studio C# .net
Labbar
−
Lab 1, 2 & 3
1
Allmänt
Vad kan förväntas?
−
Enskilda moment av labbar kommer enbart
översiktligt att tas upp under föreläsningar
Kräver mycket egen informationsökning
Huvudsakliga informationskällan är Internet
−
−
Tips på länkar kommer att ges
Inspiration ok, kopiering förbjudet
Målet
−
Känna på att koda enkla användargränssnitt i 2
olika miljöer Java SWT/JFace och C#
.net/WinForms
GUI Programmering Allmänt
Widgets
−
−
−
Objekt, knappar,
fönster, textfält m.m.
Påverkas av
användaren via mus
och tangentbordet
(vanligtvis)
Kan ”skapa” events
(händelser)
Layout
Events
2
GUI Programmering Allmänt
Widgets
Layouts
−
Positionerar widgets
på skärmen/fönstret
Events
GUI Programmering Allmänt
Widgets
Layouts
Events
−
Mus-rörelse, -klick etc.
−
Tangenttryckningar
−
Menyval
−
Knapptryckningar
−
Fokus
3
Historia
Windows GUI utveckling
−
Web utveckling
−
Win32 API, MFC, Visual Basic
ASP
Java – “Write once, run anywhere.”
Java GUI
Standard Native look & feel Plattformsoberoende
x
x
SWING
x
*
x
*
x
x
x
SWT/JFACE
Native hastighet
AWT
x
AWT (Abstract Windowing Toolkit)
−
−
Släpptes 1995 som del av JDK 1.0
Skall man skriva ett portabelt program så måste man
veta vilka komponenter som finns på de olika
plattformarna och enbart använde dem som finns på
alla plattformar
I stort sett omöjligt …
SWING
SWT
4
Java GUI
Standard Native look & feel Plattformsoberoende
x
x
SWING
x
*
x
*
x
x
x
SWT/JFACE
x
AWT
SWING (JFC – Java Foundation Classes)
−
−
Släpptes 1998 som del av JDK 1.1
Använder en väldesignad MVC arkitektur och ritar upp alla
widgets utan att använda underliggande
operativsystemskomponenter.
−
Native hastighet
AWT
Eftersom inga native widgets används så är swing portabelt men
native look & feel är svårt att åstadkomma.
Hastigheten kan också vara ett problem då alla widgets måste
emuleras
Swing har fått många uppdateringar och blivit mycket bättre
prestandamässigt i de senare uppdateringarna.
SWT
Java GUI
Standard Native look & feel Plattformsoberoende
x
x
SWING
x
*
x
*
x
x
x
SWT/JFACE
AWT
SWING
SWT (Standard Widget Toolkit)
x
−
Släppt som en 3:e parts GUI toolkit Nov 2001
−
Använder både native (när det finns) och emulerade komponenter
−
Finns till följande plattformar
Native hastighet
AWT
Bevarar hastighet och look & feel från orginal platformen
Microsoft Windows, Linux, HPUX, Mac OS: Carbon
QNX Photon
Pocket PC
Swing!
MVC och andra högre abstraktionsnivåer stöds genom tillägget JFace
5
Java GUI JFace
MVC
−
−
Tillhandahåller Viewer klasser för att
abstrahera bort bla uppdateringar av
widgets
Tillhandahåller Actions för vad som
skall hända när en användare tex.
trycker på en knapp
Tillhandahåller standardiserade
dialogrutor och wizards
JFace är beroende av SWT
−
−
SWT är inte beroende av JFace
Man kan manipulera SWT widgets
direkt utan att gå igenom JFace
http://help.eclipse.org/help32/index.jsp?topic=/org.eclipse.platform.doc.isv/guide/jface.htm
SWT
Java SWT att tänka på
1) Alla SWT program har en Display som
är koppling mot det underliggande grafik
systemet
2) Ett Shell (skal) är ett sammansatt objekt
(composite) som innehåller andra objekt
3) Alla shell måste ha en layout
För att kunna visa adderade objekt
4) För att visa ett shell så måste det
öppnas (open)
5) Event loopen tar hand om GUI events
(måste finnas)
6) Efter att shellet har kastats så skall man
kasta (dispose) Displayen
6
SWT/JFace
SWT
JFACE
1.
1.
2.
3.
import org.eclipse.swt.SWT;
import org.eclipse.swt.layout.RowLayout;
import org.eclipse.swt.widgets.*;
2.
3.
4.
4.
5.
6.
7.
8.
public class Hello {
public static void main(String[] args) {
Display display = new Display();
Shell shell = new Shell(display);
shell.setLayout( new RowLayout());
5.
6.
7.
import org.eclipse.jface.window.*;
import org.eclipse.swt.*;
import org.eclipse.swt.widgets.*;
public class Hello extends ApplicationWindow {
public Hello() {
super(null);
}
protected Control createContents(Composite parent) {
Label label = new Label(parent, SWT.CENTER);
label.setText("Hello World");
return parent;
}
8.
9.
9.
Label label = new Label(shell, SWT.CENTER);
label.setText("Hello World");
label.setBounds(shell.getClientArea());
10.
11.
12.
10.
11.
12.
13.
shell.pack();
shell.open();
// Set up the event loop.
while (!shell.isDisposed()) {
if (!display.readAndDispatch()) {
// If no more entries in the event queue
display.sleep();
}
}
display.dispose();
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
14.
15.
16.
17.
18.
19.
}
}
24.
25.
public static void main(String[] args) {
Hello w = new Hello();
w.setBlockOnOpen(true);
w.open();
Display.getCurrent().dispose();
}
13.
}
Java vs C# .net
Hello.java
Source
Hello.cs
compile
compile
Source
Hello.class
Byte code
Hello.exe
execute
execute
JVM
CLR
CIL
Java vs C# .net
http://en.wikipedia.org/wiki/Comparison_of_C_Sharp_and_Java
http://www.harding.edu/fmccown/java1_5_csharp_comparison.html
7
.NET
http://en.wikipedia.org/wiki/File:Overview_of_the_Common_Language_Infrastructure.png
.NET
Utvecklad av Microsoft (2000)
−
−
.NET är främst utvecklat för Windows
Nuvarande version (3.5) släpptes Nov 2007
ECMA standard
Primära språk
−
http://www.microsoft.com/net/DownloadCurrent.aspx
4.0 RC1 släpptes 10 February 2010
C#, Visual Basic .NET, C++/CLI och J#
Tredjeparts språk (bland andra)
−
Ada, COBOL, LISP, Perl, Ruby ...
8
.net GUI Winforms
.net stöder Winforms
och Webforms
−
Winforms = standard
GUI applikationer
−
Webforms =
webprogrammering
Alternativ till .NET, Mono
Numera utvecklad av Mono Project (Novell)
−
för att vara kompatibel med .NET och ECMA
−
Mono stöder Linux, Unix, FreeBSD, Mac OS X,
Solaris och MS Windows
Nuvarande version (2.6) släpptes Mars 2010
−
Motsvarar ungefär .net 2.0
−
http://www.mono-project.com/Main_Page
Primära språk i dagsläget
−
C#, VB.NET
9
Eclipse 1/4
Eclipse
−
−
1
1
Easyeclipse
SWT & Jface
1. File -> New-> Java Project
−
Ge projektet ett namn -> next
2. Klicka på fliken Library -> add library
−
2
Välj SWT-> next
3. Bocka i “include support for JFace
library” -> finish -> finish
3
http://www.easyeclipse.org/site/distributions/desktop-java.html
Eclipse 2/4
Eclipse SWT och JFace manuellt
−
SWT (enkelt)
−
http://www.eclipse.org/swt/eclipse.php
JFace (något svårare)
http://wiki.eclipse.org/JFace#Setting_Up_an_Eclip
se_Project_to_use_SWT_and_JFace
10
Eclipse 3/4
använda SWT
För att kompilera och köra SWT
applikationer så måste man ha installerat
och lagt till swt.jar i sitt projekt.
−
Endera som i exemplet med easyeclipse eller
manuellt
För detaljerad information om SWT se
−
http://www.eclipse.org/swt/
Eclipse 4/4
använda SWT
För att kunna exportera sitt projekt till en jar fil så
måste fat jar pluginen för eclipse vara installerad
−
För att få det hela att fungera så måste man även
bocka för att man vill använda one-jar och välja att
inkludera alla externa jars som man använder
(exempelvis swt.jar)
−
http://fjep.sourceforge.net/ (redan gjort i easyeclipse)
http://www-128.ibm.com/developerworks/java/library/j-onejar/
Skulle det ändå inte fungera så kan man pröva att
placera swt-win32.dll i samma mapp som jar filen
−
http://fjep.sourceforge.net/fjepfaq.html
11
Visual Studio .net
Visual Studio .NET
−
Ladda ner Visual Studio
−
MSDNAA
Bränn skivorna eller montera dem i daemon tools
eller liknande
Installation
Installera .net om det inte redan är gjort
−
http://www.microsoft.com/downloads/details.aspx?FamilyID=333325fdae52-4e35-b531-508d977d32a6&DisplayLang=en
Följ anvisningarna för att installera Visual studio .net
välj C#
Sen kan man ta en kaffe eller 3
Laborationer Generellt
Labbgrupper skall bestå av 2 personer
(undantagsvis 3)
−
Labbgrupper delar ni in själva
Alla labbar skall följa standard
−
Deadline är alltid kl 16.00
All inlämning sker via it’s learning (its.kau.se)
http://www.it.kau.se/cs/students/lab_info/labmall.php
Viktigt att inte glömma
−
−
Dokumentera källkoden
Skicka med
klassdiagram
källkod
körbar fil namnges med gruppnummer
12
Laborationer Generellt
Krav:
−
Godkänt på alla 3 laborationerna för att få
godkänt på Laborationsmomentet som helhet
−
Lämna in laborationer samt ev. returer innan
deadline
−
Deadlines kommer att vara uppsatta på hemsidan
En retur får med automatik 1 veckas deadline ifrån
att den är färdigrättad.
De guidelines och riktlinjer för GUI som tagits
upp under kursen skall användas
Lab 1 (Deadline 100422)
Luffarschack (Tic-Tac-Toe)
Uppgift: Skriv ett luffarschack spel som går att
spela (ingen AI) 3x3 rutor.
−
Krav (grundläggande)
−
−
Språk : Java SWT
Programmet skall kunna köras utan eclipse med
kommandot java -jar programnamn.jar
Programmet skall använda SWT (ev. JFace)
Frivillig Extra uppgift
−
Lösningen skall vara implementerad med MVC
mönstret
13
Lab 2 (Deadline 100505)
Luffarschack (Tic-Tac-Toe)
Uppgift: Skriv ett luffarschack spel som går att
spela (ingen AI).
−
Krav (grundläggande)
−
−
Språk : C# .net (Winforms)
Programmet skall kunna köras utanför Visual
Studio (som program.exe)
Programmet skall använda .net
Frivillig Extra uppgift
−
Lösningen skall vara implementerad med MVC
mönstret
Lab 3 Preliminär (Deadline 100604)
MP3Spelare
Uppgift: Skriv ett GUI för en MP3 spelare som kan spela valfri mp3 fil
−
klass för att spela upp mp3 musik kommer att tillhandahållas.
−
Språk : Java SWT (ev. JFace)
Krav (grundläggande)
−
Programmet skall kunna köras utan eclipse med kommandot java -jar programnamn.jar
−
Programmet skall använda SWT (ev. JFace)
−
Lösningen skall vara implementerad med MVC mönstret
−
Användaren skall kunna få upp en dialog ruta där man kan välja en mp3 fil (skall kunna öppnas
när som helst).
−
Den valda mp3 filen skall kunna spelas och stoppas och återstartas (inget krav att den skall
starta ifrån samma punkt)
−
Spelarfönstret skall kontinuerligt uppdateras om hur långt låten har spelats och filnamnet.
−
GUIet skall vara robust (ex. det skall inte gå att spela eller stoppa en låt innan den är laddad)
−
Implementera Drag n Drop på spelaren så att man kan släppa en låt på spelaren och den skall
då spela upp denna
Frivillig Extra uppgift
−
Spelarfönstret skall ha valfri form och färg och kunna flyttas runt samt stängas
−
Knapparna skall vara bilder.
−
Flera sånger skall kunna väljas så att de lägger sig i en kö och spelas upp efter varandra (skall
också fungera med drag n drop)
14
Länkar 1/2
COMP455
−
Labbmall
−
http://www.harding.edu/fmccown/classes/comp445-f07/
http://www.it.kau.se/cs/students/lab_info/labmall.php
Java vs C#
−
http://en.wikipedia.org/wiki/Comparison_of_C_Sharp_and_Java
−
http://www.harding.edu/fmccown/java1_5_csharp_comparison.html
AWT SWT SWING JFACE
−
http://www.ibm.com/developerworks/grid/library/os-swingswt/
Länkar 2/2
Eclipse & SWT JFace
−
http://www.easyeclipse.org/site/distributions/desktop-java.html
−
http://www.eclipse.org/swt/eclipse.php
−
http://www.developer.com/java/other/article.php/10936_3330861_1
−
http://wiki.eclipse.org/JFace#Setting_Up_an_Eclipse_Project_to_use_SWT_and_JFace
−
http://help.eclipse.org/help32/index.jsp?topic=/org.eclipse.platform.doc.isv/guide/jface.htm
Kodexempel Java & C# (+ annat)
−
http://www.java2s.com
15