Tutorial Android ImageButton

ImageButton adalah AbsoluteLayout yang memungkinkan Anda untuk menentukan lokasi yang tepat. Hal ini menunjukkan tombol dengan gambar (bukan teks) yang dapat ditekan atau diklik oleh pengguna.

Berikut ini adalah atribut penting yang terkait dengan kontrol ImageButton.

android.widget.ImageView Class.
1. android:adjustViewBounds
 => Set ini menjadi true jika Anda ingin ImageView untuk menyesuaikan batas.
2. android:baseline
 => adalah offset dari baseline
3. android:baselineAlignBottom
 =>  tampilan dasar gambar akan selaras berdasarkan tepi bawah nya.
4. android:cropToPadding
 => gambar akan dipotong agar muat
5. android:src
 => isi dari ImageView

android.view.View Class
1. android:background
 => Sebagai latar belakang
2. android:contentDescription
 => Mendefinisikan teks yang menjelaskan secara singkat.
3. android:id
 => memasok nama pengenal
4. android: onClick
 => adalah nama dari method dalam konteks untuk memanggil ketika diklik.
5. android:visibility
 => Mengontrol visibilitas

Berikut langkah-langkah sederhana, bagaimana untuk membuat aplikasi Android sendiri menggunakan Linear Layout dan ImageButton.

Membuat Project Android
1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

      2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
       => Application name ⇒ MyImageButton
       => Company domain ⇒ example.com (Misalnya: com.megadistudio.MyImageButton)
       => Project Location ⇒ memilih lokasi untuk project Anda.
      3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
       => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.


        4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.

        Next ->



        5. Klik tombol Finish untuk membuat project.
        6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

        Hapus TextView (Hello World) dan copy kode di bawah ini untuk membuat layout.

        activity_main.xml
        <?xml version="1.0" encoding="utf-8"?>
        <RelativeLayout 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:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="myimagebutton.megadistudio.com.myimagebutton.MainActivity">

        <ImageView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:background="@drawable/tk"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="23dp"
        android:id="@+id/imageView" />

        <TextView
        android:text="@string/tk"
        android:layout_width="wrap_content"
        android:textStyle="bold"
        android:textSize="50sp"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

        <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:layout_below="@+id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="19dp"
        android:id="@+id/imageButton" />
        </RelativeLayout>

        7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.
        string.xml
        <resources>
        <string name="app_name">MyImageButton</string>
        <string name="tk">Tahu Koding</string>
        </resources>

        8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.

        MainActivity.java
        package myimagebutton.megadistudio.com.myimagebutton;

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

        public class MainActivity extends AppCompatActivity {
        private ImageButton ImgButton;

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

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

        ImgButton.setOnClickListener(new View.OnClickListener(){
        @Override
        public void onClick(View v) {
        Toast.makeText(getApplicationContext(),"Tahu Koding", Toast.LENGTH_LONG).show();
        }
        });
        }
        }

        Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.




        Iklan Atas Artikel

        Iklan Tengah Artikel 1

        Iklan Tengah Artikel 2

        Iklan Bawah Artikel