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>