Vienkāršs Android režģa piemērs, izmantojot RecyclerView ar GridLayoutManager (tāpat kā vecais GridView)

Es zinu, ka RecyclerView ir aizstājis vecā ListView un GridView funkcionalitāti. Es meklēju ļoti vienkāršu piemēru, kas parāda minimālu režģa konfigurāciju, izmantojot RecyclerView. Es nemeklēju garus pamācību stila skaidrojumus, tikai minimālu piemēru. Es iedomājos, ka visvienkāršākais režģis, kas atdarina veco GridView, sastāv no šādām funkcijām:

  • vairākas šūnas katrā rindā
  • viens skats katrā šūnā
  • reaģē uz klikšķa notikumiem
Suragch
Rediģēts jautājums 31pēcpusdienari1t janvārī 2017 в 3:19
Programmēšana
android gridview android-recyclerview gridlayoutmanager
14priekšpusdienari0t novembrī 2016 в 11:02
1 skats
Risinājums

Ka īsa atbilde

Tiem, kas jau ir iepazinušies ar RecyclerView iestatīšanu, lai izveidotu sarakstu, labā ziņa ir tā, ka režģa izveide ir lielā mērā tāda pati. Vienkārši RecyclerView iestatīšanas laikā GridLayoutManager vietā tiek izmantots LinearLayoutManager.

recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));

Ja jums ir vajadzīga plašāka palīdzība, skatiet šādu piemēru.

pilns piemērs

Tālāk ir sniegts minimāls piemērs, kas izskatās kā attēlā zemāk.

Sāciet ar tukšu darbību. Lai pievienotu RecyclerView režģi, veiciet šādus uzdevumus. Viss, kas jums jādara, ir jākopē un jāievieto kods katrā sadaļā. Vēlāk to varēsiet pielāgot atbilstoši savām vajadzībām.

  • Pievienojiet gradle atkarības
  • Pievienojiet xml izkārtojuma failus aktivitātei un režģa šūnai.
  • Izveidojiet RecyclerView adapteri
  • Inicializējiet RecyclerView savā aktivitātē

Atjauniniet Gradle atkarības

Pārliecinieties, ka jūsu lietotnes gradle.build failā ir šādas atkarības:

compile 'com.android.support:appcompat-v7:27.1.1'
compile 'com.android.support:recyclerview-v7:27.1.1'

Jūs varat atjaunināt versiju numurus uz jebkuru jaunāko.

Izveidot darbības izkārtojumu

Pievienojiet RecyclerView savam xml izkārtojumam.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

Izveidot režģa šūnu izkārtojumu

Katrā mūsu RecyclerView režģa šūnā būs tikai viens TextView. Izveidojiet jaunu izkārtojuma resursu failu.

recyclerview_item.xml

<?xml version="1.0" encoding="utf-8"?>

Izveidot adapteri

RecyclerView ir nepieciešams adapteris, lai aizpildītu skatus katrā šūnā ar jūsu datiem. Izveidojiet jaunu java failu.

MyRecyclerViewAdapter.java

public class MyRecyclerViewAdapter extends RecyclerView.Adapter {

    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);
    }
}

Piezīmes

  • Lai gan tas nav obligāti nepieciešams, es iekļāvu funkcionalitāti, kas ļauj klausīties klikšķu notikumus šūnās. Tā bija pieejama vecajā GridView, un tā ir bieži sastopama vajadzība. Ja jums tas nav nepieciešams, varat šo kodu izņemt.

Inicializēt RecyclerView darbībā

Pievienojiet galveno aktivitāti ar šādu kodu.

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);
    }
}

Piezīmes

  • Ievērojiet, ka aktivitāte implementē ItemClickListener, ko mēs definējām mūsu adapterī. Tas ļauj mums apstrādāt šūnu klikšķu notikumus onItemClick.

Pabeigts

Tas ir viss. Tagad jums vajadzētu būt iespējai palaist savu projektu un saņemt kaut ko līdzīgu attēlā redzamajam.

Ejot tālāk

Noapaļoti stūri

Automātiska kolonnu pielāgošana

Tālāks pētījums

Suragch
Rediģēta atbilde 25priekšpusdienari5t augustā 2018 в 7:56
Komentāri (20)

Lai gan man patīk un es novērtēju Suragch'atbildi, es vēlētos atstāt piezīmi, jo es atklāju, ka kodēšana Adapter (MyRecyclerViewAdapter), lai definētu un atklātu Listener metodi onItemClick, nav labākais veids, kā to izdarīt, jo nav pareizi izmantota klases iekapsulēšana. Tāpēc mans ieteikums ir ļaut adapterim apstrādāt tikai klausīšanās operācijas (tāds ir viņa mērķis!) un nodalīt tās no darbības, kas izmanto adapteri (MainActivity). Tāpēc es šādi iestatītu Adapter klasi:

MyRecyclerViewAdapter.java

public class MyRecyclerViewAdapter extends RecyclerView.Adapter {

    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);
    }
}

Lūdzu, ņemiet vērā onItemClick metodi, kas tagad ir definēta MyRecyclerViewAdapter, un tā ir vieta, kur jūs vēlaties kodēt savus uzdevumus saņemtajam notikumam/darbībai.

Lai pabeigtu šo pārveidošanu, ir jāveic tikai nelielas izmaiņas: Activity vairs nav jāimplementē MyRecyclerViewAdapter.ItemClickListener, jo tagad to pilnībā veic Adapter. Tas būtu pēdējais grozījums:

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);
    }
}
Komentāri (3)

Yo ir iestatīt savu Recyclerview LayoutManager uz Gridlayout Mode , Lai to izdarītu, vienkārši mainiet savu kodu, kad vēlaties iestatīt savu RecyclerView LayoutManager :

Piezīme : nomainiet savu kolonnu skaitu, ko vēlaties ar ####HELP####

   recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),####HELP####));
lczapski
Rediģēta atbilde 8priekšpusdienari4t novembrī 2019 в 12:26
Komentāri (0)