Android中使用itemdecoration實(shí)現(xiàn)時間線效果
代碼如下:
// 時間線裝飾器public class TimeLineDecoration extends RecyclerView.ItemDecoration { private Paint mPaint; public TimeLineDecoration() { mPaint = new Paint(); mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(Color.BLUE); mPaint.setStrokeWidth(5); } @Override public void onDraw(@NonNull Canvas c, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) { super.onDraw(c, parent, state); RecyclerView.LayoutManager layoutManager = parent.getLayoutManager(); // 這里的childcount為可見item的個數(shù)。 與item的個數(shù)不一定相同。 int childCount = parent.getChildCount(); for (int i = 0; i < childCount; i++) { View child = parent.getChildAt(i); // 避免硬編碼,這里通過代碼獲取在getItemOffsets方法中設(shè)置的寬度 int leftDecoWidth = layoutManager.getLeftDecorationWidth(child); // 根據(jù)position獲取當(dāng)前的數(shù)據(jù),然后根據(jù)數(shù)據(jù)狀態(tài)繪制不同的形狀 int position = parent.getChildAdapterPosition(child); int cx = leftDecoWidth / 2; int cy = child.getTop() + child.getHeight() / 2; int radius = 20; if (position == 2) {c.drawRect(cx - radius, cy - radius, cx + radius, cy + radius, mPaint); } else if (position == 4) {// 繪制外圈為空心圓,內(nèi)圈為實(shí)心圓mPaint.setStyle(Paint.Style.STROKE);c.drawCircle(cx, cy, radius, mPaint);mPaint.setStyle(Paint.Style.FILL);c.drawCircle(cx, cy, radius >> 1, mPaint); } else {c.drawCircle(cx, cy, radius, mPaint); } // 繪制item中間的連接線,第一個item與最后一個item的連接線需單獨(dú)處理一下。 if (position == 0) {c.drawLine(cx, cy + mPaint.getStrokeWidth() + radius, cx, child.getBottom(), mPaint); } else if (position == parent.getAdapter().getItemCount() - 1) {c.drawLine(cx, child.getTop(), cx, cy - mPaint.getStrokeWidth() - radius, mPaint); } else {c.drawLine(cx, cy + mPaint.getStrokeWidth() + radius, cx, child.getBottom(), mPaint);c.drawLine(cx, child.getTop(), cx, cy - mPaint.getStrokeWidth() - radius, mPaint); } } } @Override public void onDrawOver(@NonNull Canvas c, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) { super.onDrawOver(c, parent, state); // 不受outRect設(shè)置的范圍影響,可以繪制在item上。 } @Override public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) { super.getItemOffsets(outRect, view, parent, state); // 在item左邊留下100像素的空間。 item的布局會在減掉這100像素后處理。 outRect.left = 100; }}
然后將該itemdecoration設(shè)置到recyclerview上。
RecyclerAdapter adapter = new RecyclerAdapter(this, data);mRecyclerView.setLayoutManager(new LinearLayoutManager(this));mRecyclerView.addItemDecoration(new TimeLineDecoration());mRecyclerView.setAdapter(adapter);
實(shí)現(xiàn)效果如下:

之前在其他地方學(xué)習(xí)到,還可以通過在item layout中實(shí)現(xiàn)時間線的效果。
參考:1、啟艦博客。
到此這篇關(guān)于Android中使用itemdecoration實(shí)現(xiàn)時間線效果的文章就介紹到這了,更多相關(guān)itemdecoration實(shí)現(xiàn)時間線內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. ASP基礎(chǔ)知識VBScript基本元素講解2. Python3 json模塊之編碼解碼方法講解3. python 使用事件對象asyncio.Event來同步協(xié)程的操作4. 使用Python webdriver圖書館搶座自動預(yù)約的正確方法5. Python 合并拼接字符串的方法6. Python字符串到字節(jié)的轉(zhuǎn)換。雙反斜杠問題7. Linux刪除系統(tǒng)自帶版本Python過程詳解8. Python sublime安裝及配置過程詳解9. ASP.NET MVC使用jQuery ui的progressbar實(shí)現(xiàn)進(jìn)度條10. python為什么叫爬蟲?

網(wǎng)公網(wǎng)安備