Informatikwiki

Albert Einstein Gymnasium Reutlingen

Benutzer-Werkzeuge

Webseiten-Werkzeuge


app:lektion001_01

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
app:lektion001_01 [08.10.2014 10:41] Stefan Gaumapp:lektion001_01 [09.11.2014 11:21] (aktuell) – gelöscht Stefan Gaum
Zeile 1: Zeile 1:
-~~NOTOC~~ 
-[[app:lektion001|=> Lektion 1: Softwareumgebung]] 
-====== Lektion 1.1: Designer ====== 
  
-Wenn du den AppInventor startest, landest du zunächst im Projektordner, in dem zu natürlich noch keine Projekte angelegt hast. Das wird die nächste Aufgabe sein. 
- 
-{{ :work.png|}} 
-==== Aufgabe 2 ==== 
-Verfahre wie auf den Bildern gezeigt. Starte ein neues Projekt und gib ihm den Namen ''smile''. 
- 
-{{:app:start_project.png?600|}} 
-{{:app:name_project.png?300|}} 
- 
-Die Ansicht wechselt automatisch in den ''Design-Monitor''. 
-{{:app:ansicht_designer.png?600|}} 
- 
-=== Layout === 
- 
-Per "Drag & Drop" wird das Layout erstellt. Als erstes benötigen wir ein Bild. Füge es wie angezeigt hinzu. 
-{{:app:image_hinzufuegen.png?600|}} 
- 
-{{:app:rename_image.png?150  |}} 
-Es erscheint die Komponente "Image1" unter **Components** welches wir zunächst umbenennen in **ImageOhneZunge**. Anschließend laden wir unter **Properties** die entsprechende Bilddatei hoch. 
- 
-{{  :app:image_upload2.png?300|}} 
-{{  :app:image_upload1.png?200|}} 
- 
-=== nachträgliche Einstellungen === 
- 
-Im Nachhinein können dann noch Sichtbarkeit und die Größe des Bildes eingestellt werden. 
- 
-{{:app:image_settings.png?600|}} 
- 
-{{  :work.png|}} 
-==== Aufgabe 3 ==== 
- 
-{{  :app:layout1.png?250|}} 
-Erstelle das Layout der APP so, dass es wie auf dem Bild aussieht. Nutze dafür die folgenden Komponenten. 
-^  Komponente  ^  Name  ^  Eigenschaften  ^ 
-|  Image  |  ImageOhneZunge  |  Sichtbar: "True"\\ Bild: {{:app:smilie_ohne_zunge.png?linkonly|smile_ohne_zunge.png}}  | 
-|    Image  |  ImageMitZunge  |  Sichtbar: "True"\\ Bild: {{:app:smilie_zunge.png?linkonly|smile_zunge.png}}  | 
-|  Button  |  ButtonMitZunge  |  Text: "Mit Zunge"  | 
-|  Button  |  ButtonOhneZunge  |  Text: "Mit Zunge"  | 
- 
- 
----- 
-[[app:lektion001_02|=> Lektion 1.2: Block-Programmierung]]\\  
-[[app:start|=> Übersicht: Android APPs programmieren]] 
app/lektion001_01.1412764872.txt.gz · Zuletzt geändert: 08.10.2014 10:41 von Stefan Gaum

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki