Cara Membuat dan Menampilkan Widget SearchView di Aplikasi Android

Tutorial Cara Membuat SearchView di Android Studio

Hai semuanya, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Sebelumnya, saya sudah pernah membagikan tutorial cara membuat SearchView pada ActionBar di android studio. Untuk itu, kali ini saya akan membagikan tutorial cara membuat dan menampilkan widget searchview di aplikasi android studio.

SearchView adalah salah satu widget atau komponen user interface yang paling berguna di aplikasi android. Widget SearchView dapat kalian gunakan di ActionBar/AppBar/Toolbar atau di layout aplikasi kalian. Widget SearchView digunakan untuk mencari teks, gambar, video, berkas dan lain-lain yang terdapat pada aplikasi tersebut.

Dalam tutorial ini, kalian akan belajar cara menerapkan widget SearchView di Aplikasi Android.

- Advertisement -

Tutorial Cara Menerapkan Widget SearchView Di Aplikasi Android

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Search App
Package Name:com.androidrion.searchapp
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  • activity_main.xml

Daftar file java yang digunakan dalam projek ini:

  • MainActivity.java

Di bawah ini adalah langkah-langkah dalam pembuatan aplikasi Search App.

XML Layout File

Buka file activity_main.xml pada projek android studio kalian. Tambahkan widget SearchView pada LinearLayout. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat 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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".MainActivity">

    <androidx.appcompat.widget.SearchView
        android:id="@+id/searchView"
        app:iconifiedByDefault="false"
        app:queryHint="Cari disini"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</androidx.appcompat.widget.LinearLayoutCompat>

Java Activity File

Buka file MainActivity.java dalam folder java pada projek android studio kalian. Pada file tersebut aktifkan function setOnQueryTextListener pada widget SearchView yang telah kita tambahkan pada file xml layout. Lalu pada method onQueryTextSubmit tambahkan toast agar SearchView bisa menampilkan informasi jika widget telah selesai mencari query. Berikut ini adalah kode lengkap untuk MainActivity.java

package com.androidrion.searchapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.SearchView;

import android.os.Bundle;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

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

        SearchView searchView = findViewById(R.id.searchView);
        searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {
                Toast.makeText(getBaseContext(), query, Toast.LENGTH_SHORT).show();
                return false;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                return false;
            }
        });
    }
}

Run Project Search App

Sekarang jalan kan projek android studio kalian. Pada tampilan awal aplikasi, kalian bisa melihat icon kaca pembesar dengan tulisan “Cari disini” di sebelah kanannya. Jika kalian mengklik tulisan tersebut maka aplikasi akan menampilkan kotak untuk mengetik dan keyboard muncul. Kalian bisa menulis apa saja dalam kotak tersebut, dan jika kalian selesai mengetik lalu menekan icon kaca pembesar pada keyboard maka aplikasi akan menampilkan toast. Dibawah ini adalah gambar hasil screenshot jika kode diatas tidak terjadi masalah.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat dan menampilkan SearchView di Aplikasi Android. Tutorial diatas sangatlah mudah untuk dikerjakan karena kode diatas adalah kode dasar untuk mengaktifkan widget SearchView. Setelah nya kalian bisa menggunakan kode diatas untuk mencari pada ListView ataupun lainnya.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.