Fy Projects

DOWNLOAD APK DOWNLOAD RES FOLDER DOWNLOAD PROJECT

Android Create Search History Card

1. Project Structure

2. Gradle

plugins {
  id 'com.android.application'
}

android {
  compileSdkVersion 30
  buildToolsVersion "30.0.3"

  defaultConfig {
    applicationId "com.search.historycard"
    minSdkVersion 19
    targetSdkVersion 30
    versionCode 1
    versionName "1.0"

    testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
  }

  buildTypes {
    release {
      minifyEnabled false
      proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
    }
  }
  compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
  }
}

dependencies {
  implementation 'com.balysv:material-ripple:1.0.2'
  implementation 'androidx.appcompat:appcompat:1.3.0'
  implementation 'com.google.android.material:material:1.4.0'
  implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
  testImplementation 'junit:junit:4.+'
  androidTestImplementation 'androidx.test.ext:junit:1.1.3'
  androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
  implementation 'com.crystal:crystalrangeseekbar:1.1.3'
  implementation 'com.google.android:flexbox:0.3.2'
  implementation 'com.google.code.gson:gson:2.8.9'
}

3. Main Activity

package com.search.historycard;

import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.view.inputmethod.EditorInfo;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;
import com.search.historycard.adapter.AdapterSuggestionSearch;
import com.search.historycard.utils.Tools;
import com.search.historycard.utils.ViewAnimation;

public class MainActivity extends AppCompatActivity {

  private EditText et_search;
  private ImageButton bt_clear, bt_back;

  private ProgressBar progress_bar;
  private LinearLayout lyt_no_result;

  private RecyclerView recyclerSuggestion;
  private AdapterSuggestionSearch mAdapterSuggestion;
  private LinearLayout lyt_suggestion;

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

    initToolbar();
    initComponent();
  }

  private void initToolbar() {
    Tools.setSystemBarColor(this);
  }

  private void initComponent() {
    progress_bar = (ProgressBar) findViewById(R.id.progress_bar);
    lyt_no_result = (LinearLayout) findViewById(R.id.lyt_no_result);

    lyt_suggestion = (LinearLayout) findViewById(R.id.lyt_suggestion);
    et_search = (EditText) findViewById(R.id.et_search);
    et_search.addTextChangedListener(textWatcher);

    bt_clear = (ImageButton) findViewById(R.id.bt_clear);
    bt_back = (ImageButton) findViewById(R.id.bt_back);
    bt_clear.setVisibility(View.GONE);
    recyclerSuggestion = (RecyclerView) findViewById(R.id.recyclerSuggestion);

    recyclerSuggestion.setLayoutManager(new LinearLayoutManager(this));
    recyclerSuggestion.setHasFixedSize(true);

    //set data and list adapter suggestion
    mAdapterSuggestion = new AdapterSuggestionSearch(this);
    recyclerSuggestion.setAdapter(mAdapterSuggestion);
    showSuggestionSearch();
    mAdapterSuggestion.setOnItemClickListener(new AdapterSuggestionSearch.OnItemClickListener() {
      @Override
      public void onItemClick(View view, String viewModel, int pos) {
        et_search.setText(viewModel);
        ViewAnimation.collapse(lyt_suggestion);
        hideKeyboard();
        searchAction();
      }
    });

    bt_clear.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        et_search.setText("");
      }
    });

    bt_back.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        finish();
      }
    });

    et_search.setOnEditorActionListener(new TextView.OnEditorActionListener() {
      public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
        if (actionId == EditorInfo.IME_ACTION_SEARCH) {
          hideKeyboard();
          searchAction();
          return true;
        }
        return false;
      }
    });

    et_search.setOnTouchListener(new View.OnTouchListener() {
      @Override
      public boolean onTouch(View view, MotionEvent motionEvent) {
        showSuggestionSearch();
        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE);
        return false;
      }
    });
  }

  private void showSuggestionSearch() {
    mAdapterSuggestion.refreshItems();
    ViewAnimation.expand(lyt_suggestion);
  }

  TextWatcher textWatcher = new TextWatcher() {
    @Override
    public void onTextChanged(CharSequence c, int i, int i1, int i2) {
      if (c.toString().trim().length() == 0) {
        bt_clear.setVisibility(View.GONE);
      } else {
        bt_clear.setVisibility(View.VISIBLE);
      }
    }

    @Override
    public void beforeTextChanged(CharSequence c, int i, int i1, int i2) {
    }

    @Override
    public void afterTextChanged(Editable editable) {
    }
  };

  private void hideKeyboard() {
    View view = this.getCurrentFocus();
    if (view != null) {
      InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
      imm.hideSoftInputFromWindow(view.getWindowToken(), 0);
    }
  }

  private void searchAction() {
    progress_bar.setVisibility(View.VISIBLE);
    ViewAnimation.collapse(lyt_suggestion);
    lyt_no_result.setVisibility(View.GONE);

    final String query = et_search.getText().toString().trim();
    if (!query.equals("")) {
      new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
          progress_bar.setVisibility(View.GONE);
          lyt_no_result.setVisibility(View.VISIBLE);
        }
      }, 2000);
      mAdapterSuggestion.addSearchHistory(query);
    } else {
      Toast.makeText(this, "Please fill search input", Toast.LENGTH_SHORT).show();
    }
  }
}

