Mobile Application – 26.09.2013 1. Launch. 2. Click as follows: File > Android Application Project.

3. The following will appear:

4. Near the application Name, type – UDM

5. Click on Next. The following will appear:

5. Click on Next. The following will appear:

6. Click on Next. The following will appear:

7. Click on Next. The following will appear:

8. Click on Finish. 9. The following Screen will appear :

10. By default, your application will add Hello World. Don’t remove it. We will use it later. 11. Now we will add a button where we are going to change its label to Hi, using strings.xml.

How to do this??? 12.

13. As soon as you click on the folder res, the following will appear:

14. After clicking on Values, the following will appear – dimens.xml, strings.xml and styles.xml.

15. Double click on strings.xml. 16. The following screen will appear : 17. Click on button Add. The following will appear :

18. Select String and click on button OK. 19. The following will appear : 20. Near Name, type : btnHi and near value, type : Hi See below:

21. Then save the work. You will notice the following:

22. Now see to the L.H.S. Click on folder layout. Double click on activity_main.xml.

23. After clicking on activity_main.xml, you will find the following: 24. Now drag and drop a Button on the form. 25. Now we will rename the button as Hi. But how to do this???

26. Select the button and right click on it. 27. Click on > Edit Text. The following will appear :

28. Choose btnHi and click on Ok. The following will appear: 29. Now, we will change the id of the button to buttonHi. How to change the id??? * Select the button Hi. * See to the L.H.S. There are properties!!!

* Rename it as > buttonHi and click Ok. 30. Now we will create 4 colors- red, blue, yellow and green. How to create the color??? See to the LHS. Choose syles.xml from Values folder and Double Click on it.

31. The following screen will pop up: 32. Click on Add. The following will appear: 33. Choose color and Click on button OK.

34. The following will appear: 35. Type Red near Name and #FF0000 near value. Then save it. See below: Note: You can go this website to get the color code: http://html-color-codes.info/ Color | Code | Red | #FF0000 | Blue | #0000FF | Yellow | #FFFF00 | Green | #008000 |

36. You will notice the following :

37. Click on Add again and add another color i.e. Blue, Yellow and Green. Repeat the same process that you did for Red Color. 38. As soon as you have added the colors, save the work. 39. You will notice the following :

40. We will create a colors.xml in the values folder. How??? Right click on values >New > Android XML File

41. You will notice the following : 42. In File, type > colors 43. Click on Next and then Finish. See below: Double Click on Styles.xml. You will find the following codings :
<resources>

<!-- Base application theme, dependent on API level. This theme is replaced by AppBaseTheme from res/values-vXX/styles.xml on newer devices. --> <style name="AppBaseTheme" parent="android:Theme.Light"> <!-- Theme customizations available in newer API levels can go in res/values-vXX/styles.xml, while customizations related to backward-compatibility can go here. --> </style>

<!-- Application theme. --> <style name="AppTheme" parent="AppBaseTheme"> <!-- All customizations that are NOT specific to a particular API-level can go here. -->
Cut and paste these four lines of codes in Colors.xml </style> <color name="Red">#FF0000</color> <color name="Blue">#0000FF</color> <color name="Yellow">#FFFF00</color> <color name="Green">#008000</color>

</resources>

* Double Click on colors.xml. * Paste it as follows : <?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="Red">#FF0000</color> <color name="Blue">#0000FF</color> <color name="Yellow">#FFFF00</color> <color name="Green">#008000</color>
</resources>

44. Now to go activity_main.xml. Right click on the button Hi > Other properties > Inherited from view > click on Background as shown below :

.

45. As soon as you have clicked on Backgound, you will notice the following: 46. Choose color. The following below will appear: 47. Click on blue as shown below and then ok:

48. When you will choose blue, you will see the following :

49. Click on button OK. Automatically, you will notice that the button Hi, has turned to blue color.

50. Your Main.Activity.java file looks like this : 51. Now we will access the button we created using Java. 52. Type the coding :

53. You will get an error: Button will be underlined. 54. Place the cursor on Button which is underlined. You will get the following: 55. Click on 56. You will get one more error: 57. Place your cursor on the line which is undelined. 58. You will get the following : 59: Now click on. 60: You will notice, there are no more errors. Ignore the warnings.

Now we will add a click event to the buttonHi 61. Type the following coding: 62. You will notice errors, see below :

63. Place your cursor on OnClickListen() which is underlined. You will notice the following : 64. Click on. 65. You will notice one more error. 66. Again place your cursor on

67. You will get the following:

68. Click on. All the errors i.e. the underlined lines will disappear. 69. Add two other buttons which say “Bye” and “wawa” to your MainActivity using all three methods as discusses previously. 70. Add another Button to your MainActivity and change label to ‘Show Screen2’. 71. Use strings.xml method. See below: 72. Right Click on the button> Click Edit Text > Choose btnShowScreen2. 73. It will appear as follows:

74. Change the id of the ShowScreen 2 to btnshowsreen2.

75. Add the following lines in its onClick Method

76. Click on. The following lines of codes will be automatically written for you.

77. We will add another Activity. Click File > New>Other > Android Activity 78. Click on Next. The following will appear: Name the second activity as > SecondScreenActivity: 79. Click Finish. 80. Continue typing the code 81. Click on

The Overall codings are as follows: package com.example.udm;

import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.Toast;

public class MainActivity extends Activity {

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button buttonHi= (Button) findViewById(R.id.buttonHi); buttonHi.setOnClickListener(new OnClickListener() {

@Override public void onClick(View v) { // TODO Auto-generated method stub Toast.makeText(getApplicationContext(), "Hi", Toast.LENGTH_SHORT).show(); } });

Button buttonshowscreen2= (Button) findViewById(R.id.buttonshowscreen2); buttonshowscreen2.setOnClickListener(new OnClickListener(){

@Override
We have added these coding within the brackets public void onClick(View v) { // TODO Auto-generated method stub Intent intent = new Intent(getApplicationContext(),SecondScreenActivity.class); startActivity(intent); } });

}

@Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } } 82. Save all work. 83. Right Click on the project and then Click on > Run as > Android Application.

84. You will have to wait a bit,

85. Finally, you will see your screen as follows: 86. Click on Button Show Screen 2. The following will appear : 87. You can click on to go back.

RadioButton Events 1. Right Click on your project. Click New> other > Android Activity >Rename it as Third Activity. 2. See below :

3.