App-Entwicklung für Android

Transkript

1 App-Entwicklung für Android Menüs & Fragments Hochschule Darmstadt WS15/16 1

2 Inhalt Arten von Menüs Implementierung und Nutzung von Menüs Was sind Fragments? Implementierung von Fragments Kommunikation Fragments und Activity 2

3 Arten von Menüs ActionBar Wird automatisch dem Layout hinzugefügt, standardmäßig oben Automatische Teilung möglich ToolBar Große Ähnlichkeit zur ActionBar, hohe Entscheidungsfreiheit Drawer Zusatzmenü neben der ActionBar/ToolBar Kann versteckt werden, geordnete Liste FloatingActionButton Erlaubt einen Schnellzugriff auf kontextabhängige Primäraktionen 3

4 ActionBar Wurde bis Android Studio 1.4 verwendet Schwer zu modifizieren Kann schnell unübersichtlich werden Platzmangel bei vielen Menüpunkten 4

5 Implementierung ActionBar Eintrag in der values/style.xml Eintrag im AndroidManifest.xml 5

6 Implementierung ActionBar Erstellen der Datei...res/menu/main_menu.xml 6

7 Implementierung ActionBar menu/main_menu.xml per MenuInflater in oncreateoptionsmenu einfügen Mit onoptionsitemselected kann auf die Selektion des Nutzers reagiert werden. Menüpunkte zur Actionbar hinzufügen Auf Klicks der Menüitems reagieren 7

8 ActionBar < API 19 >= API 19 8

9 Toolbar ''Löst'' mit Android Studio 1.4 die ActionBar ab Hoch modifizierbar Position kann selbst bestimmt werden Es können nun Views hinzugefügt werden Look n Feel frei gestaltbar Findet standardmäßigen Einsatz ab API 21 9

10 Toolbar Einsatz mehrerer Toolbars möglich Menüs für diese Toolbars sind aufwendiger einzubinden Erweiterung der zusätzlichen Toolbars notwendig 10

11 Implementierung Toolbar...res/layout/main.xml Stellt Animationen zur Verfügung Stellt erweiterte Toolbarfunktionen bereit 11

12 Implementierung Toolbar MainActivity.java Muss ausgeführt werden, da sonst keine Actionbar angezeigt wird! 12

13 Toolbar 13

14 Implementierung Toolbar linksbündig layout/main.xml Linksbündig, da sie als erstes angezeigt wird. 14

15 Implementierung Toolbar linksbündig MainActivity Benötigt, da sonst der Titeltext die ActionView verdeckt. 15

16 Implementierung Toolbar linksbündig ActionView 16

17 NavigationDrawer Platzsparendes Menü, nutzt Fragments Wurde mit Android Studio 1.4 erweitert Einsatz von NavigationView erlaubt ein geordnetes und ansprechendes Aussehen Der Drawer ist in zwei XML-Dateien aufgeteilt headerlayout.xml drawermenu.xml 17

18 NavigationDrawer Besteht grundsätzlich aus 3 Layouts activity_main.xml (Low-Level Layout) app_bar_main.xml (Mid-Level Layout) Besteht aus dem CoordinatorLayout, AppBarLayout, Toolbar, content_main.xml content_main.xml (Top-Level Layout) Besteht aus dem DrawerLayout, app_bar_main.xml und der NavigationView Besteht aus dem Container für Fragmente und globalen Views. 18

19 Implementierung NavigationDrawer activity_main.xml 19

20 Implementierung NavigationDrawer layout/nav_header_ main.xml 20

21 Implementierung NavigationDrawer menu/activity_main _drawer.xml 21

22 Implementierung NavigationDrawer app_bar_main.xml 22

23 Implementierung NavigationDrawer content_main.xml 23

24 Implementierung NavigationDrawer MainAcitivty Wird benötigt um die Wischgesten für den Drawer zu aktivieren. 24

25 Implementierung NavigationDrawer MainAcitivty Je nach ausgewähltem Menüpunkt wird das entsprechende Fragment erstellt 25

26 Implementierung NavigationDrawer Toolbar layout/nav_header_main.xml DummyFragment menu/activity_main_drawer.xml FloatingActionButton 26

27 FloatingActionButton Bietet den Schnellzugriff zu oft genutzten Aktionen Dateimanager Kopieren/Einfügen Messenger Top 6 Kontakte, Chats o.ä. Es dürfen keine zerstörenden Aktionen angeboten werden 27

28 FloatingActionButton Kann an Views gebunden werden Übergänge können implementiert werden Beim Scrollen in einer ListView verschwinden Beim Klick in eine Toolbar wechseln Eine vertikale Liste von Aktionen anzeigen 28

29 Implementierung FloatingActionButton 29

30 Implementierung FloatingActionButton 30

31 Implementierung FloatingActionButton Snackbar nach Klick auf den FloatingActionButton FloatingActionButton 31

32 Was sind Fragments? Fragments sind modulare Teile einer Activity Wird oft genutzt um ein Neuaufbau der Activity zu verhindern Fragments können im laufendem Betrieb getauscht werden Der Lifecycle der Fragments ist abhängig von der Activity 32

33 33

34 Einsatzgebiete von Fragments 34

35 Einsatzgebiete von Fragments NavigationDrawer benutzen immer Fragments um einen Wiederaufbau des Menüs zu verhindern Eine Activity zeigt sehr viele verschiedene Informationen 35

36 Implementation von Fragments 36

37 Einbinden von Fragments durch XML 37

38 Einbinden von Fragments manuell 38

39 Kommunikation Fragment und Activity Je nach Szenario kann die Kommunikation in beide Richtungen verlaufen Die Parteien stellen ein Interface mit vorgegebenen Methoden bereit Die Kommunikation findet ausschließlich über diese Methoden statt 39

40 Kommunikation Fragment und Activity Dasselbe gilt für Activities, welche mit Fragments kommunizieren Hierbei sollte ebenfalls ein Interface genutzt werden 40

41 Kommunikation Fragment -> Activity 41

42 Kommunikation Activity Fragment 42

43 Quellen Actionbar - Seite 4-8 Toolbar - Seite 9-13 Toolbar linksbündig - Seite NavigationDrawer - Seite FloatingActionButton - Seite Fragments - Seite