Android Studio : Image button and button example
Continuing from previous tutorial on how to develop a "Hello World" application in Android Studio. The next logical step for me to learn Android Studio is to learn how to add button that will trigger action such as launching browser, taking a picture or show simple "toast"
message.
For this tutorial, we will learn how to add two buttons onto a blank Android app.
When the first button is clicked, it will fire up a browser to an URL specified in the code and when the second button is clicked, it will prompt a toast
message that will fade away after couple of seconds.
First, create a new project
and select the "Empty Activity" template.
Based on the image below, on position 1
, dig down to MainButtons.java
and fill the file up with:
package com.example.sweetlogic.buttonsexample;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
import android.widget.ImageButton;
import android.widget.Button;
import android.content.Intent;
import android.net.Uri;
public class MainButtons extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main_buttons);
addListenerOnButton();
}
public void addListenerOnButton() {
Button button = (Button) findViewById(R.id.buttonClickToBrowse);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
Intent browse = new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.socketloop.com"));
startActivity(browse);
}
});
ImageButton imgbutton = (ImageButton) findViewById(R.id.imageButtonClickForFun);
imgbutton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
Toast.makeText(MainButtons.this, "This is a Toast Message!", Toast.LENGTH_SHORT).show();
}
});
}
}
and go to position 2
and dig down to activity_main_buttons.xml
. Go to position 3
, toggle from Design
tab to Text
tab
and fill up with:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
tools:context="com.example.sweetlogic.buttonsexample.MainButtons"
tools:layout_editor_absoluteY="81dp"
tools:layout_editor_absoluteX="0dp">
<Button
android:id="@+id/buttonClickToBrowse"
android:layout_width="300dp"
android:layout_height="80dp"
android:fontFamily="sans-serif-condensed"
android:text="Click me!"
android:textColor="?android:attr/textColorPrimary"
android:textSize="18sp"
tools:text="Will launch browser"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageButton
android:id="@+id/imageButtonClickForFun"
style="@style/Widget.AppCompat.ImageButton"
android:layout_width="300dp"
android:layout_height="0dp"
android:adjustViewBounds="false"
android:baselineAlignBottom="true"
android:cropToPadding="false"
android:elevation="0dp"
android:scaleType="fitCenter"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/buttonClickToBrowse"
app:srcCompat="@android:drawable/presence_offline" />
</android.support.constraint.ConstraintLayout>
Save all files, hit the Run
button to build the app and deploy the APK to your AVD(emulator). If everything goes smoothly, you should see that the buttons will work as advertised as per images that follow.
Two buttons on app:
One will launch browser to view website:
Happy coding!
References:
https://developer.android.com/reference/android/widget/Button.html
https://developer.android.com/reference/android/widget/ImageButton.html
See also : Android Studio : Hello World example
By Adam Ng
IF you gain some knowledge or the information here solved your programming problem. Please consider donating to the less fortunate or some charities that you like. Apart from donation, planting trees, volunteering or reducing your carbon footprint will be great too.
Advertisement
Tutorials
+6.1k Golang : Calculate US Dollar Index (DXY)
+11.2k Golang : Characters limiter example
+21.5k Golang : GORM create record or insert new record into database example
+11.6k Golang : Gorilla web tool kit secure cookie example
+14.2k Golang : How to pass map to html template and access the map's elements
+11.1k Golang : Intercept and process UNIX signals example
+6.3k PHP : Proper way to get UTF-8 character or string length
+6.2k WARNING: UNPROTECTED PRIVATE KEY FILE! error message
+6.2k Apt-get to install and uninstall Golang
+10.4k Golang : Create matrix with Gonum Matrix package example
+13.9k Golang : Google Drive API upload and rename example
+9.8k Golang : Check if user agent is a robot or crawler example