0
Android
Graphical User Interface
Agenda
Fonts
Tab
Web Kit Browser
WebKit Browser
Web Kit Browser
 In Android you can embed the built‐in Web browser as a widget in
your own activities, for displaying HTM...
WebKit Browser - Browsing Power
 The browser will access the Internet through whatever means are available
to that specif...
Example –Web Kit Browser (XML Layout)
Example –Web Kit Browser (Activity)
Example –Web Kit Browser (Manifest)
Browser Commands
There is no navigation toolbar with the WebView widget (saving space). You could supply the
UI –such as a...
Fonts
Fonts
Developers may add any font to their application by
following the next steps:
1. Create the /fonts folder in the /as...
Example - fonts
Tab Selection Widget
 Android UIs should be kept simple at all costs.
When many pieces of information must be displayed ...
Tabs – Components
There are a few widgets and containers you need to use in order to set
up a tabbed portion of a view:
 ...
Example: Tabs (Xml Layout)
Questions?
Upcoming SlideShare
Loading in...5
×

01 11 - graphical user interface - fonts-web-tab

75

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
75
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "01 11 - graphical user interface - fonts-web-tab"

  1. 1. Android Graphical User Interface
  2. 2. Agenda Fonts Tab Web Kit Browser
  3. 3. WebKit Browser
  4. 4. Web Kit Browser  In Android you can embed the built‐in Web browser as a widget in your own activities, for displaying HTML material or perform Internet browsing.  The Android browser is based on WebKit, the same engine that powers Apple's Safari Web browser.  Android uses the WebView widget to host the browser’s pages  Applications using the WebView component must request  INTERNET permission.
  5. 5. WebKit Browser - Browsing Power  The browser will access the Internet through whatever means are available to that specific device at the present time (WiFi,cellular network, Bluetooth‐tethered phone, etc.).  The WebKit rendering engine used to display web pages includes methods to  1. navigate forward and backward through a history,  2. zoom in and out,  3. perform text searches,  4. load data  5. stop loading and  6. more.
  6. 6. Example –Web Kit Browser (XML Layout)
  7. 7. Example –Web Kit Browser (Activity)
  8. 8. Example –Web Kit Browser (Manifest)
  9. 9. Browser Commands There is no navigation toolbar with the WebView widget (saving space). You could supply the UI –such as a Menu– to execute the following operations:  reload() to refresh the currently‐viewed Web page  goBack() to go back one step in the browser history, and canGoBack() to determine if there is any history to trace back  goForward() to go forward one step in the browser history, and canGoForward() to determine if there is any history to go forward to goBackOrForward() to go backwards or forwards in the browser history,where negative/positive numbers represent a count of steps to go canGoBackOrForward() to see if the browser can go backwards or forwards the stated number of steps (following the same positive/negative convention as goBackOrForward())  clearCache() to clear the browser resource cache and clearHistory() to clear the browsing history
  10. 10. Fonts
  11. 11. Fonts Developers may add any font to their application by following the next steps: 1. Create the /fonts folder in the /assets directory. 2. Copy any fonts you plan to use into the new folder. 3. Use Java code to bind the font with the UI widget wanting to display the custom typeface (see example)
  12. 12. Example - fonts
  13. 13. Tab Selection Widget  Android UIs should be kept simple at all costs. When many pieces of information must be displayed in a single app, the Tab Widget could be used to make the user aware of the pieces but show only a portion at the time.
  14. 14. Tabs – Components There are a few widgets and containers you need to use in order to set up a tabbed portion of a view:  TabHost is the main container for the tab buttons and tab contents  TabWidget implements the row of tab buttons, which contain text labels and optionally contain icons  FrameLayout is the container for the tab contents
  15. 15. Example: Tabs (Xml Layout)
  16. 16. Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×