4. Adapter

package com.search.historycard.adapter;

import android.content.Context;
import android.content.SharedPreferences;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import androidx.recyclerview.widget.RecyclerView;
import com.google.gson.Gson;
import com.search.historycard.R;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

public class AdapterSuggestionSearch extends RecyclerView.Adapter<AdapterSuggestionSearch.ViewHolder> {

  private static final String SEARCH_HISTORY_KEY = "_SEARCH_HISTORY_KEY";
  private static final int MAX_HISTORY_ITEMS = 5;

  private List<String> items = new ArrayList<>();
  private OnItemClickListener onItemClickListener;
  private SharedPreferences prefs;

  public class ViewHolder extends RecyclerView.ViewHolder {
    public TextView title;
    public LinearLayout lyt_parent;

    public ViewHolder(View v) {
      super(v);
      title = (TextView) v.findViewById(R.id.title);
      lyt_parent = (LinearLayout) v.findViewById(R.id.lyt_parent);
    }
  }

  public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
    this.onItemClickListener = onItemClickListener;
  }

  public AdapterSuggestionSearch(Context context) {
    prefs = context.getSharedPreferences("PREF_RECENT_SEARCH", Context.MODE_PRIVATE);
    this.items = getSearchHistory();
    if (this.items != null && this.items.size() > 2) Collections.reverse(this.items);
  }

  @Override
  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_suggestion, parent, false);
    ViewHolder vh = new ViewHolder(v);
    return vh;
  }

  @Override
  public void onBindViewHolder(ViewHolder holder, int position) {
    final String p = items.get(position);
    final int pos = position;
    holder.title.setText(p);
    holder.lyt_parent.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(final View v) {
        if (onItemClickListener == null) return;
        onItemClickListener.onItemClick(v, p, pos);
      }
    });
  }

  // Return the size of your dataset (invoked by the layout manager)
  @Override
  public int getItemCount() {
    return items.size();
  }

  public interface OnItemClickListener {
    void onItemClick(View view, String viewModel, int pos);
  }

  public void refreshItems() {
    this.items = getSearchHistory();
    Collections.reverse(this.items);
    notifyDataSetChanged();
  }

  private class SearchObject implements Serializable {
    public SearchObject(List<String> items) {
      this.items = items;
    }

    public List<String> items = new ArrayList<>();
  }

  /**
   * To save last state request
   */
  public void addSearchHistory(String s) {
    SearchObject searchObject = new SearchObject(getSearchHistory());
    if (searchObject.items.contains(s)) searchObject.items.remove(s);
    searchObject.items.add(s);
    if (searchObject.items.size() > MAX_HISTORY_ITEMS) searchObject.items.remove(0);
    String json = new Gson().toJson(searchObject, SearchObject.class);
    prefs.edit().putString(SEARCH_HISTORY_KEY, json).apply();
  }

  private List<String> getSearchHistory() {
    String json = prefs.getString(SEARCH_HISTORY_KEY, "");
    if (json.equals("")) return new ArrayList<>();
    SearchObject searchObject = new Gson().fromJson(json, SearchObject.class);
    if (searchObject == null || searchObject.items == null) return new ArrayList<>();
    return searchObject.items;
  }
}

