android - আমি কীভাবে রিসাইক্লারভিউতে স্টিকি হেডার তৈরি করতে পারি?(বাহ্যিক স্বাদ ব্যতীত)




header android-recyclerview (6)

উত্তর ইতিমধ্যে এখানে হয়েছে। আপনি যদি কোনও লাইব্রেরি ব্যবহার করতে না চান তবে আপনি এই পদক্ষেপগুলি অনুসরণ করতে পারেন:

  1. নাম অনুসারে ডেটা সহ তালিকা সাজান
  2. ডেটা সহ তালিকার মাধ্যমে এবং যদি বর্তমানের আইটেমের প্রথম অক্ষর! = পরের আইটেমের প্রথম অক্ষর, তখন "বিশেষ" ধরণের বস্তু সন্নিবেশ করান।
  3. আইটেমটি "বিশেষ" হওয়ার সময় আপনার অ্যাডাপ্টারের জায়গার ভিতরে বিশেষ ভিউ থাকে।

ব্যাখ্যা:

ইন onCreateViewHolder পদ্ধতি আমরা পরীক্ষা করতে পারবেন viewType এবং মান (আমাদের "বিশেষ" ধরনের) উপর নির্ভর করে একটি বিশেষ বিন্যাস ফোলান।

উদাহরণ স্বরূপ:

public static final int TITLE = 0;
public static final int ITEM = 1;

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    if (context == null) {
        context = parent.getContext();
    }
    if (viewType == TITLE) {
        view = LayoutInflater.from(context).inflate(R.layout.recycler_adapter_title, parent,false);
        return new TitleElement(view);
    } else if (viewType == ITEM) {
        view = LayoutInflater.from(context).inflate(R.layout.recycler_adapter_item, parent,false);
        return new ItemElement(view);
    }
    return null;
}

যেখানে class ItemElement এবং class TitleElement সাধারণ দেখতে দেখতে ViewHolder :

public class ItemElement extends RecyclerView.ViewHolder {
//TextView text;

public ItemElement(View view) {
    super(view);
   //text = (TextView) view.findViewById(R.id.text);

}

সুতরাং যে সমস্ত ধারণা আকর্ষণীয়। তবে আমি আগ্রহী যদি এটি কার্যকরভাবে হয়, কারণ আমাদের ডাটা তালিকাটি বাছাই করতে হবে। এবং আমি মনে করি এটি গতি কমিয়ে দেবে। এ সম্পর্কে যদি কোনও চিন্তাভাবনা থাকে তবে দয়া করে আমাকে লিখুন :)

এবং খোলার প্রশ্নটিও: কীভাবে উপরে "বিশেষ" লেআউটটি রাখা যায়, যখন আইটেমগুলি পুনর্ব্যবহার করা হয়। হতে পারে যে সব একত্রিত CoordinatorLayout

আমি আমার হেডার দর্শনগুলি নীচের চিত্রের মতো এবং বাহ্যিক লাইব্রেরি ব্যবহার না করে পর্দার শীর্ষে স্থির করতে চাই।

আমার ক্ষেত্রে, আমি এটি বর্ণানুক্রমিকভাবে করতে চাই না। আমার দুটি ভিন্ন ধরণের ভিউ রয়েছে (শিরোনাম এবং স্বাভাবিক)। আমি কেবল শীর্ষে স্থির করতে চাই, শেষ শিরোনাম।


অন্য সমাধান, স্ক্রোল শ্রোতার উপর ভিত্তি করে। প্রাথমিক শর্তগুলি সেবাদাস্তান উত্তরের মতোই

RecyclerView recyclerView;
TextView tvTitle; //sticky header view

//... onCreate, initialize, etc...

public void bindList(List<Item> items) { //All data in adapter. Item - just interface for different item types
    adapter = new YourAdapter(items);
    recyclerView.setAdapter(adapter);
    StickyHeaderViewManager<HeaderItem> stickyHeaderViewManager = new StickyHeaderViewManager<>(
            tvTitle,
            recyclerView,
            HeaderItem.class, //HeaderItem - subclass of Item, used to detect headers in list
            data -> { // bind function for sticky header view
                tvTitle.setText(data.getTitle());
            });
    stickyHeaderViewManager.attach(items);
}

