ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4...
Transcript of ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4...
![Page 1: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/1.jpg)
ANDROID PROGRAMMINGA QUICK GUIDE TO A BASIC TRIVIA GAME EXAMPLE
![Page 2: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/2.jpg)
ABOUT ANDROID
• Can use Java or Kotlin Programming
Languages
• Doesn’t require Android Device �
Can use an emulator
• All development takes place in the
Android Studio IDE
• https://developer.android.com/studi
o/
![Page 3: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/3.jpg)
STARTING AN
ACTIVITY
• Activity Class
• OnCreate
• Sets a layout
![Page 4: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/4.jpg)
EDITING THE
LAYOUT
• Text Mode vs. Design Mode
![Page 5: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/5.jpg)
EDITING THE
LAYOUT
• Text Mode vs. Design Mode
![Page 6: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/6.jpg)
CONSTRAINT
LAYOUTS
• Add Constraints based on
surrounding objects
• “Parents”
• Other buttons
• Use layout margins as well
![Page 7: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/7.jpg)
ADDING TEXT AND
BUTTONS
• Layout elements called ”Views”
• TextView
• Button
• Add them by text or drag & drop
![Page 8: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/8.jpg)
ADDING SCROLL TEXT
• Same as Textview, just edit some of
the attributes
• android:scrollbars="vertical"
![Page 9: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/9.jpg)
DESIGNING A POPUP
• Create a separate layout
![Page 10: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/10.jpg)
USING STYLES,
COLORS, AND
STRINGS• All about refactoring code
![Page 11: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/11.jpg)
LOOKING AT THE CODE
• Global variables
![Page 12: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/12.jpg)
FINDING AND
SETTING VIEWS
![Page 13: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/13.jpg)
SETTING BUTTON
FUNCTIONALITY
• OnClick Listeners
![Page 14: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/14.jpg)
CREATING THE
POPUP
![Page 15: ANDROID PROGRAMMING · 2019-02-22 · activity_main.xml Popup.xml Colors.xml Styles.xml x x Nexus 4 TriviaGame x 28 MainActivity.java AppTheme 55% Attributes layout_width layout_height](https://reader030.fdocuments.us/reader030/viewer/2022041019/5ece17ae76ae9231b56f4e35/html5/thumbnails/15.jpg)
ADDING POPUP LOGIC