Download Mobile app Development lab and more Lecture notes Mobile Computing in PDF only on Docsity!
Ex. No: 01 Develop an application that uses GUI components, Font and Colors Date:
Aim: To develop a Simple Android Application that uses GUI components, Font and Colors. Procedure: Creating a New project: Open Android Studio and then click on File -> New -> New project.
Then type the Application name as “exno 1 ″ and click Next. Then select the Minimum SDK as shown below and click Next. Then select the Empty Activity and click Next. Finally click Finish. It will take some time to build and load the project. After completion it will look as given below.
Designing layout for the Android Application: Click on app -> res -> layout -> activity_main.xml. Now click on Text as shown below. Then delete the code which is there and type the code as given below. Code for Activity_main.xml:
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final TextView t= (TextView) findViewById(R.id.textView); Button b1= (Button) findViewById(R.id.button1); b1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { t.setTextSize(font); font = font + 5; if (font == 50) font = 30; } }); Button b2= (Button) findViewById(R.id.button2); b2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { switch (ch) { case 1: t.setTextColor(Color.RED); break; case 2: t.setTextColor(Color.GREEN); break; case 3: t.setTextColor(Color.BLUE); break; case 4: t.setTextColor(Color.CYAN); break; case 5: t.setTextColor(Color.YELLOW); break; case 6: t.setTextColor(Color.MAGENTA); break; } ch++; if (ch == 7)
ch = 1; } }); } }
So now the Coding part is also completed. Now run the application to see the output.
Output:
Result: Thus a Simple Android Application that uses GUI components, Font and Colors is developed and executed successfully.
Type the Activity Name as SecondActivity and click Finish button. Thus Second Activity For the application is created. Designing Layout for Main Activity: Click on app -> res -> layout -> activity_main.xml. Now click on Text as shown below. Then delete the code which is there and type the code as given below. Code for Activity_main.xml:
Designing Layout for Second Activity: Click on app -> res -> layout -> activity_second.xml. Now click on Text as shown below. Then delete the code which is there and type the code as given below. Code for Activity_second.xml:
Now click on Design and your activity will look as given below. So now the designing part of Second Activity is also completed. Java Coding for the Android Application: Java Coidng for Main Activity: Click on app -> java -> com.example.exno2 -> MainActivity. Then delete the code which is there and type the code as given below. Code for MainActivity.java: package com.example.exno2;
public class SecondActivity extends AppCompatActivity { TextView t1,t2,t3; String name,reg,dept; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_second); t1= (TextView) findViewById(R.id.textView1); t2= (TextView) findViewById(R.id.textView2); t3= (TextView) findViewById(R.id.textView3); //Getting the Intent Intent i = getIntent(); //Getting the Values from First Activity using the Intent received name=i.getStringExtra("name_key"); reg=i.getStringExtra("reg_key"); dept=i.getStringExtra("dept_key"); //Setting the Values to Intent t1.setText(name); t2.setText(reg); t3.setText(dept); } }
So now the Coding part of Second Activity is also completed. Now run the application to see the output.
Output:
Result: Thus a Simple Android Application that uses Layout Managers and Event Listeners is developed and executed successfully.
Code for MainActivity.java: package com.example.exno3;
public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);
//Creating a Bitmap Bitmap bg = Bitmap.createBitmap(720, 1280, Bitmap.Config.ARGB_8888);
//Setting the Bitmap as background for the ImageView ImageView i = (ImageView) findViewById(R.id.imageView); i.setBackgroundDrawable(new BitmapDrawable(bg));
//Creating the Canvas Object Canvas canvas = new Canvas(bg);
//Creating the Paint Object and set its color & TextSize Paint paint = new Paint(); paint.setColor(Color.BLUE); paint.setTextSize(50);
//To draw a Line canvas.drawText("Line", 480, 800, paint); canvas.drawLine(520, 850, 520, 1150, paint); } } So now the Coding part is also completed. Now run the application to see the output.
Output:
Result: Thus a Simple Android Application that draws basic Graphical Primitives on the screen is developed and executed successfully.