ভিউহোল্ডার এবং স্টিকি হেডার জন্য লেআউট।

item_header.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tv_title"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

রিসাইক্লার ভিউয়ের জন্য লেআউট

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <!--it can be any view, but order important, draw over recyclerView-->
    <include
        layout="@layout/item_header"/>

</FrameLayout>

শিরোনামের জন্য ক্লাস।

public class HeaderItem implements Item {

    private String title;

    public HeaderItem(String title) {
        this.title = title;
    }

    public String getTitle() {
        return title;
    }

}

এটা সব ব্যবহার। অ্যাডাপ্টার, ভিউহোল্ডার এবং অন্যান্য জিনিসগুলির বাস্তবায়ন আমাদের পক্ষে আকর্ষণীয় নয়।

public class StickyHeaderViewManager<T> {

    @Nonnull
    private View headerView;

    @Nonnull
    private RecyclerView recyclerView;

    @Nonnull
    private StickyHeaderViewWrapper<T> viewWrapper;

    @Nonnull
    private Class<T> headerDataClass;

    private List<?> items;

    public StickyHeaderViewManager(@Nonnull View headerView,
                                   @Nonnull RecyclerView recyclerView,
                                   @Nonnull Class<T> headerDataClass,
                                   @Nonnull StickyHeaderViewWrapper<T> viewWrapper) {
        this.headerView = headerView;
        this.viewWrapper = viewWrapper;
        this.recyclerView = recyclerView;
        this.headerDataClass = headerDataClass;
    }

    public void attach(@Nonnull List<?> items) {
        this.items = items;
        if (ViewCompat.isLaidOut(headerView)) {
            bindHeader(recyclerView);
        } else {
            headerView.post(() -> bindHeader(recyclerView));
        }

        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                bindHeader(recyclerView);
            }
        });
    }

    private void bindHeader(RecyclerView recyclerView) {
        if (items.isEmpty()) {
            headerView.setVisibility(View.GONE);
            return;
        } else {
            headerView.setVisibility(View.VISIBLE);
        }

        View topView = recyclerView.getChildAt(0);
        if (topView == null) {
            return;
        }
        int topPosition = recyclerView.getChildAdapterPosition(topView);
        if (!isValidPosition(topPosition)) {
            return;
        }
        if (topPosition == 0 && topView.getTop() == recyclerView.getTop()) {
            headerView.setVisibility(View.GONE);
            return;
        } else {
            headerView.setVisibility(View.VISIBLE);
        }

        T stickyItem;
        Object firstItem = items.get(topPosition);
        if (headerDataClass.isInstance(firstItem)) {
            stickyItem = headerDataClass.cast(firstItem);
            headerView.setTranslationY(0);
        } else {
            stickyItem = findNearestHeader(topPosition);
            int secondPosition = topPosition + 1;
            if (isValidPosition(secondPosition)) {
                Object secondItem = items.get(secondPosition);
                if (headerDataClass.isInstance(secondItem)) {
                    View secondView = recyclerView.getChildAt(1);
                    if (secondView != null) {
                        moveViewFor(secondView);
                    }
                } else {
                    headerView.setTranslationY(0);
                }
            }
        }

        if (stickyItem != null) {
            viewWrapper.bindView(stickyItem);
        }
    }

    private void moveViewFor(View secondView) {
        if (secondView.getTop() <= headerView.getBottom()) {
            headerView.setTranslationY(secondView.getTop() - headerView.getHeight());
        } else {
            headerView.setTranslationY(0);
        }
    }

    private T findNearestHeader(int position) {
        for (int i = position; position >= 0; i--) {
            Object item = items.get(i);
            if (headerDataClass.isInstance(item)) {
                return headerDataClass.cast(item);
            }
        }
        return null;
    }

    private boolean isValidPosition(int position) {
        return !(position == RecyclerView.NO_POSITION || position >= items.size());
    }
}

বাইন্ড শিরোনাম দর্শনটির জন্য ইন্টারফেস।

public interface StickyHeaderViewWrapper<T> {

    void bindView(T data);
}

