Android Programming Lesson 3

ANDROID PROGRAMMING
LESSON 3
Agenda
• ImageButton
• Switch
• ProgressBar
• SeekBar
• UI Events
• Option menu and Context Menu
• Inflate XML for Menu
ImageButton
• Create a button with a custom image instead of text,
using the ImageButton widget
Switch (On/Off)
• In Android, Switch is a two-state toggle switch widget that can select
between two options. It is used to display checked and unchecked state
of a button providing slider control to user. Switch is a subclass of
CompoundButton. It is basically an off/on button which indicate the
current state of Switch. It is commonly used in selecting on/off in Sound,
Bluetooth, WiFi etc.
UI Events
• Define an event listener and register it with the View.
The View class contains a collection of nested interfaces named
OnxxxListener, each with a callback method called On().
For example:
• View.OnClickListener: for handling "clicks" on a View.
• View.OnTouchListener: for handling touch screen events in a View.
• View.OnKeyListener: for handling device key presses within a View.
• So if we want our View to be notified when it is "clicked" (such
as when a button is selected),
• implement OnClickListener
• define its onClick() callback method (where we perform the action upon
click)
• register it to the View with setOnClickListener().
UI Events
• Override an existing callback method for the View.
This is what we should do when we've implemented our own
View class and want to listen for specific events that occur
within it.
• Example events we can handle include:
• onTouchEvent()
Called when the touchscreen is pressed or released, or when it detects
movement.
• onTrackballEvent()
Called when the device's trackball is moved.
• onKeyDown()
Called when any device key is pressed; includes the D-pad, keyboard, hang-up,
call, back, and camera buttons.
• onKeyUp()
Called when a user releases a pressed key.
ProgressBar
• Progress bar is useful to tell user that the task is takes longer time to
finish.
• The key to use progress bar is using “Thread” to run your time consume
task and another “Thread” to update the progress bar status accordingly.
SeekBar
• A SeekBar is an extension of ProgressBar that adds a draggable thumb.
The user can touch the thumb and drag left or right to set the current
progress level or use the arrow keys.
1. public void onProgressChanged (SeekBar

seekBar, int progresValue, boolean fromUser) {…} –
This listener method will be invoked if any change is made in the SeekBar.
2. public void onStartTrackingTouch(SeekBar seekBar) {…} –
This listener method will be invoked at the start of user’s touch event.
3. public void onStopTrackingTouch(SeekBar seekBar) {…} –
This listener method will be invoked at the end of user touch event.
Option menu and Context Menu
• Options menu and action bar
• The options menu is the primary collection of menu items for an activity.
• Items from the options menu are presented by the action bar as a combination of
on-screen action items and overflow options.
• Context menu (popup menu) and contextual action mode
• A context menu is a floating menu that appears when the user performs a long-
click on an element.
• When developing for Android 3.0 and higher, you should instead use the
contextual action mode to enable actions on selected content. This mode displays
action items that affect the selected content in a bar at the top of the screen and
allows the user to select multiple items.
• A popup menu displays a list of items in a vertical list that's anchored to
the view that invoked the menu.
• Often associated with long press gestures
Inflate XML for Menu
• For all menu types, Android provides a standard XML
format to define menu items.
• Using a menu resource is a good practice for a few
reasons:
• It's easier to visualize the menu structure in XML.
• It separates the content for the menu from your application's
behavioral code.
• It allows you to create alternative menu configurations for
different platform versions, screen sizes, and other
configurations by leveraging the app resources framework.
• To define the menu, create an XML file inside your project's
res/menu/ directory and build the menu with the following
elements:
• <menu>
• Defines a Menu, which is a container for menu items. A <menu> element
must be the root node for the file and can hold one or more <item> and
<group> elements.
• <item>
• Creates a MenuItem, which represents a single item in a menu. This element
may contain a nested <menu> element in order to create a submenu.
• <group>
• An optional, invisible container for <item> elements. It allows you to
categorize menu items so they share properties such as active state and
visibility.
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:title="Menu Item 1" />
<item android:title="Menu Item 2" >
<menu >
<item android:title="Menu Item 2.1" />
<item android:title="Menu Item 2.2" />
</menu>
</item>
<item android:title="Menu Item 3" />
</menu>
Excercise 1
• Develop an application:
• With GUI the same with Picture
• Click on an option to change the picture
• Tap on the Hide Image switch option to toggle the
display of the image
Exercise 2
• Develop an application:
• With GUI the same with Picture
• Image Buttons:
• Full: all progress of seekbar reach 100%
• Clear ALL: all progress of seekbar return 0%
• Option Menu:
• Half: all progress of seekbar reach 50%
• Full: all progress of seekbar return 100%
• Long press on “Show Popup Menu” button: Hide
other buttons, Show other buttons, Say Goodbye

Android Programming Lesson 3

Uploaded by

Copyright:

Available Formats

Android Programming Lesson 3

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Android Programming Lesson 3

Uploaded by

Copyright:

Available Formats

ANDROID PROGRAMMING

1. public void onProgressChanged (SeekBar

You might also like