Embedding Multiple Tests in One Android App

Creating the Test Listing Screen

1. Go to New->Android Application Project and create a new project called ListViewExample (click through to accept all defaults).

   

2. We will programmatically create our ListView in the MainActivity.java file. We'll start by creating an array of three strings that will be the contents of the list view and then display them in the ListView. Modify the class declaration as follows and add the following to your onCreate method:

   public class MainActivity extends ListActivity { String [] tests = { "test1", "test2", "test3" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, tests)); // setContentView(R.layout.activity_main); }

3. You will also need to add the following import statements to the top of the MainActivity.java file to support what we will be doing in this section

   import android.os.Bundle; import android.app.ListActivity; import android.widget.Toast; import android.widget.ListView; import android.view.View; import android.view.Menu; import android.widget.ArrayAdapter; import android.content.Intent;

4. To change the application name bring up the res\values\strings.xml file and change the app_name to the application name that you wish to have displayed.

   

5. Now try to run your app to make sure that the test list is displayed properly

   

6. The next step will be to add an event-handling method to field clicks on the three list items. Add the following method to MainActivity.java.Try running the app again and see if you get an indicator when you have clicked on a list item.

   public void onListItemClick(ListView parent, View v, int position, long id) { Toast.makeText(this, "You have selected " + tests[position], Toast.LENGTH_LONG).show(); }

   

7. Now we have to consider how we will integrate our tests into our new app. We will need a new activity for the test that we created in part 1. The difference is that the test will no longer be the main activity, so we will have to create a new activity using the New Activity Wizard Button located under the File menu in Eclipse.

   

   Proceed through the screens and name the activity TestActivity

   

8. You'll notice that Activity Wizard automatically creates not only a .java activity file but also a .xml layout file. First we will copy the code from the MainActivity.java file that we created in part 1 into the TestActivity.java file that we just created. Once you have pasted the code into TestActivity.java, change the line: package com.example.vokabel.comtest1; to package com.example.listviewexample;. Next change the line: public class MainActivity extends Activity { to public class TestActivity extends Activity {.

   