আপনি আমার StickyHeaderHelper প্রকল্পে StickyHeaderHelper ক্লাসটি পরীক্ষা করে পরীক্ষা করে নিতে পারেন এবং এটি আপনার ব্যবহারের ক্ষেত্রে অভিযোজিত করতে পারেন।

তবে, আমি লাইব্রেরিটি ব্যবহার করার পরামর্শ দিচ্ছি যেহেতু আপনি সাধারণত পুনর্ব্যবহারযোগ্য ভিউয়ের জন্য অ্যাডাপ্টারগুলি প্রয়োগ করেন সেই পদ্ধতিটিকে সহজতর করে এবং পুনর্গঠন করে: চাকাটিকে পুনরায় উদ্ভাবন করবেন না।

আমি আরও বলব, ডেকোরেটর বা অবহেলিত গ্রন্থাগারগুলি ব্যবহার করবেন না, পাশাপাশি কেবল 1 বা 3 টি কাজ করে এমন লাইব্রেরি ব্যবহার করবেন না, আপনাকে অন্য লাইব্রেরির প্রয়োগগুলি নিজেই মার্জ করতে হবে।


আমি উপরের পরিষেবাস্তানের সমাধানের নিজস্ব বৈকল্পিক করেছি

class HeaderItemDecoration(recyclerView: RecyclerView, private val listener: StickyHeaderInterface) : RecyclerView.ItemDecoration() {

private val headerContainer = FrameLayout(recyclerView.context)
private var stickyHeaderHeight: Int = 0
private var currentHeader: View? = null
private var currentHeaderPosition = 0

init {
    val layout = RelativeLayout(recyclerView.context)
    val params = recyclerView.layoutParams
    val parent = recyclerView.parent as ViewGroup
    val index = parent.indexOfChild(recyclerView)
    parent.addView(layout, index, params)
    parent.removeView(recyclerView)
    layout.addView(recyclerView, LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
    layout.addView(headerContainer, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)
}

override fun onDrawOver(c: Canvas, parent: RecyclerView, state: RecyclerView.State) {
    super.onDrawOver(c, parent, state)

    val topChild = parent.getChildAt(0) ?: return

    val topChildPosition = parent.getChildAdapterPosition(topChild)
    if (topChildPosition == RecyclerView.NO_POSITION) {
        return
    }

    val currentHeader = getHeaderViewForItem(topChildPosition, parent)
    fixLayoutSize(parent, currentHeader)
    val contactPoint = currentHeader.bottom
    val childInContact = getChildInContact(parent, contactPoint) ?: return

    val nextPosition = parent.getChildAdapterPosition(childInContact)
    if (listener.isHeader(nextPosition)) {
        moveHeader(currentHeader, childInContact, topChildPosition, nextPosition)
        return
    }

    drawHeader(currentHeader, topChildPosition)
}

private fun getHeaderViewForItem(itemPosition: Int, parent: RecyclerView): View {
    val headerPosition = listener.getHeaderPositionForItem(itemPosition)
    val layoutResId = listener.getHeaderLayout(headerPosition)
    val header = LayoutInflater.from(parent.context).inflate(layoutResId, parent, false)
    listener.bindHeaderData(header, headerPosition)
    return header
}

private fun drawHeader(header: View, position: Int) {
    headerContainer.layoutParams.height = stickyHeaderHeight
    setCurrentHeader(header, position)
}

private fun moveHeader(currentHead: View, nextHead: View, currentPos: Int, nextPos: Int) {
    val marginTop = nextHead.top - currentHead.height
    if (currentHeaderPosition == nextPos && currentPos != nextPos) setCurrentHeader(currentHead, currentPos)

    val params = currentHeader?.layoutParams as? MarginLayoutParams ?: return
    params.setMargins(0, marginTop, 0, 0)
    currentHeader?.layoutParams = params

    headerContainer.layoutParams.height = stickyHeaderHeight + marginTop
}

private fun setCurrentHeader(header: View, position: Int) {
    currentHeader = header
    currentHeaderPosition = position
    headerContainer.removeAllViews()
    headerContainer.addView(currentHeader)
}

private fun getChildInContact(parent: RecyclerView, contactPoint: Int): View? =
        (0 until parent.childCount)
            .map { parent.getChildAt(it) }
            .firstOrNull { it.bottom > contactPoint && it.top <= contactPoint }

private fun fixLayoutSize(parent: ViewGroup, view: View) {

    val widthSpec = View.MeasureSpec.makeMeasureSpec(parent.width, View.MeasureSpec.EXACTLY)
    val heightSpec = View.MeasureSpec.makeMeasureSpec(parent.height, View.MeasureSpec.UNSPECIFIED)

    val childWidthSpec = ViewGroup.getChildMeasureSpec(widthSpec,
            parent.paddingLeft + parent.paddingRight,
            view.layoutParams.width)
    val childHeightSpec = ViewGroup.getChildMeasureSpec(heightSpec,
            parent.paddingTop + parent.paddingBottom,
            view.layoutParams.height)

    view.measure(childWidthSpec, childHeightSpec)

    stickyHeaderHeight = view.measuredHeight
    view.layout(0, 0, view.measuredWidth, stickyHeaderHeight)
}

interface StickyHeaderInterface {

    fun getHeaderPositionForItem(itemPosition: Int): Int

    fun getHeaderLayout(headerPosition: Int): Int

    fun bindHeaderData(header: View, headerPosition: Int)

    fun isHeader(itemPosition: Int): Boolean
}
}

... এবং এখানে স্টিকিহাইডারআইনটারফেস বাস্তবায়ন করা হয়েছে (আমি এটি সরাসরি পুনর্ব্যবহারকারী অ্যাডাপ্টারে করেছিলাম):

override fun getHeaderPositionForItem(itemPosition: Int): Int =
    (itemPosition downTo 0)
        .map { Pair(isHeader(it), it) }
        .firstOrNull { it.first }?.second ?: RecyclerView.NO_POSITION

override fun getHeaderLayout(headerPosition: Int): Int {
    /* ... 
      return something like R.layout.view_header
      or add conditions if you have different headers on different positions
    ... */
}

override fun bindHeaderData(header: View, headerPosition: Int) {
    if (headerPosition == RecyclerView.NO_POSITION) header.layoutParams.height = 0
    else /* ...
      here you get your header and can change some data on it
    ... */
}

override fun isHeader(itemPosition: Int): Boolean {
    /* ...
      here have to be condition for checking - is item on this position header
    ... */
}

সুতরাং, এই ক্ষেত্রে শিরোনামটি কেবল ক্যানভাসে অঙ্কিত হচ্ছে না, তবে নির্বাচক বা রিপল, ক্লিকলিস্টার ইত্যাদির সাথে দেখুন


এখানে আমি বাহ্যিক গ্রন্থাগার ছাড়া এটি কীভাবে করব তা ব্যাখ্যা করব। এটি একটি দীর্ঘ পোস্ট হবে, তাই নিজেকে বন্ধনী।

সবার আগে, আমি @tim.paetz স্বীকৃতি @tim.paetz যার পোস্ট আমাকে ItemDecoration এস ব্যবহার করে আমার নিজের স্টিকি হেডারগুলি বাস্তবায়নের পথে যাত্রা করতে অনুপ্রাণিত করেছিল। আমি আমার প্রয়োগে তার কোডের কিছু অংশ ধার নিয়েছি।

আপনি ইতিমধ্যে অভিজ্ঞ হয়ে থাকতে পারেন, আপনি যদি নিজে এটি করার চেষ্টা করে থাকেন তবে এটি ItemDecoration কৌশলটি দিয়ে আসলে ItemDecoration করা যায় তার একটি ভাল ব্যাখ্যা পাওয়া খুব কঠিন। মানে, পদক্ষেপগুলি কী? এর পিছনে যুক্তি কী? আমি কীভাবে তালিকার শীর্ষে হেডারটিকে স্টিক করব? এই প্রশ্নের উত্তর না জেনে হ'ল অন্যেরা বাহ্যিক গ্রন্থাগারগুলি ব্যবহার করতে বাধ্য করে, ItemDecoration ব্যবহার করে ItemDecoration এটি করা খুব সহজ।

প্রাথমিক শর্তাবলি

