Styjun

I have a custom view that has a circle animation using a runnable (circle bounces between edges of the screen horizontally). This is working outside of the recyclerview, but what I'm having trouble with is adding the circle animation inside the list.

Circle Animation Class

public class CircleAnimationView extends View 

 Handler handler = new Handler(Looper.getMainLooper());
 int mCircleRadius, mCircleSpeed, mCircleX, mCenterX, mCircleDirection, 
mColor;
 Paint mBodyPaint;
 boolean initPos = true;
 final long COUNT_INTERVAL = 16L;

 public CircleAnimationView(Context context) 
 this(context,null);
 

 public CircleAnimationView(Context context, @Nullable AttributeSet 
attrs) 
 super(context,attrs);

 mCircleRadius = (int)dpToPx(10);

 TypedArray array = context.obtainStyledAttributes(attrs, 
R.styleable.CircleAnimationView);

 array.recycle();

 initPaints();

 mUpdateCircleRunnable.run();
 

 private void initPaints() 
 mBodyPaint = new Paint();
 mBodyPaint.setColor(Color.BLACK);
 

 @Override
 protected void onDraw(Canvas canvas) 
 super.onDraw(canvas);
 mCenterX = getWidth()/2;
 if (initPos)
 canvas.drawCircle(mCenterX,100,mCircleRadius,mBodyPaint);
 initPos = false;
 canvas.drawCircle(mCircleX,100,mCircleRadius,mBodyPaint);
 

 private float dpToPx(int dpValue) 
 return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 
dpValue, getResources().getDisplayMetrics());
 

 public void addRadius(int radius)
 mCircleRadius = radius;
 

 public void addSpeed(int speed)
 mCircleSpeed = speed;
 

 public void addColor(int color)
 mColor = color;
 

 Runnable mUpdateCircleRunnable = () -> setmUpdateCircleRunnable();

 public void setmUpdateCircleRunnable() 

Adapter Class

public class CircleAnimationAdapter extends 
RecyclerView.Adapter<RecyclerView.ViewHolder> 

 Context mContext;
 private List<Circle> properties;
 View.OnClickListener mClickListener;
 CircleAnimationView circle;

 private int mSelectedPosition = Adapter.NO_SELECTION;

 public CircleAnimationAdapter(Context context, List<Circle> circleList, 
View.OnClickListener listener) 
 mContext = context;
 properties = circleList;
 mClickListener = listener;
 

 @Override
 public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int 
 viewType) 
 View view = View.inflate(mContext, 
 R.layout.fragment_circleanimation, null);
 RecyclerViewHolder holder = new RecyclerViewHolder(view);

 return holder;
 

 @Override
 public void onBindViewHolder(RecyclerView.ViewHolder holder, int 
 position) 
 RecyclerViewHolder viewHolder = (RecyclerViewHolder) holder;
 Canvas canvas = new Canvas();
 ((RecyclerViewHolder) holder).circle.draw(canvas);

 circle = new CircleAnimationView(mContext);
 circle.addRadius(properties.get(position).getRadius());
 circle.addSpeed(properties.get(position).getSpeed());
 circle.addColor(properties.get(position).getColor());

 viewHolder.itemView.setOnClickListener(mClickListener);
 viewHolder.itemView.setTag(position);
 

 @Override
 public int getItemCount() 
 return properties.size();
 

 public void setSelectedPosition(int position) 
 mSelectedPosition = position == mSelectedPosition ? 
 Adapter.NO_SELECTION : position;
 notifyDataSetChanged();
 

 public int getSelectedPosition() 
 return mSelectedPosition;
 

 public boolean isPositionSelected() 
 return mSelectedPosition != Adapter.NO_SELECTION;
 

 private class RecyclerViewHolder extends RecyclerView.ViewHolder 

 CircleAnimationView circle;

 RecyclerViewHolder(View view) 
 super(view);
 circle = new CircleAnimationView(mContext);
 

 public void bindCircle(Circle objCircle) 
 //circle.draw();
 circle.invalidate();
 
 

Fragment Class

public class CircleAnimationFragment extends Fragment 

 RecyclerView mRecyclerView;
 CircleAnimationAdapter mAdapter;

 @Override
 public void onActivityCreated(@Nullable Bundle savedInstanceState) 
 super.onActivityCreated(savedInstanceState);
 configureListView();
 mRecyclerView.setLayoutManager(new 
LinearLayoutManager(getActivity()));
 mRecyclerView.setAdapter(mAdapter);
 

 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container, 
