Basic GUI elements - exercises

Size: px

Start display at page:

Download "Basic GUI elements - exercises"

Howard Cummings
5 years ago
Views:

1 Basic GUI elements - exercises

3 LIVE DEMO

4 Please create a simple application, which will be used to calculate the area of basic geometric figures.

5 To add images to the drawable forlder, right click on it, and select the Show in Explorer option. Copy images to the opened drawable folder.

6 <?xml version="1.0" encoding="utf-8"?> <TableLayout android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android=" <TableRow> <ImageView android:layout_width="50dp" android:layout_height="50dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="square area" android:layout_marginleft="20dp" android:layout_margintop="5dp" android:textsize="20dp" /> </TableRow> </TableLayout>

7 Create a new activity by chosing the right option from the context menu.

8 Name the new activity and click finish

9 package pl.tomaszx.geometry; import android.content.intent; import android.support.v7.app.appcompatactivity; import android.os.bundle; import android.view.view; import android.widget.textview; public class MainActivity extends AppCompatActivity { TextView protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); } } t1 = (TextView)findViewById(R.id.textView1); View.OnClickListener listener = new View.OnClickListener() public void onclick(view v) { Intent i = new Intent(getApplicationContext(), SquareActivity.class); startactivity(i); } }; t1.setonclicklistener(listener);

10 Add some components (widgets) to the Square Activity to recreate the view shown on the left. Usefull ones are: TextView EditText Button

11 package pl.tomaszx.geometry; import android.support.v7.app.appcompatactivity; import android.os.bundle; import android.view.view; import android.widget.button; import android.widget.edittext; import android.widget.textview; public class SquareActivity extends AppCompatActivity { Button calculate; TextView result; EditText protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_square); calculate = (Button) findviewbyid(r.id.button1); side = (EditText) findviewbyid(r.id.edittext1); result = (TextView) findviewbyid(r.id.textview1); } } calculate.setonclicklistener(new View.OnClickListener() public void onclick(view v) { result.settext((double.parsedouble(side.gettext().tostring()) * Double.parseDouble(side.getText().toString())) + ""); } });

12 Write the following applications using the basic GUI elements (Button, TextView): To simulate a flashlight (by changing the background color of the activity into one of 4 colors). To convert the temperature between Celsius and Kelvin and Fahrenheit To calculate average fuel combustion per 100 km and its cost.

14 Remember to add: implements OnClickListener

15 Log hierarchy: Log.v(String, String) - verbose Log.d(String, String) - debug Log.i(String, String) - information Log.w(String, String) - warning Log.e(String, String) - error

16 Write the following applications: "Guess my number" game. The program draws a number from the range of 2000 to 2000 and the user's task is to guess it (based on "too much", "too little"). The program also displays the number of attempts. Program to calculate the roots of a square equation. Try to secure your applications using: extutils.html (isempty method) Integer.parseInt or other standard java methods

17 Write an application that calculates the BMI. Use the following formula: BMI = weight height 2 [ kg m 2] For example, for 80 kg weight and 1.76 m height the BMI is: BMI = 80 1,76 2 = 80 3,0976 = 25,82 After clicking on a "Calculate" button, display the result to the user.

18 Write a simple calculator that adds two numbers. Display the result in 3 couting systems: Decimal Binary Hexadecimal

Mobile Application Development Lab [] Simple Android Application for Native Calculator. To develop a Simple Android Application for Native Calculator.

Mobile Application Development Lab [] Simple Android Application for Native Calculator. To develop a Simple Android Application for Native Calculator. Simple Android Application for Native Calculator Aim: To develop a Simple Android Application for Native Calculator. Procedure: Creating a New project: Open Android Stdio and then click on File -> New