Design Of Android Using Android Studio

Loading

Design Of Android Using Android Studio

Introduction

In the current scenario, most people use Android smartphones. I will show you how to change GUI components in an Android, using Android Studio. Android is the kernel based operating system. It allows the user to modify GUI components and the source code.

Requirements

Android Studio
Little bit XML and JAVA knowledge.
Download link (Android Studio).

Steps to be followed are given below

Carefully follow the steps given below to learn how to change GUI components in an Android and I have included the source code given below.

Step 1

Open Android Studio. Start the new project.

android

Step 2

Put the Application name and company domain. If you wish to use C++ to code the project, mark the Include C++ support, followed by clicking Next.

android

Step 3

Select Android minimum SDK. Afterwards, you chose the minimum SDK and it will show the approximate percentage of people who use SDK , followed by clicking Next.

android

Step 4

Choose the basic activity, followed by clicking Next.

android

Step 5

Put the activity name and layout name. Android Studio basically takes Java class name from what you provide as the activity name.

android

Step 6

This is the default activity design for the basic activity layout.

android

Step 7

Go to activity_design.xml then click the text bottom.

android

Step 8

Into the activity_design.xml, copy and paste the code given below.

activity_design.xml code

<?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="DESIGN ANDROID"
android:textSize="20sp"
android:textStyle="italic" ></TextView>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Change font size"
android:textSize="20sp" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Change color"
android:textSize="20sp" />
<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Change font"
android:textSize="20sp" />
</LinearLayout>

android

Step 9

This is our user interface of the Application

android

Step 10

Into the DesignActivity.java, copy and paste the code given below. Do not replace your package name.

DesignActivity.java code

android

Step 11

Click Build bottom and make the project. Now, your project compilation process is going on. Any error found in your project will be shown to you.

android

Step 12

Click run botton. Your emulator will start, followed by running your Application.

android

Deliverables

Proceed as shown.

android

android

android

android

If you have any doubts, just comment below.