【Android】Android中使用CarouselView实现轮播图的效果

效果"/>

【Android】Android中使用CarouselView实现轮播图的效果

实现图片每隔一秒的自动播放，或者可以自己左右滑动，再点击对应的图片会提示相关信息。

目录

一、添加依赖

二、布局文件

三、在drawable中引入图片资源

 四、在java文件中写控制功能：

轮播图

一、添加依赖

在build.grade(module)中添加依赖：

implementation 'com.synnapps:carouselview:0.1.5'

二、布局文件

在布局中加入CarouselView控件：

activity_main.xml:

 <RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:padding="20dp"><com.synnapps.carouselview.CarouselViewandroid:layout_width="350dp"android:layout_height="200dp"android:id="@+id/carouselView"android:layout_centerHorizontal="true"android:layout_marginBottom="10dp"app:fillColor="#0010d4"app:pageColor="#00000000"app:radius="5dp"app:slideInterval="3000"app:strokeColor="#FF777777"app:strokeWidth="1dp" /></RelativeLayout>

三、在drawable中引入图片资源

 四、在java文件中写控制功能：

MainActivity.java:

import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.widget.ImageView;
import android.widget.Toast;import com.synnapps.carouselview.CarouselView;
import com.synnapps.carouselview.ImageClickListener;
import com.synnapps.carouselview.ImageListener;public class MainActivity extends AppCompatActivity {CarouselView carouselView;int[] sampleImages={R.drawable.shijing1,R.drawable.shijing2,R.drawable.shijing3,R.drawable.shijing4,R.drawable.shijing5,R.drawable.shijing6,R.drawable.shijing7,R.drawable.shijng8,R.drawable.shijng9,R.drawable.shijng10};String[] message = {"苏堤春晓","断桥残雪","平湖秋月","柳浪闻莺","双峰插云","三潭映月","花港观鱼","南屏晚钟","雷峰夕照","曲院风荷"};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);carouselView = this.findViewById(R.id.carouselView);carouselView.setPageCount(sampleImages.length);carouselView.setImageListener(imageListener);carouselView.setImageClickListener(new ImageClickListener() {@Overridepublic void onClick(int position) {Toast.makeText(MainActivity.this, message[position], Toast.LENGTH_SHORT).show();}});}ImageListener imageListener = new ImageListener() {@Overridepublic void setImageForPosition(int position, ImageView imageView) {imageView.setImageResource(sampleImages[position]);}};
}

简单粗暴！

感谢ლ(°◕‵ƹ′◕ლ)！！！