5. Layout

<?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"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/grey_10"
  android:orientation="vertical">

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
      android:id="@+id/card_appbar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="@color/colorPrimary">

      <View
        android:layout_width="match_parent"
        android:layout_height="?android:attr/actionBarSize"
        android:background="@color/colorPrimary"
        android:layout_margin="@dimen/spacing_middle" />

    </LinearLayout>

    <androidx.cardview.widget.CardView
      android:id="@+id/search_bar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="@dimen/spacing_middle"
      android:theme="@style/ThemeOverlay.AppCompat.Light"
      app:cardBackgroundColor="@android:color/white"
      app:cardCornerRadius="2dp"
      app:cardElevation="2dp">

      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="horizontal">

          <ImageButton
            android:id="@+id/bt_back"
            android:layout_width="?android:attr/actionBarSize"
            android:layout_height="?android:attr/actionBarSize"
            android:background="@android:color/transparent"
            android:tint="@color/grey_60"
            app:srcCompat="@drawable/ic_arrow_back" />

          <EditText
            android:id="@+id/et_search"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:hint="Search"
            android:imeOptions="actionSearch"
            android:maxLines="1"
            android:singleLine="true">

            <requestFocus />

          </EditText>

          <ImageButton
            android:id="@+id/bt_clear"
            android:layout_width="?android:attr/actionBarSize"
            android:layout_height="?android:attr/actionBarSize"
            android:background="@android:color/transparent"
            android:clickable="true"
            android:tint="@color/grey_60"
            app:srcCompat="@drawable/ic_close" />

        </LinearLayout>

        <LinearLayout
          android:id="@+id/lyt_suggestion"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          android:visibility="visible">

          <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/grey_10" />

          <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recyclerSuggestion"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:cacheColorHint="#0000"
            android:scrollbars="none"
            android:scrollingCache="true" />

        </LinearLayout>

      </LinearLayout>

    </androidx.cardview.widget.CardView>


  </RelativeLayout>

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ProgressBar
      android:id="@+id/progress_bar"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:visibility="gone" />

    <LinearLayout
      android:id="@+id/lyt_no_result"
      android:layout_width="200dp"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:gravity="center"
      android:orientation="vertical">

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="No result"
        android:textAppearance="@style/Base.TextAppearance.AppCompat.Headline"
        android:textColor="@color/grey_40"
        android:textStyle="bold" />

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/spacing_medium"
        android:text="Try input more general keyword"
        android:gravity="center"
        android:textAppearance="@style/Base.TextAppearance.AppCompat.Medium"
        android:textColor="@color/grey_40" />

    </LinearLayout>

  </RelativeLayout>

</LinearLayout>

6. Value

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:ns1="urn:oasis:names:tc:xliff:document:1.2">

  <style name="ThemeOverlay.AppCompat.Light" parent="Base.ThemeOverlay.AppCompat.Light"/>
  <style name="Base.TextAppearance.AppCompat.Headline">
    <item name="android:textSize">@dimen/abc_text_size_headline_material</item>
    <item name="android:textColor">?android:textColorPrimary</item>
  </style>
  <style name="Base.TextAppearance.AppCompat.Medium">
    <item name="android:textSize">@dimen/abc_text_size_medium_material</item>
    <item name="android:textColor">?android:attr/textColorSecondary</item>
  </style>

  <color name="grey_10">#e6e6e6</color>
  <color name="grey_20">#cccccc</color>
  <color name="grey_40">#999999</color>
  <color name="grey_60">#666666</color>

</resources>

M Syahrul Alfyan

Hi there! I am Founder at fyprojects and programming enthusiast from Indonesia. Fullstack Developer at startup company

Android Create Search History Card

Android Create Search History Card

1. Project Structure

2. Gradle

3. Main Activity

4. Adapter

5. Layout

6. Value

M Syahrul Alfyan

Random Post

Featured Posts

Most Read

Catagories