  1. আপনার ডেটাসেটটি বিভিন্ন ধরণের আইটেমের একটি list হওয়া উচিত ("জাভা ধরণের" অর্থে নয়, তবে "শিরোনাম / আইটেম" ধরণের অর্থে)।
  2. আপনার তালিকাটি ইতিমধ্যে বাছাই করা উচিত।
  3. তালিকার প্রতিটি আইটেম নির্দিষ্ট ধরণের হওয়া উচিত - এর সাথে সম্পর্কিত একটি শিরোনাম আইটেম থাকতে হবে।
  4. list খুব প্রথম আইটেমটি শিরোনামের আইটেম হতে হবে।

এখানে আমি আমার RecyclerView.ItemDecoration জন্য সম্পূর্ণ কোড সরবরাহ করি HeaderItemDecoration তারপরে আমি গৃহীত পদক্ষেপগুলি বিস্তারিতভাবে বর্ণনা করি।

public class HeaderItemDecoration extends RecyclerView.ItemDecoration {

 private StickyHeaderInterface mListener;
 private int mStickyHeaderHeight;

 public HeaderItemDecoration(RecyclerView recyclerView, @NonNull StickyHeaderInterface listener) {
  mListener = listener;

  // On Sticky Header Click
  recyclerView.addOnItemTouchListener(new RecyclerView.OnItemTouchListener() {
   public boolean onInterceptTouchEvent(RecyclerView recyclerView, MotionEvent motionEvent) {
    if (motionEvent.getY() <= mStickyHeaderHeight) {
     // Handle the clicks on the header here ...
     return true;
    }
    return false;
   }

   public void onTouchEvent(RecyclerView recyclerView, MotionEvent motionEvent) {

   }

   public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {

   }
  });
 }

