🤦🏼 💡 👨🏿‍🎤 RecyclerView ट्री व्यू (तृतीय-पक्ष पुस्तकालयों और बाल सरणियों के बिना) 😍 👼🏽 🏓

अच्छे दिन, प्रिय पाठकों।

अपने लेख में, मैं RecyclerView के साथ एक ट्री व्यू कार्यान्वयन साझा करना चाहता हूं। किसी भी अतिरिक्त पुस्तकालयों का उपयोग किए बिना और एक बाल सरणी का उपयोग किए बिना।
कौन परवाह करता है, कृपया, बिल्ली के नीचे। मैं यथासंभव और कैसे वर्णन करने का प्रयास करूंगा।

तत्वों की सूची बनाने का सिद्धांत यह है कि बाल तत्वों को दिखाया या छिपाया जाएगा।

हालांकि मैंने कहा कि कार्यान्वयन अतिरिक्त पुस्तकालयों के बिना होगा, हालांकि, मानक पुस्तकालयों को अभी भी कनेक्ट करने की आवश्यकता है।

जुड़े हुए पुस्तकालय

dependencies { implementation 'com.android.support:appcompat-v7:26.1.0' implementation 'com.android.support:design:26.1.0' implementation 'com.android.support:recyclerview-v7:26.1.0' }

मार्कअप बहुत कम होगा - केवल रिसाइक्लर व्यू सूची।

अंकन

 <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:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/recycler_list"> </android.support.v7.widget.RecyclerView> </RelativeLayout>

इसके अतिरिक्त, हमें एक अलग वर्ग की आवश्यकता है जिसके साथ हम सूची मूल्यों को संग्रहीत करेंगे।

