![Page 1: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/1.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Praktikum Entwicklung
Mediensysteme
(für Master)
Implementing a User Interface
![Page 2: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/2.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Outline•Introduction
•Programmatic vs. XML Layout
•Common Layout Objects
•Hooking into a Screen Element
•Listening for UI Notifications
•Applying a Theme to Your Application
![Page 3: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/3.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Introduction
Implementing a User Interface
![Page 4: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/4.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Introduction
•Activity–Basic functional unit of an Android application–But by itself, it does not have any presence on the
screen
•Views and Viewgroups–Basic units of user interface expression on the
Android platform
![Page 5: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/5.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Beautiful View from up here...• android.view.View
– Stores layout and content for a specific rectangular area of the screen– Handles measuring and layout, drawing, focus change, scrolling, and
key/gestures– Base class for widgets
• Text• EditText• InputMethod• MovementMethod• Button• RadioButton• Checkbox• ScrollView
![Page 6: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/6.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Viewgroups
•android.view.Viewgroup–Contains and manages a subordinate set of views
and other viewgroups–Base class for layouts
![Page 7: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/7.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Tree-Structured UI
•An Activity in Android–Defined using a tree of view and
viewgroup nodes
•setContentView() method–Called by the Activity to attach the
tree to the screen for rendering
![Page 8: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/8.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
LayoutParams• Every viewgroup class uses a nested class that extends
ViewGroup.LayoutParams– Contains property types that defines the child’s size and position
![Page 9: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/9.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Introduction
Implementing a User Interface
![Page 10: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/10.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Programmatic UI Layout• Programmatic UI Layout
– Constructing and building the applications UI directly from source code
– Disadvantage• small changes in layout can have a big effect on the source code
![Page 11: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/11.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Upgrading UI to XML Layout
•XML-based Layout–Inspired by web development model where the
presentation of the application’s UI is separated from the logic
–Two files to edit•Java file – application logic•XML file – user interface
![Page 12: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/12.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Upgrading UI to XML Layout
![Page 13: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/13.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Upgrading UI to XML Layout
![Page 14: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/14.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
![Page 15: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/15.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Common Layout
Objects
Implementing a User Interface
![Page 16: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/16.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Common Layout Objects
FrameLayout LinearLayout
TableLayout AbsoluteLayout RelativeLayout
![Page 17: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/17.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
FrameLayout•Simplest layout object
•Intended as a blank reserved space on your screen that you can later fill with a single object –Example: a picture that you'll swap out
•All child elements are pinned to the top left corner of the screen
•Cannot specify a location for a child element
![Page 18: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/18.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Common Layout Objects
FrameLayout LinearLayout
TableLayout AbsoluteLayout RelativeLayout
![Page 19: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/19.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
LinearLayout• Aligns all children in a
single direction — vertically or horizontally– All children are stacked
one after the other•a vertical list will only
have one child per row (no matter how wide they are)
•a horizontal list will only be one row high (the height of the tallest child, plus padding)
![Page 20: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/20.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Common Layout Objects
FrameLayout LinearLayout
TableLayout AbsoluteLayout RelativeLayout
![Page 21: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/21.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
TableLayout• Positions its children
into rows and columns
• Does not display border lines for their rows, columns, or cells
• Cells cannot span columns, as they can in HTML
![Page 22: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/22.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Common Layout Objects
FrameLayout LinearLayout
TableLayout AbsoluteLayout RelativeLayout
![Page 23: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/23.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Absolute Layout• Enables children to specify exact x/y coordinates to display
on the screen– (0,0) is the upper left corner– Values increase as you move down or to the right
• Overlapping elements are allowed (although not recommended)
• NOTE:– It is generally recommended NOT to use AbsoluteLayout UNLESS
you have good reasons to use it– It is because it is fairly rigid and does not work well with different
device displays
23
![Page 24: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/24.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Common Layout Objects
FrameLayout LinearLayout
TableLayout AbsoluteLayout RelativeLayout
![Page 25: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/25.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
RelativeLayout
•Lets children specify their position relative to each other (specified by ID), or to the parent
![Page 26: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/26.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Important Layout Paramters
Layout-‐Height: fill_parent, wrap_content, PixelsLayout-‐Width: fill_parent, wrap_content, PixelsId: @+id/my_variable
Min-‐Height, Max-‐Height...Min-‐Width, Max-‐Width
Allgemein:
Speziell:EditText Input type text, textEmailAddress, number,
numberDecimalTextView, BuLon, EditText
Text @string/resource_id
TextView Text color, Text size
![Page 27: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/27.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Online Referencehttp://developer.android.com/guide/tutorials/views/index.html
![Page 28: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/28.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Hooking into a Screen
Element
Implementing a User Interface
![Page 29: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/29.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Hooking into a Screen Element
Text field
Button
![Page 30: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/30.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Hooking into a Screen Element
![Page 31: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/31.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
@+id syntax:Creates a resource number in the R class (R.java file) if one doesn't exist, or uses it if it does exist.
Any String value(no spaces)
Hooking into a Screen Element
![Page 32: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/32.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Hooking into a Screen Element
![Page 33: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/33.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Hooking into a Screen Element
![Page 34: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/34.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Listening for UI Notifications
![Page 35: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/35.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Resource Folders and
Localization
Implementing a User Interface
![Page 36: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/36.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Resource Folders
![Page 37: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/37.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Resource Folders
•Folder structure is automatically parsed into Resource-File
•Do not modify this file!
37
![Page 38: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/38.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Resource Folders• Separate storage of Strings and Graphics
• Makes it easier to modify software parts
• Resources are accessed via „R.java“
38
![Page 39: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/39.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Resource Folders
39
![Page 40: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/40.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Localization
•Creating folders for other languages does not need any code change
•Watch the application size!
40
![Page 41: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/41.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Localization
41
![Page 42: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/42.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Localization• May be used for other device specific things as
well– Country– Screen dimensions– Screen orientation– Touchscreen type (finger, stylus)– and many more
42
![Page 43: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/43.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Application Themes
Implementing a User Interface
![Page 44: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/44.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Applying a Theme to Your Application
•Default theme: android.R.style.Theme–http://developer.android.com/reference/android/
R.style.html
•Two ways to set the theme–Adding the theme attribute in AndroidManifest.xml
–Calling setTheme() inside the onCreate() method
![Page 45: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/45.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Editing AndroidManifest.xml•Adding the theme attribute in
AndroidManifest.xml
![Page 46: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/46.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Applying a Theme using Code
•Calling setTheme() inside the onCreate() method
![Page 47: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/47.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Light WeightBlack
![Page 48: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/48.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Exercise 2
Implementing a User Interface
![Page 49: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/49.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Exercise 2• Fortführung der bisherigen
Aufgabe
• In neues Projekt kopieren
• Browser um Adresszeile und „GoTo“-Button ergänzen
• Zurück und Vorwärts-Button ergänzen
• Vorsicht bei Seiten mit Redirect!
49
![Page 50: Praktikum Entwicklung Mediensysteme (für Master) · Praktikum Entwicklung Mediensysteme (für Master) Implementing a User Interface. Prak%kum(Entwicklung(Mediensysteme(für ... presentation](https://reader030.vdokument.com/reader030/viewer/2022040412/5edd3f0cad6a402d66684572/html5/thumbnails/50.jpg)
Prak%kum Entwicklung Mediensysteme für Master© 2011 – Prof. Dr. H. Hußmann, Alexander De Luca, Max Maurer
Fragen?
Viel Spaß!