Single Auto Selection and Entry with Delete is used to select values from number of options and delete selected one.
Steps to use Single Auto Selection and Entry with Delete in your project.
Steps to use Single Auto Selection and Entry with Delete in your project.
- Crate a project(SingleSelectionWithDeleteDemo) in android studio.
- Create a interface CallBack.Java and update it-
package com.pankaj.mmm;
/**
* Created by gsolc on 7/12/17.
*/
public interface CallBacks {
//to get event on select item
void onSelected(String s);
//to get event on delete item
void onDeleted(int rowPosition);
//to get event on done/enter click
void onDone(String s);
} - Create a class MainActivity.Java and update it-
package com.pankaj.mmm;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements CallBacks {
//create objects
private RecyclerView rvTagList;
private List<String> dataSelected = new ArrayList<>();
private List<String> dataOptions = new ArrayList<>();
private TagAdapter tagAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Initialize list view
rvTagList = findViewById(R.id.rvTagList);
//Create layout manager
LinearLayoutManager manager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);
//Set layout manager
rvTagList.setLayoutManager(manager);
//Add data to show entry point
dataSelected.add("");
//Create suggestions
for (int i = 0; i < 500; i++) {
dataOptions.add("data" + i);
}
//Initialize adapter
tagAdapter = new TagAdapter(MainActivity.this, dataSelected, dataOptions);
//Set callbacks
tagAdapter.setCallBacks(this);
//Set adapter
rvTagList.setAdapter(tagAdapter);
}
@Override
public void onSelected(String selected) {
//Check size and put data into selecteddata list
if (dataSelected.size() > 1) {
dataSelected.add(dataSelected.size() - 1, selected);
} else {
dataSelected.add(0, selected);
}
scrollToLastPosition(false);
}
@Override
public void onDeleted(int rowPosition) {
//Delete selected item
dataSelected.remove(rowPosition);
scrollToLastPosition(true);
}
@Override
public void onDone(String selected) {
//Check size and put data into selecteddata list
if (dataSelected.size() > 1) {
dataSelected.add(dataSelected.size() - 1, selected);
} else {
dataSelected.add(0, selected);
}
scrollToLastPosition(true);
}
private void scrollToLastPosition(boolean goToLast) {
//notify adapter to refresh data in it
tagAdapter.notifyDataSetChanged();
// if (goToLast) rvTagList.scrollToPosition(dataSelected.size() - 1);
}
//function to show selected data
public void selectedData(View view) {
String message = "";
for (String data : dataSelected) {
if (!data.isEmpty())
message += data + "\n";
}
message.trim();
Toast.makeText(this, message, Toast.LENGTH_SHORT).show();
}
} - Create a class TagAdapter.Java and update it-
package com.pankaj.mmm;
import android.app.Activity;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.List;
/**
* Created by gsolc on 7/12/17.
*/
public class TagAdapter extends RecyclerView.Adapter<TagAdapter.MyViewHolder> {
//Objects
private String TAG = "TagAdapter";
private List<String> dataOptions;
private List<String> dataSelected;
private Activity activity;
private CallBacks callBacks;
/**
* View holder class
*/
public class MyViewHolder extends RecyclerView.ViewHolder {
private TextView tvText;
private ImageView ivDelete;
private AutoCompleteTextView tvAutocomplete;
private LinearLayout llSelected;
public MyViewHolder(View view) {
super(view);
tvAutocomplete = (AutoCompleteTextView) view.findViewById(R.id.tvAutocomplete);
tvText = (TextView) view.findViewById(R.id.tvText);
ivDelete = (ImageView) view.findViewById(R.id.ivDelete);
llSelected = view.findViewById(R.id.llSelected);
}
}
//Constructor
public TagAdapter(Activity activity, List<String> dataSelected, List<String> dataOptions) {
this.dataSelected = dataSelected;
this.dataOptions = dataOptions;
this.activity = activity;
}
@Override
public void onBindViewHolder(final MyViewHolder holder, final int rowPosition) {
if (rowPosition != dataSelected.size() - 1) {
// selected data
holder.llSelected.setVisibility(View.VISIBLE);
holder.tvAutocomplete.setVisibility(View.GONE);
//Set data in cells
holder.tvText.setText(dataSelected.get(rowPosition));
//Add listener to delete cells
holder.ivDelete.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//send event to delete selected cell
callBacks.onDeleted(rowPosition);
}
});
//Set null to listeners
holder.tvAutocomplete.setOnItemClickListener(null);
holder.tvAutocomplete.setOnEditorActionListener(null);
} else {
//options in autocomplete
//Hide cells
holder.llSelected.setVisibility(View.GONE);
holder.tvAutocomplete.setVisibility(View.VISIBLE);
//Create adapter to show suggestion
final ArrayAdapter<String> adapter = new ArrayAdapter<String>(activity, android.R.layout.simple_dropdown_item_1line, dataOptions);
//Add adapter to show suggestion
holder.tvAutocomplete.setAdapter(adapter);
//Add listener to select item from suggestion
holder.tvAutocomplete.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Log.e(TAG, holder.tvAutocomplete.getText() + " Position : " + position);
//send event to add selected suggestion in cells
callBacks.onSelected(holder.tvAutocomplete.getText().toString());
//reset entry point for new entry
holder.tvAutocomplete.setText("");
}
});
//Add listener to create cell of entered data
holder.tvAutocomplete.setOnEditorActionListener(new TextView.OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
Log.e(TAG, "" + actionId);
//check if pressed on Ok/Done button
if (actionId == 6) {
if (holder.tvAutocomplete.getText().toString().trim().length() > 0) {
//send event to add entered text in cells
callBacks.onDone(holder.tvAutocomplete.getText().toString().trim());
//reset entry point for new entry
holder.tvAutocomplete.setText("");
}
}
return false;
}
});
}
}
@Override
public int getItemCount() {
return dataSelected.size();
}
//Initialize callbacks interface
public void setCallBacks(CallBacks callBacks) {
this.callBacks = callBacks;
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View v = LayoutInflater.from(parent.getContext())
.inflate(R.layout.row, parent, false);
return new MyViewHolder(v);
}
} - Create a xml row.xml to show individual selected item and update it-
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:minHeight="30dp">
<LinearLayout
android:id="@+id/llSelected"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="3dp"
android:layout_marginLeft="3dp"
android:layout_marginTop="3dp"
android:background="@drawable/bg_button_with_corner_orange"
android:gravity="center_vertical"
android:padding="3dp">
<TextView
android:id="@+id/tvText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:editable="false"
android:singleLine="true"
android:text="@string/app_name" />
<ImageView
android:id="@+id/ivDelete"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:src="@android:drawable/ic_delete" />
</LinearLayout>
<AutoCompleteTextView
android:id="@+id/tvAutocomplete"
android:layout_width="200dp"
android:layout_height="match_parent"
android:imeOptions="actionDone"
android:layout_marginLeft="5dp"
android:background="@android:color/transparent"
android:hint="@string/app_name"
android:singleLine="true"
android:textSize="12sp" />
</LinearLayout> - Open your main_activity.xml file and update it-
<?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.pankaj.mmm.MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/rvTagList"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:onClick="selectedData"
android:imeOptions="actionNone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Show entered Data" />
</LinearLayout>
</android.support.constraint.ConstraintLayout> - All the application development process with Single Auto Selection and Entry with Delete has completed, Now run the app and look the screen.
- Good bye, Thanks to read this blog.
