首先在app中的build.gradle中添加以下依赖,banner为轮播图框架,glide为图片加载框架。
implementation 'com.youth.banner:banner:1.4.9'
implementation 'com.github.bumptech.glide:glide:4.7.1'
annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'
//网络请求用到以下依赖okhttp及okhttputil
implementation 'com.squareup.okhttp3:okhttp:4.3.0'
implementation 'com.squareup.okio:okio:2.4.3'
implementation 'com.zhy:okhttputils:2.6.2'
然后编写需要使用轮播图的布局,请根据自己的项目需求修改,简单示例如下:
<com.youth.banner.Banner
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="180dp"
/>
由于不同项目轮播图本身有不同比例要求,所以建议不要在布局文件中 写死,稍候我的示例中将会用代码动态修改banner控件的横宽比。
之后理一下轮播图的业务逻辑流程:①打开APP时,从SharedPreferences中获取上一次请求服务器获得的轮播图数据json并加载,若SharedPreferences没有数据则手动写入默认数据。 ②请求服务器获取最新的轮播图数据,成功请求后将获取到的json存入SharedPreferences。 ③将请求到的新数据进行解析并更新轮播图
接下来我将和banner有关的所有代码直接贴出,重要部分会在注释中说明:
首先添加以下所需的全局变量:
private Banner banner;
private ArrayList<String> list_path;
private ArrayList<String> list_title;
private ArrayList<String> list_href;
并且类需要继承OnBannerListener以设置点击事件:
public class BannerDemo extends AppCompatActivity implements OnBannerListener
然后再oncreate方法中设置banner控件宽高比以及调用初始化和更新方法:
banner = (Banner)findViewById(R.id.banner);
WindowManager wm1 = getActivity().getWindowManager();
int width = wm1.getDefaultDisplay().getWidth();
LinearLayout.LayoutParams linearParams =(LinearLayout.LayoutParams) banner.getLayoutParams();
linearParams.width = width;
linearParams.height = width*9/16;
banner.setLayoutParams(linearParams); //将轮播图控件设置为16/9的比例
initView();
updateBanner();
最后完成初始化和更新方法并设置点击事件即可:
private void updateBanner(){
String host = new Defines().SERVER_HOST+"getBanner";
OkHttpUtils
.post()
.url(host)
.build()
.execute(new StringCallback