 @Override
 public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
  super.onDrawOver(c, parent, state);

  View topChild = parent.getChildAt(0);
  if (Util.isNull(topChild)) {
   return;
  }

  int topChildPosition = parent.getChildAdapterPosition(topChild);
  if (topChildPosition == RecyclerView.NO_POSITION) {
   return;
  }

  View currentHeader = getHeaderViewForItem(topChildPosition, parent);
  fixLayoutSize(parent, currentHeader);
  int contactPoint = currentHeader.getBottom();
  View childInContact = getChildInContact(parent, contactPoint);
  if (Util.isNull(childInContact)) {
   return;
  }

  if (mListener.isHeader(parent.getChildAdapterPosition(childInContact))) {
   moveHeader(c, currentHeader, childInContact);
   return;
  }

  drawHeader(c, currentHeader);
 }

 private View getHeaderViewForItem(int itemPosition, RecyclerView parent) {
  int headerPosition = mListener.getHeaderPositionForItem(itemPosition);
  int layoutResId = mListener.getHeaderLayout(headerPosition);
  View header = LayoutInflater.from(parent.getContext()).inflate(layoutResId, parent, false);
  mListener.bindHeaderData(header, headerPosition);
  return header;
 }

 private void drawHeader(Canvas c, View header) {
  c.save();
  c.translate(0, 0);
  header.draw(c);
  c.restore();
 }

 private void moveHeader(Canvas c, View currentHeader, View nextHeader) {
  c.save();
  c.translate(0, nextHeader.getTop() - currentHeader.getHeight());
  currentHeader.draw(c);
  c.restore();
 }

 private View getChildInContact(RecyclerView parent, int contactPoint) {
  View childInContact = null;
  for (int i = 0; i < parent.getChildCount(); i++) {
   View child = parent.getChildAt(i);
   if (child.getBottom() > contactPoint) {
    if (child.getTop() <= contactPoint) {
     // This child overlaps the contactPoint
     childInContact = child;
     break;
    }
   }
  }
  return childInContact;
 }

 /**
  * Properly measures and layouts the top sticky header.
  * @param parent ViewGroup: RecyclerView in this case.
  */
 private void fixLayoutSize(ViewGroup parent, View view) {

  // Specs for parent (RecyclerView)
  int widthSpec = View.MeasureSpec.makeMeasureSpec(parent.getWidth(), View.MeasureSpec.EXACTLY);
  int heightSpec = View.MeasureSpec.makeMeasureSpec(parent.getHeight(), View.MeasureSpec.UNSPECIFIED);

  // Specs for children (headers)
  int childWidthSpec = ViewGroup.getChildMeasureSpec(widthSpec, parent.getPaddingLeft() + parent.getPaddingRight(), view.getLayoutParams().width);
  int childHeightSpec = ViewGroup.getChildMeasureSpec(heightSpec, parent.getPaddingTop() + parent.getPaddingBottom(), view.getLayoutParams().height);

  view.measure(childWidthSpec, childHeightSpec);

  view.layout(0, 0, view.getMeasuredWidth(), mStickyHeaderHeight = view.getMeasuredHeight());
 }

