This document discusses developing Android apps using buttons, text views, and edit texts. It covers: - Reviewing basic Android components like activities and services - Common UI components like buttons, text views, and edit texts - Adding event listeners to buttons to detect clicks - Steps for a practice project including defining resources, layouts, activities, and modifying the manifest file

1. 行動APP開發管理實務
Button, TextView and EditText
尹君耀 Xavier Yin

2. Outline
 Review
 Prior Knowledge
 Button
 Events
 TextView
 Practice

3. Review
 Install Android Studio
– Java, Android SDK and IDE
 How to development your app?
– Create an empty project
– Arrange your resources
– Bind your resources into an Activity file(java class)
– Set Manifest file
– Launch an emulator or real device

4. Basic Components
 Activity
 Service
 BroadcastReceiver
 ContentProvider

5. UI Components
 View class
– This class represents the basic
building block for user interface
components.
 ViewGroup class
– The ViewGroup subclass is the base
class for layouts, which are invisible
containers that hold other Views (or
other ViewGroups) and define their
layout properties.

6. UI Components
 View class
– This class represents the basic
building block for user interface
components.
 ViewGroup class
– The ViewGroup subclass is the base
class for layouts, which are invisible
containers that hold other Views (or
other ViewGroups) and define their
layout properties.

7. UI Components
 View class
– This class represents the basic
building block for user interface
components.
 ViewGroup class
– The ViewGroup subclass is the base
class for layouts, which are invisible
containers that hold other Views (or
other ViewGroups) and define their
layout properties.

8. Button
 Button
– Represents a push-button widget. Push-buttons can be pressed, or
clicked, by the user to perform an action.
– A button consists of text or an icon (or both text and an icon) that
communicates what action occurs when the user touches it.

9. TextView and EditText
 TextView
– Displays text to the user and
optionally allows them to edit
it.
 EditText
– EditText is a thin veneer over
TextView that configures itself
to be editable.

10. TextView and EditText
 TextView
– Displays text to the user and
optionally allows them to edit
it.
 EditText
– EditText is a thin veneer over
TextView that configures itself
to be editable.

11. TextView and EditText
 TextView
– Displays text to the user and
optionally allows them to edit
it.
 EditText
– EditText is a thin veneer over
TextView that configures itself
to be editable.

12. Event Listeners
 Event Listeners
– An event listener is an interface in the View class that contains a single
callback method. These methods will be called by the Android
framework when the View to which the listener has been registered is
triggered by user interaction with the item in the UI.
– Included in the event listener interfaces are the following callback
methods:
 onClick()
 onTouch()
 onLongClick()
 onFocusChange()
 onKey()

13. Practice
 Requirements
ActivityA

14. Practice
 Requirements
ActivityA ActivityB

15. Practice
 Requirements
ActivityA ActivityB

16. Practice
 Requirements
ActivityA

17. Practice
 Create an empty project
 Launch an emulator
– Create a Virtual Device…
 3.2”QVGA…..
 armeabi
 Analyze your requirements (res)
– Colors: #AEE32345
– Dimens: 10dp
– Strings: Android原生按鈕,送出, Activity A的結果：%s。, 請在EditText輸入
您需要的內容。, 無法找到相對應的結果

18. Practice
 Analyze your requirements
– Layout: laout_activity_a.xml, laout_activity_b.xml
 Bind the above files with your java files
– ActivityA.java and ActivityB.java
 Modify Manifest.xml
– ActivityA is a Main program
– ActivityB

19. Sample Code and Slides
 Slides
– https://www.slideshare.net/secret/JtRP83lClHIKi7
 Sample Code
– SimpleUnit2
 https://github.com/xavier0507/TKUSampleCode_SimpleUnit2.git
– Advanced
 https://github.com/xavier0507/TKUSampleCode_Unit2.git

20. References
 Android developers:
– http://developer.android.com/design/index.html

21. Practice
 Requirements

22. Practice
 Requirements

23. Practice
 Requirements
Clicked

24. Practice
 Requirements

25. Practice
 Requirements: activity_main.xml
10dp
Center
20dp
20dp
20dp
20dp
1. Original Button:
TextColor: #FF000000
TextSize: Medium
BackgroundColor: default
2. MyStyle Button:
TextColor: #FF000000
TextSize: Medium
TextStyle: Bold
BackgroundColor: default
3. Custom Button:
TextColor: #FF000000
Corners-radius = 10dp
Stroke-width = 3dp, color = #FF001113
Gradient-type = linear, startColor = #FF449DEF,
centerColor = #FF2F6699, endColor = #FF449DEF
4. Custom Clickable Button:
TextColor: #FF000000
Normal state:
Corners-radius = 5dp
Stroke-width = 1dp, color = #FF001113
Solid-color = #FFEE3456
Pressed state:
Corners-radius = 5dp
Stroke-width = 1dp, color = #FF001113
Solid-color = #33EE3456

26. Practice
 Requirements: activity_show_result.xml
10dp
10dp
10dp
3. Custom Clickable Button:
TextColor: #FF000000
Normal state:
Corners-radius = 5dp
Stroke-width = 1dp, color = #FF001113
Solid-color = #FFEE3456
Pressed state:
Corners-radius = 5dp
Stroke-width = 1dp, color = #FF001113
Solid-color = #33EE3456
1. TextView:
TextColor: #FF000000
TextSize: Medium
BackgroundColor: default
2. EditText:
TextColor: #FFFFFFFF
TextSize: Medium
BackgroundColor: #FF000000
SingleLine: true

27. Practice
 Create a new project
– Empty project
 Define resources that you need
– Colors.xml

28. Practice
 Define resources that you need
– dimens.xml

29. Practice
 Define resources that you need
– strings.xml

30. Practice
 Define resources that you need
– styles.xml

31. Practice
 Prepare Layout files
– activity_main.xml

32. Practice
 Prepare Layout files
– activity_show_result.xml

33. Practice
 Bind the above files with your java files
– MainActivity
 setContentView(R.layout.activity_main)
 Find components
 Set Click Listener and create an Intent
– ResultActivity
 getIntent()
 TextView sets text content
– Constant

34. Practice
 Define App Manifest file
– Intent-filter
– Add ResultActivity
 Launch your App in a device or make other components.