在 carouse android 中为每张照片设置标题和描述

我正在为我的应用程序使用 carouselView 库。https://github.com/sayyam/carouselview

图像正在显示，轮播正在工作，但如何在每个图像滑动时在每个图像下方设置标题和描述。

我有一个包含每个图像的所有标题和文本的字符串。

e.g

<string name="first_image_title">First image title</string>
<string name="first_image_desc">This is a description for first image title</string>

<string name="second_image_title">2nd image title</string>
<string name="second_image_desc">This is a description for the second image title</string>

<string name="third_image_title">3rd image title</string>
<string name="third_image_desc">This is a description for the third image title</string>

所有这些都应该放置在滑动图像下方（对于每个图像）。

片段_安全.xml

包含图像以及每个图像的标题和描述的位置

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="fragments.SafetyFragment">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/tabContent"
    android:background="@drawable/rounded_corner2">

    <com.synnapps.carouselview.CarouselView
        android:id="@+id/carouselView"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:fillColor="#FFFFFFFF"
        app:pageColor="#00000000"
        app:radius="6dp"
        app:slideInterval="5000"
        app:strokeColor="#FF777777"
        app:strokeWidth="1dp"/>

 <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textTitle"
        android:layout_below="@+id/carouselView"/>

   <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textDesc"
        android:layout_below="@+id/textTitle"/>

</RelativLayout>

安全片段.java

根据文档，我应该为 customView 实现 ViewListener，但我无法思考如何做到这一点......获取字符串中的所有标题和描述，并为每个滑动图像设置它们。

public class SafetyFragment extends Fragment {

private CarouselView carouselView;
private int[] sampleImages = {R.drawable.image1, 
R.drawable.image2, R.drawable.image3, 
R.drawable.image4, R.drawable.image5, 
R.drawable.image6};

public SafetyFragment() {
    // Required empty public constructor
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
   View root = inflater.inflate(R.layout.fragment_safety, container, false);
   carouselView = root.findViewById(R.id.carouselView);


    ImageListener imagesListenerx = new ImageListener() {
        @Override
        public void setImageForPosition(int position, ImageView imageView) {
            Glide.with(SafetyFragment.this).load(sampleImages[position]).into(imageView);
        }
    };

    ViewListener viewListener = new ViewListener() {
        @Override
        public View setViewForPosition(int position) {
            View customView = getLayoutInflater().inflate(R.layout.fragment_safety, null);
            //set view attributes here

            return customView;
        }
    };

    carouselView.setPageCount(sampleImages.length);
    carouselView.setViewListener(viewListener);

   return root;
 }

}

我找到了一种方法来做到这一点。

1.为每个轮播中要显示的每个文本声明一个字符串数组

private String[] titles = {"One", "Two", "Three"}

2.设置自定义视图监听器并获取布局中的视图

ViewListener viewListener = new ViewListener() {
    int i;
    @Override
    public View setViewForPosition(int position) {
        View customView = getLayoutInflater().inflate(R.layout.fragment_safety, null);
        //set view attributes here

        safety_title = customView.findViewById(R.id.safetyTextTitle);

        safety_images = customView.findViewById(R.id.safetyImages);          
        
        Glide.with(SafetyFragment.this).load(sampleImages[position]).into(safety_images);

        //Very Important
        safety_title.setText(titles[position]);
        return customView;
    }
};