Ich weiß, dass RecyclerView
die Funktionalität der alten ListView
und GridView
ersetzt hat. Ich bin auf der Suche nach einem sehr einfachen Beispiel, das ein minimales Gitter-Setup mit RecyclerView
zeigt. Ich bin nicht auf der Suche nach langen Erklärungen im Stil eines Tutorials, nur nach einem minimalen Beispiel. Ich stelle mir vor, dass das einfachste Gitter, das das alte GridView nachahmt, aus den folgenden Funktionen bestehen würde:
*Kurzantwort
Für diejenigen, die bereits mit dem Einrichten einer RecyclerView
zur Erstellung einer Liste vertraut sind, ist die gute Nachricht, dass die Erstellung eines Gitters weitgehend identisch ist. Sie verwenden einfach einen GridLayoutManager
anstelle eines LinearLayoutManager
, wenn Sie den RecyclerView
einrichten.
recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));
Wenn du mehr Hilfe brauchst, dann schau dir das folgende Beispiel an.
Das folgende Beispiel ist ein Minimalbeispiel, das wie das folgende Bild aussieht.
Beginnen Sie mit einer leeren Aktivität. Sie werden die folgenden Aufgaben durchführen, um das RecyclerView
-Gitter hinzuzufügen. Sie müssen nur den Code in jedem Abschnitt kopieren und einfügen. Später können Sie ihn an Ihre Bedürfnisse anpassen.
Stellen Sie sicher, dass die folgenden Abhängigkeiten in Ihrer App gradle.build
Datei sind:
compile 'com.android.support:appcompat-v7:27.1.1'
compile 'com.android.support:recyclerview-v7:27.1.1'
Sie können die Versionsnummern auf die aktuellste aktualisieren.
Fügen Sie das RecyclerView
zu Ihrem xml-Layout hinzu.
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.RecyclerView
android:id="@+id/rvNumbers"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>
Jede Zelle in unserem RecyclerView
-Gitter wird nur eine einzige TextView
haben. Erstellen Sie eine neue Layout-Ressourcendatei.
recyclerview_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:padding="5dp"
android:layout_width="50dp"
android:layout_height="50dp">
<TextView
android:id="@+id/info_text"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="@color/colorAccent"/>
</LinearLayout>
Der RecyclerView
benötigt einen Adapter um die Ansichten in jeder Zelle mit Ihren Daten zu füllen. Erstellen Sie eine neue Java Datei.
MyRecyclerViewAdapter.java
public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> {
private String[] mData;
private LayoutInflater mInflater;
private ItemClickListener mClickListener;
// data is passed into the constructor
MyRecyclerViewAdapter(Context context, String[] data) {
this.mInflater = LayoutInflater.from(context);
this.mData = data;
}
// inflates the cell layout from xml when needed
@Override
@NonNull
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
return new ViewHolder(view);
}
// binds the data to the TextView in each cell
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
holder.myTextView.setText(mData[position]);
}
// total number of cells
@Override
public int getItemCount() {
return mData.length;
}
// stores and recycles views as they are scrolled off screen
public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
TextView myTextView;
ViewHolder(View itemView) {
super(itemView);
myTextView = itemView.findViewById(R.id.info_text);
itemView.setOnClickListener(this);
}
@Override
public void onClick(View view) {
if (mClickListener != null) mClickListener.onItemClick(view, getAdapterPosition());
}
}
// convenience method for getting data at click position
String getItem(int id) {
return mData[id];
}
// allows clicks events to be caught
void setClickListener(ItemClickListener itemClickListener) {
this.mClickListener = itemClickListener;
}
// parent activity will implement this method to respond to click events
public interface ItemClickListener {
void onItemClick(View view, int position);
}
}
Anmerkungen
GridView
verfügbar und wird häufig benötigt. Sie können diesen Code entfernen, wenn Sie ihn nicht brauchen.Fügen Sie den folgenden Code in Ihre Hauptaktivität ein.
MainActivity.java
public class MainActivity extends AppCompatActivity implements MyRecyclerViewAdapter.ItemClickListener {
MyRecyclerViewAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// data to populate the RecyclerView with
String[] data = {"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48"};
// set up the RecyclerView
RecyclerView recyclerView = findViewById(R.id.rvNumbers);
int numberOfColumns = 6;
recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));
adapter = new MyRecyclerViewAdapter(this, data);
adapter.setClickListener(this);
recyclerView.setAdapter(adapter);
}
@Override
public void onItemClick(View view, int position) {
Log.i("TAG", "You clicked number " + adapter.getItem(position) + ", which is at cell position " + position);
}
}
Anmerkungen
ItemClickListener
implementiert, den wir in unserem Adapter definiert haben. Das erlaubt uns, Zellklick-Ereignisse in onItemClick
zu behandeln.Das's it. Sie sollten nun in der Lage sein, Ihr Projekt zu starten und etwas ähnliches wie das Bild oben zu erhalten.
Abgerundete Ecken
Automatisch angepasste Spalten
Obwohl ich Suragch's Antwort mag und schätze, möchte ich eine Anmerkung hinterlassen, weil ich herausgefunden habe, dass die Codierung des Adapters (MyRecyclerViewAdapter
), um die Listener-Methode onItemClick
zu definieren und freizulegen, nicht der beste Weg ist, da die Klassenkapselung nicht korrekt verwendet wird. Mein Vorschlag ist also, den Adapter nur die Listening-Operationen ausführen zu lassen (das ist sein Zweck!) und diese von der Activity zu trennen, die den Adapter verwendet (MainActivity
). So würde ich also die Adapterklasse einstellen:
MyRecyclerViewAdapter.java
public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> {
private String[] mData = new String[0];
private LayoutInflater mInflater;
// Data is passed into the constructor
public MyRecyclerViewAdapter(Context context, String[] data) {
this.mInflater = LayoutInflater.from(context);
this.mData = data;
}
// Inflates the cell layout from xml when needed
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
// Binds the data to the textview in each cell
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
String animal = mData[position];
holder.myTextView.setText(animal);
}
// Total number of cells
@Override
public int getItemCount() {
return mData.length;
}
// Stores and recycles views as they are scrolled off screen
public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
public TextView myTextView;
public ViewHolder(View itemView) {
super(itemView);
myTextView = (TextView) itemView.findViewById(R.id.info_text);
itemView.setOnClickListener(this);
}
@Override
public void onClick(View view) {
onItemClick(view, getAdapterPosition());
}
}
// Convenience method for getting data at click position
public String getItem(int id) {
return mData[id];
}
// Method that executes your code for the action received
public void onItemClick(View view, int position) {
Log.i("TAG", "You clicked number " + getItem(position).toString() + ", which is at cell position " + position);
}
}
Bitte beachten Sie die Methode onItemClick
, die jetzt in MyRecyclerViewAdapter
definiert ist. Das ist der Ort, an dem Sie Ihre Aufgaben für das empfangene Ereignis/die empfangene Aktion codieren möchten.
Es gibt nur eine kleine Änderung, um diese Umwandlung zu vervollständigen: die Activity braucht MyRecyclerViewAdapter.ItemClickListener
nicht mehr zu implementieren, da dies nun vollständig vom Adapter erledigt wird. Dies wäre dann die letzte Änderung:
MainActivity.java
public class MainActivity extends AppCompatActivity {
MyRecyclerViewAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// data to populate the RecyclerView with
String[] data = {"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48"};
// set up the RecyclerView
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.rvNumbers);
int numberOfColumns = 6;
recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));
adapter = new MyRecyclerViewAdapter(this, data);
adapter.setClickListener(this);
recyclerView.setAdapter(adapter);
}
}
Yo Have to Set Your recyclerview layoutmanager to Gridlayout Mode, für Do This Just change your code when you Want Set your RecyclerView LayoutManager :
Hinweis: Ersetzen Sie Ihre Spaltenanzahl, die Sie mit ###HELP### wünschen.
recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),###HELP###));