RecyclerChart动态属性图标联动数据动态加载怎么实现

其他教程   发布日期:2023年07月22日   浏览次数:603

本篇内容介绍了“RecyclerChart动态属性图标联动数据动态加载怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

图表联动

类似于股票的K线跟底部成交量Barchat图表,这里也是上下两个Chart图表,笔者在写到这里的时候,突然间有个大胆的想法,就是完全可以在一个Chart里去绘制上下两部分的数据展现,这样的话也不会存在两个图表联动的问题,同时可能会因为少了一个Chart,性能更好。

好了,这里先讲目前的实现方式。MPAndroidChart中的两个上下两个图表也可以实现连动的方式实现,通过OnChartGestureListener接口实现。因为RecyclerChart是基于Recyclerview 实现的,所以其实只需实现两个Recylcerview的联动即可。

如下在recyclerBarChart 的滑动监听中 同步处理recyclerLineChart的滑动,同样包括回溯的滑动。

  1. recyclerBarChart.addOnScrollListener(new RecyclerView.OnScrollListener() {
  2. private boolean isRightScrollInner;
  3. @Override
  4. public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
  5. super.onScrollStateChanged(recyclerView, newState);
  6. if (newState == RecyclerView.SCROLL_STATE_IDLE) {
  7. ....
  8. //回溯
  9. if (mBarChartAttrs.enableScrollToScale) {
  10. int scrollToByDx = ChartComputeUtil.computeScrollByXOffset(recyclerView, displayNumber, getXAxisType());
  11. recyclerView.scrollBy(scrollToByDx, 0);
  12. recyclerLineChart.scrollBy(scrollToByDx, 0);
  13. }
  14. .....
  15. }
  16. }
  17. @Override
  18. public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
  19. super.onScrolled(recyclerView, dx, dy);
  20. //判断左滑,右滑时,ScrollView的位置不一样。
  21. isRightScrollInner = dx < 0;
  22. if (recyclerBarChart.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
  23. mItemGestureListener.resetSelectedBarEntry();//清除recyclerLineChart的长按。
  24. recyclerLineChart.scrollBy(dx, dy);
  25. }
  26. }
  27. });

同样的,在线性表 recyclerLineChart 的滑动监听里需要同步处理recyclerBarChart的滑动,代码类似。

数据动态加载

其实类似于分页加载数据,跟纵向vertical加载类似,这里是横向horizontal处理的,同样在上面的监听的Listener里面处理 当条件 !

recyclerView.canScrollHorizontally(-1) 左滑不动,加载数据到左边,这里LayoutManager因为 reverse的,所以是 DataList.addAll(list);

当!recyclerView.canScrollHorizontally(1) 右滑不动是,DataList.addAll(0, list)

  1. @Override
  2. public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
  3. super.onScrollStateChanged(recyclerView, newState);
  4. if (newState == RecyclerView.SCROLL_STATE_IDLE) {
  5. //加载更多
  6. if (!recyclerView.canScrollHorizontally(-1) && isRightScrollInner) {//左滑不动
  7. loadData(updateUI(start))
  8. } else if (!recyclerView.canScrollHorizontally(1)) {//右滑不动
  9. loadData(updateUI(end))
  10. }
  11. }
  12. }

回溯

这里先介绍一下实现方案:笔者在构建Entry的时候埋了一个type的钩子,当Entry属于日周月视图的边界,比如日视图的0点,周视图的周一,月视图的1号,通常情况下是这个Item的左边界;但是当RTL时需要特殊处理。

第二,当停下来的时候,遍历当前屏幕显示的Items时,当不对齐的时候,这里必定存在一个上述提到的特殊边界的Item,计算它到Chart边界的(不包含XAis)的距离,存到一个DistanceCompare的对象中。

第三, 在RecyclerView松手Fling停止的时候,计算上面的DistanceCompare对象中的,distanceLeft、distanceRight; 根据 isNearLeft() 去判断是向左,还是向右回弹,isNearLeft() true 向左,否则向右。

  1. //月线靠近左边
  2. public boolean isNearLeft(){
  3. return distanceLeft < distanceRight;
  4. }
  5. //计算 DistanceCompare
  6. private static <T extends RecyclerBarEntry> DistanceCompare findDisplayFirstTypePosition(RecyclerView recyclerView, int displayNumbers) {
  7. LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();
  8. DistanceCompare distanceCompare = new DistanceCompare(0, 0);
  9. BaseBarChartAdapter adapter = (BaseBarChartAdapter) recyclerView.getAdapter();
  10. if (null == manager || null == adapter) {
  11. return distanceCompare;
  12. }
  13. List<T> entries = adapter.getEntries();
  14. int firstVisibleItemPosition = manager.findFirstVisibleItemPosition();
  15. int position = firstVisibleItemPosition; //从右边的第一个View开始找
  16. int parentRight = recyclerView.getWidth() - recyclerView.getPaddingRight();
  17. int parentLeft = recyclerView.getPaddingLeft();
  18. for (int i = 0; i < displayNumbers; i++) {
  19. if (i > 0) {
  20. position++;
  21. }
  22. if (position >= 0 && position < entries.size()) {
  23. T barEntry = entries.get(position);
  24. if (barEntry.type == RecyclerBarEntry.TYPE_XAXIS_FIRST || barEntry.type == RecyclerBarEntry.TYPE_XAXIS_SPECIAL) {
  25. distanceCompare.position = position;
  26. View positionView = manager.findViewByPosition(position);
  27. if (null != positionView){
  28. int viewLeft = positionView.getLeft();
  29. int viewRight = positionView.getRight();
  30. distanceCompare.distanceRight = parentRight - viewRight;
  31. distanceCompare.distanceLeft = viewLeft - parentLeft;
  32. }
  33. distanceCompare.setBarEntry(barEntry);
  34. break;
  35. }
  36. }
  37. }
  38. return distanceCompare;
  39. }