 public interface StickyHeaderInterface {

  /**
   * This method gets called by {@link HeaderItemDecoration} to fetch the position of the header item in the adapter
   * that is used for (represents) item at specified position.
   * @param itemPosition int. Adapter's position of the item for which to do the search of the position of the header item.
   * @return int. Position of the header item in the adapter.
   */
  int getHeaderPositionForItem(int itemPosition);

  /**
   * This method gets called by {@link HeaderItemDecoration} to get layout resource id for the header item at specified adapter's position.
   * @param headerPosition int. Position of the header item in the adapter.
   * @return int. Layout resource id.
   */
  int getHeaderLayout(int headerPosition);

  /**
   * This method gets called by {@link HeaderItemDecoration} to setup the header View.
   * @param header View. Header to set the data on.
   * @param headerPosition int. Position of the header item in the adapter.
   */
  void bindHeaderData(View header, int headerPosition);

  /**
   * This method gets called by {@link HeaderItemDecoration} to verify whether the item represents a header.
   * @param itemPosition int.
   * @return true, if item at the specified adapter's position represents a header.
   */
  boolean isHeader(int itemPosition);
 }
}

ব্যবসায় যুক্তি

তো, আমি কীভাবে এটি স্টিক করব?

আপনি না। আপনি নিজের পছন্দমতো কোনও RecyclerView আইটেমটি কেবল থামাতে এবং উপরে আটকে রাখতে পারবেন না, যদি না আপনি কাস্টম বিন্যাসের গুরু হন এবং আপনি যদি হৃদয় দিয়ে একজন RecyclerView ভিউয়ের জন্য 12,000+ লাইন কোড জানেন না। সুতরাং, যেমন এটি সর্বদা ইউআই ডিজাইনের সাথে চলে আপনি যদি কিছু তৈরি করতে না পারেন তবে এটি জাল করুন। আপনি কেবল Canvas ব্যবহার করে সমস্ত কিছুর শীর্ষে শিরোনাম Canvas । এই মুহুর্তে ব্যবহারকারী কোন আইটেম দেখতে পাবে তাও আপনার জানা উচিত। এটি ঠিক ঘটে, ItemDecoration আপনাকে Canvas এবং দৃশ্যমান আইটেমগুলি সম্পর্কে উভয়ই সরবরাহ করতে পারে। এটির সাথে, এখানে প্রাথমিক পদক্ষেপগুলি রয়েছে:

  1. onDrawOver এর onDrawOver পদ্ধতিতে onDrawOver ব্যবহারকারীকে দৃশ্যমান এমন প্রথম (শীর্ষ) আইটেমটি পান।

        View topChild = parent.getChildAt(0);
  2. কোন শিরোলেখ এটি উপস্থাপন করে তা নির্ধারণ করুন।

            int topChildPosition = parent.getChildAdapterPosition(topChild);
        View currentHeader = getHeaderViewForItem(topChildPosition, parent);
  3. drawHeader() পদ্ধতিটি ব্যবহার করে drawHeader() শীর্ষে যথাযথ শিরোনাম আঁকুন।

নতুন আসন্ন শিরোনাম যখন শীর্ষের সাথে মিলিত হয় তখন আমি আচরণটিও বাস্তবায়িত করতে চাই: আসন্ন শিরোনামটি আস্তে আস্তে শীর্ষের বর্তমান শিরোনামটিকে দৃষ্টির বাইরে ঠেলে দেয় এবং অবশেষে তার স্থান নেয়।