डेटा के लिए कक्षा Data.java

 public final class Data { private String valueText = ""; //  private int valueId = 0; //  private boolean itemParent = false; //    private int parentId = -1; //id ,    private boolean childVisibility = false; //   //     public boolean isItemParent() { return itemParent; } //    public void setItemParent(boolean newItemParent) { itemParent = newItemParent; } //    public boolean isChildVisibility() { return childVisibility; } //     public void setChildVisibility(boolean newChildVisibility) { childVisibility = newChildVisibility; } //    public int getParentId() { return parentId; } //    public void setParentId(int newParentId) { parentId = newParentId; } //   public String getValueText() { return valueText; } //   public void setValueText(String newValueText) { valueText = newValueText; } //   public int getValueId() { return valueId; } //   public void setValueId(int newValueId) { valueId = newValueId; } }

टिप्पणियां स्पष्ट होनी चाहिए, लेकिन मैं समझाऊंगा। सूची के प्रत्येक तत्व के लिए, हम इसके पहचानकर्ता मान को स्टोर करेंगे, नाम वैल्यूटेक्स्ट , पेरेंट एलिमेंट पेरेंटआईड की पहचानकर्ता , एक लेबल जो यह दर्शाता है कि तत्व पेरेंट आइटम है और चाइल्ड विजिबिलिटी के चाइल्ड एलिमेंट के लिए विजिबिलिटी वैल्यू है ।

अगला प्रारंभिक कदम सूची आइटम के लिए मार्कअप बनाना है।

Item.xml के लिए मार्कअप

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/item" android:layout_width="match_parent" android:layout_height="wrap_content"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <!--     --> <android.support.v7.widget.AppCompatImageView android:id="@+id/icon_tree" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/icon_hide" android:visibility="gone" app:backgroundTint="@color/colorPrimary" android:layout_centerVertical="true"/> <LinearLayout android:id="@+id/block_text" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_toRightOf="@+id/icon_tree"> <!--  --> <TextView android:id="@+id/value_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:foreground="?android:attr/selectableItemBackground" android:text="sdfdsf"/> </LinearLayout> <!--  --> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/colorPrimary" android:layout_below="@+id/block_text" android:layout_marginTop="4dp" android:layout_marginLeft="4dp" android:layout_marginRight="4dp"/> </RelativeLayout> </LinearLayout>

मूल तत्व की स्थिति प्रदर्शित करने के लिए AppCompatImageView की आवश्यकता है। TextView - एक तत्व के मूल्य को प्रदर्शित करने के लिए। दृश्य केवल साझा करने के लिए है।

अंतिम तैयारी कदम सूची एडाप्टर को संभालने के लिए एक वर्ग बनाना है।

सूची के लिए एडाप्टर RecyclerViewAdapter.java

 public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> { private View vv; private List<Data> allRecords; //   public RecyclerViewAdapter(List<Data> records) { allRecords = records; } @Override public RecyclerViewAdapter.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) { View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false); return new RecyclerViewAdapter.ViewHolder(v); } @Override public void onBindViewHolder(final RecyclerViewAdapter.ViewHolder viewHolder, int i) { Data record = allRecords.get(i); String value = record.getValueText(); int id = record.getValueId(); int parentId = record.getParentId(); final int position = i; final String text = "#" + id + ": " + value + " (id  : " + parentId + ")"; //   ,    if (parentId >= 0) { //      setVisibility(viewHolder.item, allRecords.get(parentId).isChildVisibility(), parentId); } else { //  ,   setVisibility(viewHolder.item, true, parentId); } //      if (record.isItemParent()) { viewHolder.iconTree.setVisibility(View.VISIBLE); //   if (record.isChildVisibility()) //   viewHolder.iconTree.setBackgroundResource(R.drawable.icon_show); else //   viewHolder.iconTree.setBackgroundResource(R.drawable.icon_hide); } else //   viewHolder.iconTree.setVisibility(View.GONE); //   if (!TextUtils.isEmpty(value)) { viewHolder.valueText.setText(value); } //     viewHolder.valueText.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Data dataItem = allRecords.get(position); if (dataItem.isItemParent()) { //   ,     dataItem.setChildVisibility(!dataItem.isChildVisibility()); notifyDataSetChanged(); } else { //   ,    Snackbar snackbar = Snackbar.make(vv, text, Snackbar.LENGTH_LONG); snackbar.show(); } } }); } //   private void setVisibility(View curV, boolean visible, int parentId) { // ,      LinearLayout vPadding = curV.findViewById(R.id.block_text); LinearLayout.LayoutParams params; if (visible) { params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); if (vPadding != null) { if (parentId >= 0) { //  ,   vPadding.setPadding(80, 0, 0, 0); } else { vPadding.setPadding(0, 0, 0, 0); } } } else params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0); curV.setLayoutParams(params); } @Override public int getItemCount() { return allRecords.size(); } class ViewHolder extends RecyclerView.ViewHolder { private LinearLayout item; private TextView valueText; private AppCompatImageView iconTree; public ViewHolder(View itemView) { super(itemView); vv = itemView; item = vv.findViewById(R.id.id_item); valueText = vv.findViewById(R.id.value_name); iconTree = vv.findViewById(R.id.icon_tree); } } }

मुख्य प्रसंस्करण ऑनबोर्ड व्यूह प्रक्रिया में होता है। सूची के प्रत्येक तत्व के लिए, इसकी पहचानकर्ता, मूल्य और मूल मूल्य के पैरामीटर प्राप्त होते हैं। बाल तत्वों को दिखाना या छिपाना, साथ ही मूल तत्व के लिए एक स्थिति आइकन। खैर, सूची पर क्लिकों का प्रसंस्करण लटका हुआ है। फिर हर कोई तय करता है कि उसे सूची को संसाधित करने की आवश्यकता कैसे है। उदाहरण केवल आईडी और तत्व मान के साथ एक संदेश दिखाता है।
सेटिविज़बिलिटी बच्चे को दिखाने या छुपाने की प्रक्रिया में, पाठ को 80 पिक्सल पर बच्चे के तत्व के लिए इंडेंट किया जाता है।

यह केवल सही जगह पर सूची भरने के लिए बनी हुई है।

सूची निर्माण

 List<Data> records = new ArrayList<Data>(); //  Data record; RecyclerViewAdapter adapter; int parentId; RecyclerView recyclerView = findViewById(R.id.recycler_list); record = new Data(); record.setValueId(1); record.setValueText("  1"); record.setItemParent(true); //  records.add(record); parentId = records.size() -1; for (int ind = 1; ind <= 3; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText(" " + ind); record.setParentId(parentId); records.add(record); } record = new Data(); record.setValueId(1); record.setValueText("  "); record.setItemParent(true); //  records.add(record); parentId = records.size() -1; for (int ind = 4; ind <= 7; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText("  " + ind); record.setParentId(parentId); records.add(record); } record = new Data(); record.setValueId(1); record.setValueText("  "); record.setItemParent(true); //  records.add(record); parentId = records.size() -1; for (int ind = 8; ind <= 12; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText(" " + ind); record.setParentId(parentId); records.add(record); } for (int ind = 13; ind <= 18; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText("  " + ind); records.add(record); } for (int ind = 19; ind <= 21; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText("   " + ind); records.add(record); } record = new Data(); record.setValueId(1); record.setValueText("  "); record.setItemParent(true); //  records.add(record); parentId = records.size() -1; for (int ind = 22; ind <= 30; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText(": " + ind); record.setParentId(parentId); records.add(record); } for (int ind = 31; ind <= 45; ind ++) { record = new Data(); record.setValueId(ind); record.setValueText("   " + ind); records.add(record); } adapter = new RecyclerViewAdapter(records); RecyclerView.ItemAnimator itemAnimator = new DefaultItemAnimator(); LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setAdapter(adapter); recyclerView.setLayoutManager(layoutManager); recyclerView.setItemAnimator(itemAnimator);

परिणाम बाल तत्वों के समर्थन के साथ इस तरह की एक सरल सूची है। यह कार्यान्वयन आपको कई नेस्टेड तत्वों को भरने की अनुमति देता है। लेकिन आपको बाल तत्वों के लिए इंडेंटेशन को थोड़ा परिष्कृत करने की आवश्यकता है यदि घोंसले का स्तर 1 से अधिक है।

आपका ध्यान और सफल परियोजनाओं के लिए धन्यवाद।

RecyclerView ट्री व्यू (तृतीय-पक्ष पुस्तकालयों और बाल सरणियों के बिना)

More articles: