als erstes
Aug
6
"Schuster bleib bei deinen Leisten" passt vielleicht bei Schustern, aber wir als
Entwickler dürfen uns diesen Luxus nicht wirklich erlauben (und es ist Luxus).
Wir müssen neugierig, anpassbar und wissenshungrig sein um in den Haifischbecken
der modernen Webentwicklung mitziehen zu können. Also bleibt uns nichts übrig
als uns jede neue Webentwicklungstechnik zumindestens "mal angeschaut" zu
haben. So geht es auch mir und daher hier eine kurze Zusammenfassung meines
Einstiegs in Adobes AIR bzw. Apollo (alter Codename des AIR Frameworks)
Gefunden habe ich mein Einstiegstutorial über Google und den Suchstring
"my first air application", natürlich ist es englisch, aber dem begabten Nerd
Entwickler sollte das kein Hinderniss sein, und wenn doch wird es Zeit für einen
dreimonatigen Intensivkurs "technisches Englisch und ich".
Für alle anderen ist der Artikel ein guter Einstieg in AIR und bei der Gelegenheit
auch gleich in die IDE Aptana, die mir langsam immer mehr ans Herz wächst.
Aptana beherrscht AIR Debugging, Vorschau und Projectverwaltung und hat
ausserdem ein herausragendes Snippetsverzeichniss zu allen AIR Funktionen.
Also Aptana laden, die Adobe AIR SDK laden und drauf. Die Schritte zur ersten
eigenen HelloWorld AIR Applikation sind im vorherigen Tutorial hinreichend
beschrieben. Ich bin heute Morgen mal ein paar Meter weiter gegangen und
habe mir einen Filereader gebaut, allerdings ist dieser noch nicht klickbar und
hat keine Vorschaufunktion. Da besteht noch Nachbesserungsbedarf, alle
Neuerungen poste ich morgen.
Hier der Code:
<html>
<head>
<title>Adobe AIR Application</title>
<script src="AIRAliases.js" type="text/javascript"></script>
<script src="lib/prototype/prototype.js" type="text/javascript"></script> <script type="text/javascript">
var file = null;
function doLoad() {
file = air.File.documentsDirectory;
file.addEventListener( air.Event.SELECT, doSelect );
directory = air.File.documentsDirectory;
var files = directory.listDirectory();
var elem = null;
var name = null;
for( var f = 0; f < files.length; f++ )
{
name = files[f].name;
type = files[f].type;
if(type != null) {
href = document.createElement( "a" );
href.href="";
elem = document.createElement( "div" );
elem.innerText = name;
document.body.appendChild( elem );
}
}
document.getElementById('btnBrowse').addEventListener( "click", doBrowse );
}
function doBrowse() {
var filters = new window.runtime.Array();
filters.push( new air.FileFilter( "Bilder", "*.jpg" ) );
file.browseForOpen( "Suche Bild", filters );
}
function doSelect() {
var img = document.createElement("img");
img.src = file.nativePath;
img.width = 200;
img.height = 200;
document.body.appendChild( img );
}
</script> <input id="btnBrowse" value="Browse" type="button" />