根据 distanceCompare 计算 scrollByXOffset:简单的数学计算,不过需要仔细。

  1. public static <T extends RecyclerBarEntry> int computeScrollByXOffset(RecyclerView recyclerView, int displayNumbers, int type) {
  2. DistanceCompare distanceCompare = findDisplayFirstTypePosition(recyclerView, displayNumbers);
  3. LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();
  4. BaseBarChartAdapter adapter = (BaseBarChartAdapter) recyclerView.getAdapter();
  5. if (null == adapter) {
  6. return 0;
  7. }
  8. List<T> entries = adapter.getEntries();
  9. int positionCompare = distanceCompare.position;
  10. //T entry = entries.get(positionCompare);
  11. View compareView = manager.findViewByPosition(positionCompare);
  12. if (null == compareView) {
  13. return 0;
  14. }
  15. int compareViewRight = compareView.getRight();
  16. int compareViewLeft = compareView.getLeft();
  17. int childWidth = compareView.getWidth();
  18. int parentLeft = recyclerView.getPaddingLeft();
  19. int parentRight = recyclerView.getWidth() - recyclerView.getPaddingRight();
  20. int scrollByXOffset;
  21. if (distanceCompare.isNearLeft()) {
  22. //靠近左边,content左移,recyclerView右移,取正。
  23. //情况 1.
  24. int distance = AppUtils.isRTLDirection() ? compareViewLeft - parentLeft
  25. : compareViewRight - parentLeft;//原始调整距离
  26. if (positionCompare < displayNumbers + 1) {
  27. //防止 positionCompare过大,计算firstViewRight时,int越界
  28. int firstViewRight = compareViewRight + positionCompare * childWidth;
  29. int distanceRightBoundary = Math.abs(firstViewRight - parentRight);//右边界
  30. if (distanceRightBoundary < distance) { //content左移不够,顶到头,用distanceRightBoundary
  31. distance = distanceRightBoundary;
  32. }
  33. }
  34. scrollByXOffset = distance;
  35. } else {//靠近右边,content右移,recyclerView左移,取负。
  36. int distance = AppUtils.isRTLDirection()?parentRight - compareViewLeft :
  37. parentRight - compareViewRight;//原始调整距离
  38. if (entries.size() - positionCompare < displayNumbers) {
  39. //这个值会为负的。
  40. int lastViewLeft = compareViewLeft - (entries.size() - 1 - positionCompare) * childWidth;
  41. int distanceLeftBoundary = Math.abs(parentLeft - lastViewLeft);
  42. //右边 - 左边,因为 lastViewLeft是负值,实际上是两值相加。
  43. if (distanceLeftBoundary < distance) {//content右移不够,顶到头,distanceLeftBoundary
  44. distance = distanceLeftBoundary;
  45. }
  46. }
  47. //记得取负, scrollBy的话f
  48. scrollByXOffset = distance - 2 * distance;
  49. }
  50. return scrollByXOffset;
  51. }

最终也在onScrollStateChanged 实现回溯:

  1. @Override
  2. public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
  3. super.onScrollStateChanged(recyclerView, newState);
  4. if (newState == RecyclerView.SCROLL_STATE_IDLE) {
  5. .....
  6. //回溯
  7. if (mBarChartAttrs.enableScrollToScale) {
  8. int scrollToByDx = ChartComputeUtil.computeScrollByXOffset(
  9. recyclerView, displayNumber, getXAxisType());
  10. recyclerView.scrollBy(scrollToByDx, 0);
  11. recyclerLineChart.scrollBy(scrollToByDx, 0);
  12. }
  13. ......
  14. }
  15. }

以上就是RecyclerChart动态属性图标联动数据动态加载怎么实现的详细内容,更多关于RecyclerChart动态属性图标联动数据动态加载怎么实现的资料请关注九品源码其它相关文章!