Bundle savedInstanceState) 
 View view = inflater.inflate(R.layout.fragment_circleanimation_list, 
container, false);
 mRecyclerView = view.findViewById(R.id.list);

 return view;
 

 private void configureListView() 
 List<CircleAnimationView> circles = new ArrayList<>(1);
 circles.add(new CircleAnimationView(getActivity(),null));
 

XML main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_height="match_parent"
android:layout_width="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android">

<TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@string/example"
 android:id="@+id/exampleHead"
 android:gravity="center"
 android:layout_centerHorizontal="true"/>

<com.mdadi.circleanimation.CircleAnimationView
 android:layout_width="match_parent"
 android:layout_height="80dp"
 android:layout_below="@+id/exampleHead"
 android:id="@+id/example"/>

<TextView
 android:id="@+id/customHead"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_below="@+id/example"
 android:layout_centerHorizontal="true"
 android:gravity="center"
 android:text="@string/custom" />

<android.support.v7.widget.RecyclerView 
xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/list"
 android:name="com.mdadi.circleanimation.CircleAnimationFragment"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginLeft="16dp"
 android:layout_marginRight="16dp"
 app:layoutManager="LinearLayoutManager"
 tools:context=".CircleAnimationFragment"
 tools:listitem="@layout/fragment_circleanimation"
 android:layout_below="@+id/customHead"
 android:layout_centerHorizontal="true" />

<TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@string/radius"
 android:labelFor="@+id/radius_input"
 android:id="@+id/radius_label"
 android:layout_alignParentStart="true"
 android:layout_alignBottom="@+id/speed_label"/>

<EditText
 android:layout_width="50dp"
 android:layout_height="wrap_content"
 android:inputType="number"
 android:id="@+id/radius_input"
 android:layout_toEndOf="@+id/radius_label"
 android:layout_alignBottom="@+id/speed_label"/>

<TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@string/speed"
 android:labelFor="@+id/speed_input"
 android:id="@+id/speed_label"
 android:layout_above="@+id/btn_add"
 android:layout_toStartOf="@+id/speed_input"/>

<TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@string/color"
 android:layout_alignParentBottom="true"
 android:id="@+id/color_label"
 android:layout_marginBottom="5dp"/>

<Button
 android:layout_width="25dp"
 android:layout_height="25dp"
 android:id="@+id/red"
 android:background="@color/red"
 android:layout_centerInParent="true"
 android:layout_toEndOf="@+id/color_label"
 android:layout_alignParentBottom="true"
 android:layout_marginStart="10dp"
 android:layout_marginBottom="5dp"/>

<Button
 android:layout_width="25dp"
 android:layout_height="25dp"
 android:id="@+id/orange"
 android:background="@color/orange"
 android:layout_centerInParent="true"
 android:layout_toEndOf="@+id/red"
 android:layout_alignParentBottom="true"
 android:layout_marginStart="10dp"
 android:layout_marginBottom="5dp"/>

<Button
 android:layout_width="25dp"
 android:layout_height="25dp"
 android:id="@+id/green"
 android:background="@color/green"
 android:layout_centerInParent="true"
 android:layout_toEndOf="@+id/orange"
 android:layout_alignParentBottom="true"
 android:layout_marginStart="10dp"
 android:layout_marginBottom="5dp"/>

<Button
 android:layout_width="25dp"
 android:layout_height="25dp"
 android:id="@+id/blue"
 android:background="@color/blue"
 android:layout_centerInParent="true"
 android:layout_toEndOf="@+id/green"
 android:layout_alignParentBottom="true"
 android:layout_marginStart="10dp"
 android:layout_marginBottom="5dp"/>

<Button
 android:layout_width="25dp"
 android:layout_height="25dp"
 android:id="@+id/yellow"
 android:background="@color/yellow"
 android:layout_centerInParent="true"
 android:layout_toEndOf="@+id/blue"
 android:layout_alignParentBottom="true"
 android:layout_marginStart="10dp"
 android:layout_marginBottom="5dp"/>

<EditText
 android:layout_width="50dp"
 android:layout_height="wrap_content"
 android:inputType="number"
 android:id="@+id/speed_input"
 android:layout_alignParentEnd="true"
 android:layout_above="@+id/btn_add"/>

<Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:id="@+id/btn_add"
 android:text="@string/add"
 android:layout_alignParentEnd="true"
 android:layout_alignParentBottom="true"/>

<!--adder for circle speed-->

</RelativeLayout>

Any help would be appreciated on this, first time doing this type of program and pretty desperate...