সংক্ষিপ্ত উত্তর
যারা ইতিমধ্যে তালিকা তৈরির জন্য একটি সেট আপ RecyclerViewকরার সাথে পরিচিত , তাদের জন্য সুসংবাদটি হ'ল গ্রিড তৈরি করা মূলত একই রকম। আপনি যখন সেট আপ করবেন তখন কেবল একটি GridLayoutManagerপরিবর্তে একটি ব্যবহার করুন ।LinearLayoutManagerRecyclerView
recyclerView.setLayoutManager(new GridLayoutManager(this, numberOfColumns));
আপনার যদি এর চেয়ে আরও সহায়তার প্রয়োজন হয় তবে নীচের উদাহরণটি দেখুন।
পুরো উদাহরণ
নীচে একটি ন্যূনতম উদাহরণ যা নীচের চিত্রটির মতো দেখাবে।
একটি খালি ক্রিয়াকলাপ দিয়ে শুরু করুন। RecyclerViewগ্রিড যুক্ত করতে আপনি নিম্নলিখিত কাজগুলি সম্পাদন করবেন । আপনাকে যা করতে হবে তা হ'ল প্রতিটি বিভাগে কোডটি অনুলিপি করুন এবং আটকান। আপনার প্রয়োজন অনুসারে আপনি এটি কাস্টমাইজ করতে পারেন।
- গ্রেডে নির্ভরতা যুক্ত করুন
- ক্রিয়াকলাপ এবং গ্রিড সেলের জন্য এক্সএমএল লেআউট ফাইল যুক্ত করুন
- রিসাইক্লারভিউ অ্যাডাপ্টার তৈরি করুন
- আপনার ক্রিয়াকলাপে রিসাইক্লার ভিউ শুরু করুন
গ্রেডল নির্ভরতা আপডেট করুন
নিম্নলিখিত অ্যাপ্লিকেশনগুলি আপনার অ্যাপ্লিকেশন gradle.buildফাইলে রয়েছে তা নিশ্চিত করুন:
compile 'com.android.support:appcompat-v7:27.1.1'
compile 'com.android.support:recyclerview-v7:27.1.1'
আপনি সর্বাধিক বর্তমান যাহাতে সংস্করণ সংখ্যাগুলি আপডেট করতে পারেন ।
ক্রিয়াকলাপ বিন্যাস তৈরি করুন
যোগ RecyclerViewআপনার xml লেআউটে।
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>
গ্রিড ঘর বিন্যাস তৈরি করুন
আমাদের RecyclerViewগ্রিডে প্রতিটি কক্ষে কেবল একটি একক থাকতে চলেছে TextView। একটি নতুন লেআউট রিসোর্স ফাইল তৈরি করুন।
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>
অ্যাডাপ্টার তৈরি করুন
RecyclerViewআপনার ডেটা সঙ্গে প্রতিটি কক্ষে মতামত নিয়ে আসতে 'একটা এডাপটার প্রয়োজন। একটি নতুন জাভা ফাইল তৈরি করুন।
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);
}
}
মন্তব্য
- কঠোরভাবে প্রয়োজনীয় না হলেও, আমি কোষগুলিতে ক্লিক ইভেন্টগুলি শোনার জন্য কার্যকারিতা অন্তর্ভুক্ত করেছি। এটি পুরানোতে উপলব্ধ ছিল
GridViewএবং এটি একটি সাধারণ প্রয়োজন। আপনার যদি প্রয়োজন না হয় তবে আপনি এই কোডটি সরিয়ে ফেলতে পারেন।
ক্রিয়াকলাপে রিসাইক্লারভিউ সূচনা করুন
আপনার মূল ক্রিয়াকলাপে নিম্নলিখিত কোডটি যুক্ত করুন।
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);
}
}
মন্তব্য
- লক্ষ্য করুন যে ক্রিয়াকলাপটি
ItemClickListenerআমাদের অ্যাডাপ্টারে আমরা সংজ্ঞায়িত করেছি তা কার্যকর করে । এটি আমাদের ঘরে ক্লিক ইভেন্টগুলি পরিচালনা করতে দেয় onItemClick।
সমাপ্ত
এটাই. আপনার এখনই আপনার প্রকল্পটি চালানোতে সক্ষম হওয়া উচিত এবং শীর্ষে থাকা চিত্রটির অনুরূপ কিছু পাওয়া উচিত।
যাচ্ছে
বৃত্তাকার কোণ
স্ব-ফিটিং কলামগুলি
আরও অধ্যয়ন