ANDROID UI- DEVELOP AND DESIGNPeter Liu

School of ICT, Seneca College

Android UI – Develop and Design

• User Experience• Overview of Android UI• Event Handling of Android Views

• Code Walkthrough

• Debugging Android Code

Android App - User Experience• What is your “Android” user experience?• Two examples (emulator)

• the calculator• the calendar

• UI design (beyond the scope of this course)• HOW TO PUT UI COMPONENTS TOGETHER?• course wiki: Android Discovery Zone

• stack-based navigation (John Selmys)

Overview of Android UI• http://developer.android.com/guide/topics/ui/index.html• Input Controls

• Basic Views (textbook)• TextView, EditText, Button, CheckBox, ToggleButton, RadioButtion

• Spinners• Pickers (for date and time)

• Menus• Action Bar• Toasts

Event Handling of Views

• Code Walkthrough (with my comments)• Basic Views• AutoCompleteTextView• ListView• Spinner View• TimePicker View• DatePicker View• Menus

• Source code from the textbook (without comments)• http://www.wrox.com/WileyCDA/WroxTitle/Beginning-Android-4-

Application-Development.productCd-1118199545.html

Menus vs Action Bar

• course wiki• Android Discovery Zone

Debugging Android Code• WHAT TO DO WHEN THINGS DON’T WORK?• Logging in Android• the LogCat View• Andrew’s question (course wiki)• Lab Exercise