Basic Android Tutorial USF’s Association for Computing Machinery.
-
Upload
earl-morrison -
Category
Documents
-
view
224 -
download
0
Transcript of Basic Android Tutorial USF’s Association for Computing Machinery.
Basic Android Tutorial
USF’s Association for Computing Machinery
Overview of Tutorial
1. What You Need2. Create the Project3. Overview of Files4. Create the Layout5. Create the Functionality6. Debugging7. Publish App8. Download to Device
What You Need
• Android Studio and Android SDK• Android device and charging cable (Optional)– The emulator can be used, but it is very slow
• OEM USD Drive (For Windows users only)– Only necessary if you are not using the emulator– Follow these instructions
• Resume Information (Optional)– You can just use gibberish until you have a resume
• This image file: USFLogo.png
Create The ProjectNew Project
Create The ProjectName and Domain
• App Name:– “[Yourname]Resume”
• Domain– Normally the
developer’s website– If you don’t have a
website default to: [netid].myweb.usf.edu
Create The ProjectSelect SDK
• Only use Phone and Tablet for now
• The Min SDK affects what features and libraries are available to your app.
Create The ProjectSelect First Activity
Create The ProjectName First Activity
Overview of FilesLayout Files
• Language: XML• Determines the
User Interface
Overview of FilesBackend Files
• Language: Java• Determines the
App’s Behavior
Overview of FilesImage Resource Files
• Contain the images that will be used in your app
• Currently contains nothing, we’ll add an image later
Overview of FilesStrings and Styles
• Strings.xml– Contains the text
associated with each string ID
• Styles.xml– Contains info for
custom themes
Overview of FilesApp Manifest
• Presents essential information to the Android system– Java package name– Activities and Services– Permissions– Min Level of API– Referenced Libraries
Overview of FilesGradle Build File
• Automates many of the build processes for Android Studio
• Contains build info– SDK Version– Dependencies– Build type
Add the ResourcesAdd an Image
1. Download the Image2. Copy/Paste into the drawable folder of your
app– C:\Users\USERNAME\AndroidStudioProjects\
APPNAME\app\src\main\res\drawable
3. Finish
Add the ResourcesAdd Strings
1. Open strings.xml2. Add strings for the
following categories– Contact Info– Education Info– Work Experience– Extracurricular
Activities
• Download Example Here
Add the ResourcesAdd Styles
1. Open styles.xml2. Add styles for the
following categories– Your Name– Section Title– Item Header– Content– Content Holder
• Download Example Here
Create the UILayout Format
1. In Text Editor change “RelativeLayout” to “LinearLayout”
2. Specify orientation– android:orientation="vertical“
3. Remove existing Textview
• Types of Layout– Relative: specify the location
of child objects relative to each other
– Linear: organizes its children into a single horizontal or vertical row
Create the UIAdd Name and Headers
1. Create TextView for your name, with the style “name”
2. Add TextViews for the following categories, with the style “sectionTitle”– Contact Info– Education Info– Work Experience– Extracurricular Activities
1
2
Create the UILayout So Far
Create the UINested Layout and Content
1. Create a vertical Linear Layout underneath “contactTitle”– Use the style “contentHolder”
2. Add TextViews for each of the following, with the style “content”– Address– Email– Phone Number
3. Do this for all the content headers
Create the UILayout So Far
Create the UIAdd an Image
1. Add an ImageView above name
2. Set the source to the drawable image resource we added earlier
Create the UINested Layout and Content
1. Create a vertical Linear Layout underneath “contactTitle”– Use the style “contentHolder”
2. Add TextViews for each of the following, with the style “content”– Address– Email– Phone Number
3. Do this for all the content headers
Create the UIAdd A Button
1. Add a button at the end of the layout.
2. Set the top margin to 50px
3. Set the id to “linkedin”– Or anything really
• Download Layout Example Here
Test it OutSetup your System to Debug
(if using the emulator, skip this)
1. Verify that your application is "debuggable" in your manifest or build.gradle file. – Remember to undo this before
publishing
2. Enable debugging on your device
i. (If Android 3.2 or lower): Settings > Applications > Development
ii. Settings > About phoneiii. Tap Build number seven times. iv. Return to the previous screen
to find Developer options
AndroidManifext.xml
build.gradle (Module: app)
Test it OutSet up your system to detect your device
(if using the emulator, skip this)
• Windows: Follow the instructions here• Mac OS X: It just works. Skip this step.• Ubuntu Linux: You’re over complicating this.
Test it OutConnect Device and Debug
1. Connect device with USB cable– If using emulator: load
it up
2. Run or Debug3. Select your device or
emulator and click OK
Run Debug
Create the UIOh no! It doesn’t scroll!
• Layouts do not scroll on their own. They need a control that contains a scrolling action.
1. Replace the LinearLayout root element with a ScrollView– Be sure to delete the
orientation tag
2. Add a LinearLayout within the ScrollView
3. Change/Add the end tags
.
.
.
Create the FunctionalityButton Click Event
1. Open Resume.java2. Reference Button from the
layout3. Set click listener and handler4. There will be several errors.
To fix, include the following references:– android.widget.Button– android.content.Intent– android.net.Uri
• Download Example Here
4
2
3
Debugging
1. Set a debug point– Click on the vertical bar to
the left of the code– Or, hit Ctrl+F8 with the
line selected
2. Click Debug– Step Over/Next Line: F8– Step Into: F7– Step Out/Return: Shift+F8
Publish App
1. Turn off debugging– ApplicationManifest.xml– build.gradle
2. Sign your Applicationi. Build > Generate Signed
APKii. Create New…iii. Fill in all fieldsiv. Okv. Nextvi. Finish
Publish AppEmail APK file to your device
1. C:\Users\USERNAME\AndroidStudioProjects\APPNAME\app
2. There will be a file ending in .apk3. Email APK file to yourself4. Open email on your android device and
download APK file5. It will ask you to install6. Now you can send your resume app to
everyone you know!
THE END