Home » Android

Working with Image Button in Android

In this article, we are going to learn how to initiate a grid view for layout in Android?
Submitted by Manu Jemini, on December 12, 2017

ImageButton is a very easy way to have a function of the button, but also using a beautiful image. ImageButton provides very simple techniques to set it. For this tutorial to work, just create a new project with any name. You will get a default activity namely ‘MainActivity’, you can make use of it.

Starting with your XML file, drag and drop it from the widget section. There is not implication about the parent layout type. Make your layout the way you want it. You should set the src of ImageButton.

The second thing is your JAVA file. To begin with, you should import ImageButton from the widget, this is done by adding this line import android.widget.ImageButton; After that, in your activity, there would a default onCreate() function, this would be pre-set to use quickly.

Now, you would need to have a variable of type ImageButton and set it with the reference of the ImageButton in the layout file.

  • ImageButton button;
  • button=(ImageButton)findViewById(R.id.button);

Now, you would need to have a variable of type TextView and set it with the reference of the TextView in the layout file.

  • TextView result;
  • result=(TextView)findViewById(R.id.result);

Above Lines would do it. The Purpose is to change the content of TextView on the click on ImageButton. All this can be done by an event click Listener. Check the Full Code Below.

After doing everything up, your code should look like this. Connect an Android device or run an ADV and then build your project to see the result.

Java file:

package com.example.hp.demo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
ImageButton button;
    TextView result;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        button=(ImageButton)findViewById(R.id.button);
        result=(TextView)findViewById(R.id.result);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
        result.setText("Image button has been pressed");
            }
        });
    }

}

XML file:

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


    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:src="@drawable/button" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/result"
        android:layout_weight="0.19"
        android:hint="Result" />
</LinearLayout>

Manifest file:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.hp.demo">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Output

Android - ImageButton





Comments and Discussions

Ad: Are you a blogger? Join our Blogging forum.




Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing
» Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates


© https://www.includehelp.com some rights reserved.