使用Banner製做輪播圖

使用Banner製做輪播圖android

步驟:git

第一步:github

權限配置api

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />

第二步:網絡

導入要用的包:這裏直接用網絡圖片接口能夠本身換,這個接口圖片不全:ide

compile 'com.squareup.okio:okio:1.5.0'
compile 'com.squareup.okhttp3:okhttp:3.2.0'
compile 'com.squareup.okhttp3:logging-interceptor:3.4.1'
compile 'com.google.code.gson:gson:2.8.2'
compile 'com.youth.banner:banner:1.4.9'
compile 'com.github.bumptech.glide:glide:3.7.0'

第三步:佈局

添加布局:google

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="150dp">
    <com.youth.banner.Banner
        android:id="@+id/mybanner"
        android:layout_width="match_parent"
        android:layout_height="150dp"></com.youth.banner.Banner>
</LinearLayout>

第四步:url

還須要建立一個GlideImageLoader圖片加載類:spa

public class GlideImaGlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}

最後固然是Activity了:

 
 
public class MainActivity extends AppCompatActivity {

ArrayList<String> mlist;
Banner mbanner;
String mpath="http://api.tianapi.com/social/?key=71e58b5b2f930eaf1f937407acde08fe&num=20";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mlist=new ArrayList<String>();
mbanner = (Banner) findViewById(R.id.mybanner);
GetDate(mpath);
}
private void GetDate(String url){
OkHttp3Utils.getInstance().doGet(url, new GsonObjectCallback<HomeBean>() {
@Override
public void onUi(HomeBean homeBean) {

for(int i=0; i<homeBean.getNewslist().size();i++){
String ad1s = homeBean.getNewslist().get(i).getPicUrl();
mlist.add(ad1s);
}
//設置圖片加載器
mbanner.setImageLoader(new GlideImaGlideImageLoader());
mbanner.setImages(mlist);
mbanner.start();
}
@Override
public void onFailed(Call call, IOException e) {

}
});
}
}
 

輪播圖製做完成圖片藉口須要本身換

相關文章
相關標籤/搜索