2/22/2012
Advanced Android
Wireless Communication EE 4683-001 Instructor: Dr. David Akopian
Presenter: Arsen Melkonyan
Electrical and Computer Engineering The University of Texas at San Antonio (UTSA) http://utsa.edu
Spring, 2012
1
Create Project
1. Start Eclipse 2. Select File > New > Project. 3. Select Android > Android Project, and click Next. 4. Enter Project name: Temperature Convertor 5. Select Target Android 2.2. 6. Application name: Temperature Convertor 7. Package name: utsa.itec.com 8. 8 Create Activity: TemperatureConvertorActivity 9. Min SDK Version: 8 10. Click Finish.
2/22/2012
Create Project (cont.)
Create Project (cont.)
Once you complete th N O l t the New Project Wizard, ADT creates the following folders and files in your new project:
2/22/2012
Create Project (cont.)
src - Includes your stub Activity Java file. All other Java files for your application go here. <Android Version> - (e.g., Android 1.6) Includes the android.jar file that your application will build against. gen - This contains the Java files generated by ADT, such as your R.java file and interfaces created from AIDL files. assets - This is empty. You can use it to store raw asset files. res - A folder for your application resources, such as drawable files, layout files, string values, etc. AndroidManifest.xml - The Android Manifest for your project. default.properties - This file contains project settings, such as the build target.
AndroidManifest.xml
2/22/2012
Main.xml - GUI View
ScreenSize
AndroidVersion ScreenLayout View
DesignedScreen View
GUIView
XMLView
7
Main.xml - XML View
2/22/2012
Add the EditText Block
EditText Block
Add the RadioGroup Block
RadioGroup Block
10
2/22/2012
Add the Button Block
ButtonBlock Button Block
11
XML View
12
2/22/2012
Modifying the RadioButton 1 - text
RadioButton 1 text
13
Modifying the RadioButton 1 - id
RadioButton 1 id
14
2/22/2012
Modifying the RadioButton 2 - text
RadioButton 2 text
15
Modifying the RadioButton 2 - id
RadioButton 2 id
16
2/22/2012
Modifying the Button - text
Button text
17
Modifying the Button - id
Button id
18
2/22/2012
Modified XML View
19
Test Application on Emulator
20
10
2/22/2012
Source Code- Phase 1
package utsa.itec.com;
import android.app.Activity;
public class TemperatureConverterActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main);
} }
21
Source Code- Phase 2
public class TemperatureConverterActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); final EditText t = (EditText)findViewById(R.id.editText1); final RadioButton celsiusButton = (RadioButton) findViewById(R.id.radioCelsius); final RadioButton fahrenheitButton = (RadioButton) findViewById(R.id.radioFahrenheit); Button convert = (B tt ) fi dVi B Id(R id b tt C B tt t (Button) findViewById(R.id.buttonConvert); t)
} }
22
11
2/22/2012
Source Code- Phase 3
final EditText t = (EditText)findViewById(R.id.editText1); final RadioButton celsiusButton = (RadioButton) findViewById(R.id.radioCelsius); fi dVi B Id(R id di C l i ) final RadioButton fahrenheitButton = (RadioButton) findViewById(R.id.radioFahrenheit); Button convert = (Button) findViewById(R.id.buttonConvert); convert.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { } });
23
Source Code- Phase 3
convert.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { float inputValue = Float.parseFloat(t.getText().toString()); if (celsiusButton.isChecked()) { celsiusButton.setChecked(false); fahrenheitButton.setChecked(true); } else { fahrenheitButton.setChecked(false); celsiusButton.setChecked(true); l i B tt tCh k d(t ) } } });
24
12
2/22/2012
Source Code- Phase 4
// Converts to Celsius private float convertFahrenheitToCelsius(float fahrenheit) { return ((fahrenheit - 32) * 5 / 9); } // Converts to Fahrenheit private float convertCelsiusToFahrenheit(float celsius) { return ((celsius * 9) / 5) + 32; }
25
Source Code- Phase 5
if (celsiusButton.isChecked()) { t.setText(String.valueOf(convertFahrenheitToCelsius(inputVal t tT t(St i l Of( tF h h itT C l i (i tV l ue))); celsiusButton.setChecked(false); fahrenheitButton.setChecked(true); } else t.setText(String.valueOf(convertCelsiusToFahrenheit(inputVal ue))); fahrenheitButton.setChecked(false); celsiusButton.setChecked(true); }
26
13
2/22/2012
Things to do With the Mobile Device
1. 2. 3. 4. 5. 6. 7. 8. 9. Press Menu button Tap on Settings button Tap on Applications in the menu Put a check for Unknown Sources (to allow installation of non-Market applications) Tap on Development (to set options for application development) Put a check on USB debugging (to enable the Debug Mode when USB is connected) Press Back button to go back to the Settings menu Plug your USB cable into the computer
27
Deploying Application Into the Phone
28
14
2/22/2012
Deploying Application Into the Phone Through Eclipse IDE
RunButton
29
Deploying Application Into the Phone Through Eclipse IDE(cont.)
ConnectedMobileDevice
30
15
2/22/2012
Deploying Application Into the Phone Through Astro
Plug in USB cable to PC and connect the mobile device. Get the APK file somewhere on SD card on the phone p Unplug the USB cable from PC. Use Astro File Manager or some similar app to browse to that file on the SD card and select it, which will prompt you if you want to install the app on your phone.
31
Improving GUI Changing Background Picture
Several images are loaded into the Project. They are located in following directory. Temperature Convertor>>> res >>> drawable p If you want to use a new image in the application do following steps: Load the image into the project: First, copy the image; right click on the < drawable > directory of the project and then paste the image into it. Hint: when adding new image into the application use the images with .png format.
32
16
2/22/2012
Improving GUI Changing Background Picture (Cont.)
ChosetheBackground Picture
33
Improving GUI Changing Background Picture (Cont.)
34
17
2/22/2012
Improving GUI Adding Toast Message
if (t.getText().length() == 0) { Toast.makeText(v.getContext(), "Please enter a valid number", Toast.LENGTH_LONG).show(); return; }else{ // Code }
35
Improving GUI Adding Toast Message (Cont.)
36
18
2/22/2012
Improving GUI Adding Vibration Effects
// Get instance of Vibrator from current Context final Vibrator vib = (Vibrator) getSystemService(Context.VIBRATOR_SERVICE);
// Vibrate for 300 milliseconds vib.vibrate(300);
37
Improving GUI Adding Vibration Effects / XML View
<uses-permission android:name="android.permission.VIBRATE"/>
38
19
2/22/2012
Testing Application in the Phone
ConnectedMobileDevice
39
Questions?
40
20
