Add chart index display to SpecialChartAdapter

Introduced a new TextView to show the chart index in each item of the SpecialChartAdapter. Updated the item layout to include an index badge with a custom background and adjusted layout structure for better visual grouping.

Author: AAChartModel

sample/src/main/java/com/github/aachartmodel/aainfographics/demo/basiccontent/SpecialChartAdapter.kt

@@ -19,6 +19,7 @@ class SpecialChartAdapter(
 ) : RecyclerView.Adapter<SpecialChartAdapter.ViewHolder>() {
 
     class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+        val indexTextView: TextView = view.findViewById(R.id.tv_chart_index)
         val nameTextView: TextView = view.findViewById(R.id.tv_chart_name)
         val aaChartView: AAChartView = view.findViewById(R.id.aa_chart_view)
     }
@@ -30,6 +31,7 @@ class SpecialChartAdapter(
 
     override fun onBindViewHolder(holder: ViewHolder, position: Int) {
         val item = chartItems[position]
+        holder.indexTextView.text = "${position + 1}."
         holder.nameTextView.text = item.name
         val aaChartModel = getChartModel(item.chartType)
         holder.aaChartView.aa_drawChartWithChartModel(aaChartModel)

sample/src/main/res/drawable/index_background.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="#2196F3" />
+</shape>

sample/src/main/res/layout/item_special_chart.xml

@@ -5,24 +5,44 @@
     android:layout_height="wrap_content"
     android:padding="8dp">
 
-    <TextView
-        android:id="@+id/tv_chart_name"
+    <LinearLayout
+        android:id="@+id/ll_chart_header"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="8dp"
-        android:textSize="16sp"
-        android:textStyle="bold"
+        android:orientation="horizontal"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="parent">
+
+        <TextView
+            android:id="@+id/tv_chart_index"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:layout_marginEnd="8dp"
+            android:background="@drawable/index_background"
+            android:gravity="center"
+            android:padding="2dp"
+            android:textColor="@android:color/white"
+            android:textSize="12sp"
+            android:textStyle="bold" />
+
+        <TextView
+            android:id="@+id/tv_chart_name"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:textSize="16sp"
+            android:textStyle="bold" />
+    </LinearLayout>
 
     <com.github.aachartmodel.aainfographics.aachartcreator.AAChartView
         android:id="@+id/aa_chart_view"
         android:layout_width="0dp"
         android:layout_height="300dp"
+        android:layout_marginTop="8dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/tv_chart_name" />
+        app:layout_constraintTop_toBottomOf="@id/ll_chart_header" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>