Scribd
Upload
24 views

Mad SP

The document describes the usage of common Android UI elements like ScrollView, ListView, ProgressBar, CheckBox, RadioButton, ToggleButton, ImageButton and Button through code examples. MainActivity and Activity_main files show how to define and handle these elements in Java code and XML layouts respectively.

Uploaded by

ZealousGnu GAMING
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
24 views

Mad SP

The document describes the usage of common Android UI elements like ScrollView, ListView, ProgressBar, CheckBox, RadioButton, ToggleButton, ImageButton and Button through code examples. MainActivity and Activity_main files show how to define and handle these elements in Java code and XML layouts respectively.

Uploaded by

ZealousGnu GAMING
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Scroll View

MainActivity.java:

package com.example.aa;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);
}
}

Activity_main.xml

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


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Scroll me!"
android:textSize="20sp" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add more content here to make the ScrollView scrollable."
android:textSize="20sp" />
</LinearLayout>
</ScrollView>
</RelativeLayout>

ListView

MainActivity.java

package com.example.ll;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ListView listView = findViewById(R.id.listView);

String[] items =
{
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5"
};

ArrayAdapter<String> adapter = new ArrayAdapter<>


(
this,
android.R.layout.simple_list_item_1,
items
);

listView.setAdapter(adapter);
}
}
Activity_main.xml:

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


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</RelativeLayout>

ProgressBar

MainActivity.java

package com.example.pa;

import android.os.Bundle;
import android.widget.ProgressBar;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
private ProgressBar progressBar;

@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

progressBar = findViewById(R.id.progressBar);

progressBar.setProgress(70);
}
}

Activity_main.xml:

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


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Progress:"
android:textSize="18sp"
android:layout_marginBottom="8dp" />

<ProgressBar
android:id="@+id/progressBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:progress="0" <!-- Initial progress set to 0 -->
android:max="100" <!-- Maximum progress value -->
android:layout_marginBottom="16dp" />

</LinearLayout>

CheckBox

MainActivity.java:

package com.example.pa;

import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

CheckBox checkBox = findViewById(R.id.checkbox);


TextView textView = findViewById(R.id.textView);

checkBox.setOnCheckedChangeListener((buttonView, isChecked) ->


{
if (isChecked)
{
textView.setText("Checkbox is checked");
}
else
{
textView.setText("Checkbox is not checked");
}
});
}
}

Activity_main.xml:

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


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<CheckBox
android:id="@+id/checkbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Check me" />

<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/checkbox"
android:text="Checkbox is not checked"
android:paddingTop="16dp" />

</RelativeLayout>

RadioButton:

Activity_main.xml:

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


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<RadioGroup
android:id="@+id/radioGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<RadioButton
android:id="@+id/radioButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Option 1" />

<RadioButton
android:id="@+id/radioButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Option 2" />
</RadioGroup>

</LinearLayout>

MainActivity.java:

import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

RadioGroup radioGroup = findViewById(R.id.radioGroup);

radioGroup.setOnCheckedChangeListener((group, checkedId) ->


{
RadioButton selectedRadioButton = findViewById(checkedId);

System.out.println("Selected: " + selectedRadioButton.getText());


});
}
}
ToggleButton

MainActivity.java

import android.os.Bundle;
import android.widget.Toast;
import android.widget.ToggleButton;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ToggleButton toggleButton = findViewById(R.id.toggleButton);

toggleButton.setOnCheckedChangeListener((buttonView, isChecked) ->


{
if (isChecked)
{
Toast.makeText(this, "ToggleButton is ON", Toast.LENGTH_SHORT).show();
}
else
{
Toast.makeText(this, "ToggleButton is OFF", Toast.LENGTH_SHORT).show();
}
});
}
}

Activity_main.xml:

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


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ToggleButton
android:id="@+id/toggleButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOff="OFF"
android:textOn="ON"
android:layout_centerInParent="true" />

</RelativeLayout>
ImageButton:

Activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<ImageButton
android:id="@+id/imageButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher_foreground"
android:layout_centerInParent="true" />

</RelativeLayout>

MainActivity.java:

package com.example.myapp;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ImageButton imageButton = findViewById(R.id.imageButton);

imageButton.setOnClickListener(new View.OnClickListener()
{
@Override
public void onClick(View v)
{
Toast.makeText(MainActivity.this, "ImageButton clicked!",
Toast.LENGTH_SHORT).show();
}
});
}}

Button:

MainActivity.java:

package com.example.pa;

import android.os.Bundle;
import android.widget.Button;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Button myButton = findViewById(R.id.my_button);

myButton.setOnClickListener(view ->
{
Toast.makeText(MainActivity.this, "Button Clicked!", Toast.LENGTH_SHORT).show();
});
}
}

Activity_main.xml:

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

<Button
android:id="@+id/my_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click Me" /> </LinearLayout>
Date and Time Picker

MainActivity.java

package com.example.pa;

import android.os.Bundle;
import android.widget.DatePicker;
import android.widget.TimePicker;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

DatePicker datePicker = findViewById(R.id.datePicker);


TimePicker timePicker = findViewById(R.id.timePicker);

datePicker.setOnDateChangedListener((view, year, month, dayOfMonth) ->


{
Toast.makeText(MainActivity.this, "Date selected", Toast.LENGTH_SHORT).show();
});

timePicker.setOnTimeChangedListener((view, hourOfDay, minute) ->


{
Toast.makeText(MainActivity.this, "Time selected", Toast.LENGTH_SHORT).show();
});
}
}

Activity_main.xml

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


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<DatePicker
android:id="@+id/datePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TimePicker
android:id="@+id/timePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:timePickerMode="clock" />

</LinearLayout>

Time Picker

MainActivity.java

import android.os.Bundle;
import android.widget.TimePicker;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity


{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

TimePicker timePicker = findViewById(R.id.timePicker);

timePicker.setOnTimeChangedListener((view, hourOfDay, minute) ->


{
Toast.makeText(MainActivity.this, "Time selected", Toast.LENGTH_SHORT).show();
});
}
}

Activity_main.xml

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


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<TimePicker
android:id="@+id/timePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:timePickerMode="clock" />
</LinearLayout>

Date Picker

MainActivity.java

import android.os.Bundle;
import android.widget.DatePicker;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

DatePicker datePicker = findViewById(R.id.datePicker);

// Handle date change


datePicker.setOnDateChangedListener((view, year, month, dayOfMonth) -> {
Toast.makeText(MainActivity.this, "Date selected", Toast.LENGTH_SHORT).show();
});
}
}

Activity_main.xml

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


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<DatePicker
android:id="@+id/datePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

</LinearLayout>

You might also like