9. Copy the code from the res\layout\main_activity.xml file that we created in Part 1 into the res\layout\test_activity.xml file that we just created. Replace the line: tools:context=".MainActivity" > with tools:context=".TestActivity" >
10. Copy all of the files in the res\values folder that you created from Part 1 into the res\values folder of the current project
11. In res\values\strings.xml change the app_name to Android test app
12. In the AndroidManifest.xml file, change/ensure that the android_label is set to: android:label="@string/app_name"
13. Now run your project to make sure that all of the copy/pasting and modifications that we just did worked. (You won't see the tests yet when clicking).
14. We are now ready to begin the last part of the implementation which will require that we have 3 tests to access. To make things simple, let's put all 3 of the tests into the res\values\questions.xml file. My questions.xml file looks like this:

    <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="questions0"> <item>question0_a </item> <item>question0_b </item> <item>question0_c </item> </string-array> <string-array name="answers0"> <item>answer0_a </item> <item>answer0_b </item> <item>answer0_c </item> </string-array> <string-array name="questions1"> <item>question1_a </item> <item>question1_b </item> <item>question1_c </item> </string-array> <string-array name="answers1"> <item>answer1_a </item> <item>answer1_b </item> <item>answer1_c </item> </string-array> <string-array name="questions2"> <item>question2_a </item> <item>question2_b </item> <item>question2_c </item> </string-array> <string-array name="answers2"> <item>answer2_a </item> <item>answer2_b </item> <item>answer2_c </item> </string-array> </resources>

15. Next we will modify the behaviour experienced when a user clicks on a test in the listview to bring up one of our tests that we created in part 1. Modify the onListItemClick method to check which Test was clicked by position in the list and launch the test that we create in Part 1 and which we have made the TestActivity class in this section. public void onListItemClick(ListView parent, View v, int position, long id) { // Toast.makeText(this, "You have selected " + tests[position], Toast.LENGTH_LONG).show(); if (position == 0) { Intent intent = new Intent(getBaseContext(), TestActivity.class); intent.putExtra("TestID", (int)0); startActivity(intent); } else if (position == 1) { Intent intent = new Intent(getBaseContext(), TestActivity.class); intent.putExtra("TestID", (int)1); startActivity(intent); } else { Intent intent = new Intent(getBaseContext(), TestActivity.class); intent.putExtra("TestID", (int)2); startActivity(intent); } }

    Notice that we are also passing the test number to the TestActivity instance so that it knows which string_arrays to look into for test questions and answers.

16. add the following code to the TestActivity.java onCreate method so that it knows what to do with the test ID that it has received:

    Bundle extras = getIntent().getExtras(); testID = extras.getInt("TestID"); Toast.makeText(this, "You have selected " + testID, Toast.LENGTH_LONG).show(); switch(testID) { case 0: resourceID_q = R.array.questions0; resourceID_a = R.array.answers0; break; case 1: resourceID_q = R.array.questions1; resourceID_a = R.array.answers1; break; default: resourceID_q = R.array.questions2; resourceID_a = R.array.answers2; } final String[] questions_array = getResources().getStringArray(resourceID_q); final String[] answers_array = getResources().getStringArray(resourceID_a);

    Make sure that you have declared any new variables:

    Integer testID, resourceID_a, resourceID_q;

    Also ensure that you have changed the line to load the correct content view:

    setContentView(R.layout.activity_test);

    For simplicity sake, here is the complete TestActivity.java file

    package com.example.listviewexample; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.Toast; import java.util.Random; import android.widget.EditText; import android.widget.TextView; public class TestActivity extends Activity { Button b1,b2; String question, answer; Integer right_count, wrong_count; Integer idx; Integer testID, resourceID_a, resourceID_q; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Bundle extras = getIntent().getExtras(); testID = extras.getInt("TestID"); // Toast.makeText(this, "You have selected " + testID, Toast.LENGTH_LONG).show(); switch(testID) { case 0: resourceID_q = R.array.questions0; resourceID_a = R.array.answers0; break; case 1: resourceID_q = R.array.questions1; resourceID_a = R.array.answers1; break; default: resourceID_q = R.array.questions2; resourceID_a = R.array.answers2; } final String[] questions_array = getResources().getStringArray(resourceID_q); final String[] answers_array = getResources().getStringArray(resourceID_a); setContentView(R.layout.activity_test); right_count=0; wrong_count=0; b1 = (Button) findViewById(R.id.QuestionPB); b2 = (Button) findViewById(R.id.TestMePB); final EditText questionText = (EditText) findViewById(R.id.QuestionTB); final EditText testmeText = (EditText) findViewById(R.id.TestMeTB); final EditText correctText = (EditText) findViewById(R.id.CorrectTB); final EditText rightText = (EditText) findViewById(R.id.RightTB); final EditText wrongText = (EditText) findViewById(R.id.WrongTB); rightText.setText("0"); wrongText.setText("0"); b1.setOnClickListener(new OnClickListener() { public void onClick(View v) { idx = new Random().nextInt(questions_array.length); question = (questions_array[idx]); answer = (answers_array[idx]); //Toast msg = Toast.makeText(getBaseContext(), question, Toast.LENGTH_LONG); // msg.show(); questionText.setText(question); testmeText.setText(""); correctText.setText(""); } }); b2.setOnClickListener(new OnClickListener() { public void onClick(View v) { //Toast msg = Toast.makeText(getBaseContext(),"You have clicked Button 2", Toast.LENGTH_LONG); //msg.show(); String user_answer = testmeText.getText().toString(); if (answer.equals(user_answer)){ right_count=right_count+1; rightText.setText(right_count.toString()); } else { wrong_count=wrong_count+1; wrongText.setText(wrong_count.toString()); } correctText.setText(answer); } }); } @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; } }

17. You should now be able to run one of the 3 tests based on which item you clicked on in the ListView

    By: Rene Kondratzky