行動App開發管理實務 unit2
Download as PPTX, PDF0 likes714 views
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
行動App開發管理實務 unit2
- 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()
- 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
- 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.