Android Studio - How To Make A Rounded Button

That is another Android Studio tutorial (you can check them all here: Android Studio Tutorials) and the programming ones (you can check them here : Programming Tutorials).

In this tutorial i am going to be showing you how to make a rounded , circle shaped, button on your android app. the used programming language was java.

Before watching you need to download and install Android Studio (here is an article that shows how to: Download And Install Android Studio, and that is a YouTube video how to download and install android studio).

A video to explain the code :

The used code :

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical"
	tools:context=".MainActivity">

	<TextView
	android:id="@+id/txt"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:text="0"
	android:textSize="32dp"
	android:gravity="center"
	android:textColor="#000000"
	android:padding="24dp"/>
	<Button
	android:id="@+id/r_btn"
	android:layout_gravity="center"
	android:layout_width="150dp"
	android:layout_height="150dp"
	android:text="Click Me"
	android:textSize="16dp"
	android:background="@drawable/circle"
	android:gravity="center"
	android:textColor="#000000"
	android:padding="24dp"/>

	</LinearLayout>

view raw activity_main.xml hosted with ❤ by GitHub

	<?xml version="1.0" encoding="utf-8"?>
	<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="oval">

	<solid android:color="#66BB6A"/>
	<stroke android:width="1dp" android:color="#000000"/>

	</shape>

view raw circle.xml hosted with ❤ by GitHub

	package techituptoday.roundedbuttontuto;

	import androidx.appcompat.app.AppCompatActivity;

	import android.annotation.SuppressLint;
	import android.os.Bundle;
	import android.view.MotionEvent;
	import android.view.View;
	import android.widget.Button;
	import android.widget.TextView;

	public class MainActivity extends AppCompatActivity {

	int num = 0;
	@SuppressLint("ClickableViewAccessibility")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);

	Button RBtn = findViewById(R.id.r_btn);

	RBtn.setOnTouchListener(new View.OnTouchListener() {

	private int CLICK_ACTION_THRESHOLD = 200;
	private float startX;
	private float startY;

	@Override
	public boolean onTouch(View view, MotionEvent motionEvent) {
	float centerX, centerY, touchX, touchY, radius;
	centerX = view.getWidth() / 2.0f;
	centerY = view.getHeight() / 2.0f;
	touchX = motionEvent.getX();
	touchY = motionEvent.getY();
	radius = centerX;

	if (Math.pow(touchX - centerX, 2) + Math.pow(touchY - centerY, 2) < Math.pow(radius, 2)) {

	switch (motionEvent.getAction()) {
	case MotionEvent.ACTION_DOWN:
	startX = motionEvent.getX();
	startY = motionEvent.getY();
	break;
	case MotionEvent.ACTION_UP:
	float endX = motionEvent.getX();
	float endY = motionEvent.getY();

	if (isAClick(startX, endX, startY, endY)) {
	RbntOnclick();
	}
	break;
	}

	return false;
	} else {
	return true;
	}
	}

	private boolean isAClick(float startX, float endX, float startY, float endY) {
	float differenceX = Math.abs(startX - endX);
	float differenceY = Math.abs(startY - endY);
	return !(differenceX > CLICK_ACTION_THRESHOLD \|\| differenceY > CLICK_ACTION_THRESHOLD);
	}
	});
	}

	private void RbntOnclick() {
	TextView txt = findViewById(R.id.txt);
	txt.setText(String.valueOf(++num));
	}
	}