[go: up one dir, main page]
Scribd
Upload
2K views10 pages

Ex. No: 1 Date: GUI Components, Font and Colours Aim

The document describes steps to create an Android application that demonstrates GUI components, fonts, and colors. It involves using Eclipse to create a project with an activity layout containing TextView and Button widgets. The layout is defined using XML. Java code is added to set onClickListeners for the buttons to change the TextView's font size, color, and typeface when each button is clicked. The application successfully runs and cycles through different text styles when the buttons are pressed.

Uploaded by

indhu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2K views10 pages

Ex. No: 1 Date: GUI Components, Font and Colours Aim

The document describes steps to create an Android application that demonstrates GUI components, fonts, and colors. It involves using Eclipse to create a project with an activity layout containing TextView and Button widgets. The layout is defined using XML. Java code is added to set onClickListeners for the buttons to change the TextView's font size, color, and typeface when each button is clicked. The application successfully runs and cycles through different text styles when the buttons are pressed.

Uploaded by

indhu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

Ex.

No : 1
GUI Components, Font and Colours
Date :
AIM :
Develop an application that uses GUI components, Font and Colours

Procedure and Program:


Step 1 : Open Eclipse from Android ADT Bundle
Step 2 : Go to File Menu Choose New Android Application Project

Step 3 : In the displayed window type Application name as Ex.No 1 , and click Next
4 times.
Step 4 : In the Last window type Activity Name and Layout Name, and press Finish

Step 5 : For layout design, Choose res/layout/activity_main.xml file


Step 6 : We can design the layout in two way, first way using graphical layout using drag
and drop option, second way is using XML Code.

Step 7 : a. Using Graphical layout drag and drop the following Components
OR
Step 7 : b. Using XML code Choose activity_main.xml,
type the below Code

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>


<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20sp"
android:gravity="center"
android:text="@string/msg"
android:textSize="20sp"
android:textStyle="bold" />
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="@string/fontSize"
android:textSize="20sp" />

<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="@string/fontColor"
android:textSize="20sp" />

<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="@string/changeFont"
android:textSize="20sp" />

</LinearLayout>

Step 8 : For Java Code (Action), Choose src/com.example.ex.no1/MainActivity.java


type the below Code
MainActitivity.java
package com.example.ex.no1;
import android.app.Activity;
import android.graphics.Color;
import android.graphics.Typeface;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends Activity {


float font = 20;
int count = 1;
Button b1,b2,b3;
@Override
public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final TextView t1 = (TextView)
findViewById(R.id.textView1);
b1 = (Button) findViewById(R.id.button1);

b1.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
t1.setText("FONT SIZE");
t1.setTextSize(font);
font = font + 5;
if (font == 50)
font = 20;
}
});
b2 = (Button) findViewById(R.id.button2);
b2.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
t1.setText("FONT COLOR");
switch (count) {
case 1:

t1.setTextColor(Color.parseColor("#7f00ff"));
break;
case 2:

t1.setTextColor(Color.parseColor("#00FF00"));
break;
case 3:

t1.setTextColor(Color.parseColor("#FF0000"));
break;
case 4:
t1.setTextColor(Color.parseColor("#0000FF"));
break;
}
count++;
if (count == 5)
count = 1;
}

});
b3 = (Button) findViewById(R.id.button3);
b3.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View view) {
t1.setText("FONT");
switch (count) {
case 1:
t1.setTypeface(Typeface.DEFAULT,
Typeface.ITALIC);
break;
case 2:
t1.setTypeface(Typeface.MONOSPACE,
Typeface.NORMAL);
break;
case 3:
t1.setTypeface(Typeface.SANS_SERIF,
Typeface.BOLD);
break;
case 4:
t1.setTypeface(Typeface.SERIF,
Typeface.BOLD_ITALIC);
break;
}
count++;
if (count == 5)
count = 1;

}
});

}
}
Step 9 : Save All and Run it as Android Application (Ctrl + F11) .
OUTPUT:

RESULT:
Thus the above android application has been run successfully.

You might also like