"সমস্ত কিছুর উপরে অঙ্কন" করার একই কৌশল এখানে প্রয়োগ হয়।

  1. শীর্ষ "আটকে থাকা" শিরোনামটি নতুন আসন্নটির সাথে মিলবে কিনা তা নির্ধারণ করুন।

            View childInContact = getChildInContact(parent, contactPoint);
  2. এই যোগাযোগের বিন্দুটি পান (এটি আপনার স্ট্রিচের শীর্ষের নীচের অংশ এবং আসন্ন শিরোনামের শীর্ষে)।

            int contactPoint = currentHeader.getBottom();
  3. তালিকার আইটেমটি যদি এই "যোগাযোগের বিন্দু "টিকে ত্রুটিযুক্ত করে তোলে তবে আপনার স্টিকি হেডারটি আবার আঁকুন যাতে এর নীচের অংশটি দোষী আইটেমের শীর্ষে থাকবে। আপনি Canvas translate() পদ্ধতিতে এটি অর্জন করতে পারেন। ফলস্বরূপ, শীর্ষ শিরোনামের প্রারম্ভিক বিন্দু দৃশ্যমান ক্ষেত্রের বাইরে চলে যাবে এবং এটি "আসন্ন শিরোনাম দ্বারা ধাক্কা খাওয়া" বলে মনে হবে। এটি সম্পূর্ণরূপে শেষ হয়ে গেলে, শীর্ষে নতুন শিরোনামটি আঁকুন।

            if (childInContact != null) {
            if (mListener.isHeader(parent.getChildAdapterPosition(childInContact))) {
                moveHeader(c, currentHeader, childInContact);
            } else {
                drawHeader(c, currentHeader);
            }
        }

বাকিটি আমার দেওয়া কোডের টুকরোটিতে মন্তব্য এবং পুঙ্খানুপুঙ্খ টিকা দ্বারা ব্যাখ্যা করা হয়েছে।

ব্যবহারটি সরাসরি এগিয়ে রয়েছে:

mRecyclerView.addItemDecoration(new HeaderItemDecoration((HeaderItemDecoration.StickyHeaderInterface) mAdapter));

এটির কাজ করার জন্য আপনার mAdapter অবশ্যই mAdapter প্রয়োগ করতে হবে। বাস্তবায়ন আপনার থাকা ডেটার উপর নির্ভর করে।

অবশেষে, আমি এখানে অর্ধ-স্বচ্ছ শিরোনাম সহ একটি জিআইএফ সরবরাহ করি, যাতে আপনি ধারণাটি উপলব্ধি করতে পারেন এবং প্রকৃতপক্ষে হুডের নীচে কী চলছে তা দেখতে পারেন।

এখানে "সমস্ত কিছুর উপরে কেবল আঁকুন" ধারণাটির চিত্রণ দেওয়া আছে। আপনি দেখতে পাচ্ছেন যে দুটি শিরোনাম রয়েছে "শিরোনাম 1" - একটি যা আমরা আঁকতে পারি এবং আটকে থাকা অবস্থায় শীর্ষে থাকি এবং অন্যটি যা ডেটাসেট থেকে আসে এবং বাকী সমস্ত আইটেম নিয়ে চলে যায়। ব্যবহারকারী এর অভ্যন্তরীণ কাজগুলি দেখতে পাবে না, কারণ আপনার অর্ধ-স্বচ্ছ শিরোনাম পাবেন না।

এবং এখানে "পুশিং আউট" পর্বে কী ঘটে:

আশা করি এটি সাহায্য করেছে।

সম্পাদন করা

এখানে আমার রিসাইক্লারভিউ অ্যাডাপ্টারে getHeaderPositionForItem() পদ্ধতি বাস্তব বাস্তবায়ন:

@Override
public int getHeaderPositionForItem(int itemPosition) {
    int headerPosition = 0;
    do {
        if (this.isHeader(itemPosition)) {
            headerPosition = itemPosition;
            break;
        }
        itemPosition -= 1;
    } while (itemPosition >= 0);
    return headerPosition;
}

কোটলিনে কিছুটা ভিন্ন বাস্তবায়ন


যারা উদ্বেগ করতে পারে তাদের জন্য। সেবাদাস্তানের উত্তরের ভিত্তিতে, আপনি কি এটি অনুভূমিক স্ক্রোল তৈরি করতে চান। কেবলমাত্র সমস্ত getBottom() getRight() এবং getTop() তে getLeft()





sticky