xbanner需要添加依赖:
compile 'com.xhb:xbanner:1.0.0'
compile 'com.github.bumptech.glide:glide:3.6.1'
还有要记得联网的权限:
<uses-permission android:name="android.permission.INTERNET"></uses-permission>
xbanner的布局xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:padding="10dp"
android:orientation="vertical">
<com.stx.xhb.xbanner.XBanner
android:id="@+id/xBanner"
android:layout_width="match_parent"
android:layout_height="150dp"
app:pointsPosition="CENTER"
app:AutoPlayTime="2000"
app:pointsContainerBackground="#44aaaaaa"
app:pointNormal="@drawable/shape_noraml"
app:pointSelect="@drawable/shape_selected"
>
</com.stx.xhb.xbanner.XBanner>
</LinearLayout>
给图片画个圆:shape_noraml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#f00"></solid>
<size android:width="5dp" android:height="5dp"></size>
</shape>选中的,还有未选中的。
现在来看主要的代码,其中还有利用ok请求的,直接加载的。看代码吧!
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.stx.xhb.xbanner.XBanner;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements XBanner.XBannerAdapter {
private XBanner xBanner;
// private Handler handler=new Handler(){
// @Override
// public void handleMessage(Message msg) {
// super.handleMessage(msg);
// if(msg.what==1){
// //无限轮播
// xBanner.setData(imgesUrl,null);
// xBanner.setPoinstPosition(XBanner.RIGHT);
// xBanner.setmAdapter(new XBanner.XBannerAdapter() {
// @Override
// public void loadBanner(XBanner banner, View view, int position) {
// Glide.with(MainActivity.this).load(imgesUrl.get(position)).into((ImageView) view);
// }
// });
// }
// }
// };
private List<String> imgesUrl;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
initView();
//初始化XBanner轮播图
initBanner();
}
/**
* 获取控件
*/
private void initView() {
xBanner= (XBanner) findViewById(R.id.xBanner);
xBanner.setmAdapter(this);
}
/**
* XBanner轮播图
*/
private void initBanner() {
//利用网络和okhttp请求的 ImageEntity会用到bean和适配器
// OKhttpUtils.doPost(API.SHOUYE_API, null, null,new Callback() {
// @Override
// public void onFailure(Call call, IOException e) {
// }
// @Override
// public void onResponse(Call call, Response response) throws IOException {
// //返回的json
// String jsonStr=response.body().string();
// ImageEntity entity=new Gson().fromJson(jsonStr,ImageEntity.class);
// data = entity.getData();
// imgesUrl=new ArrayList<>();
// for(ImageEntity.DataBean bean: data){
// url = bean.getIcon();
// imgesUrl.add(url);
// }
// //通知Handle进行修改子线程
// handler.sendEmptyMessage(1);
// }
// });
//直接加图片的xbanner
imgesUrl = new ArrayList<>();
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/99381473502384338.jpg");
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/99381473502384338.jpg");
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/77991473496077677.jpg");
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160906/1291473163104906.jpg");
xBanner.setData(imgesUrl);
}
@Override
public void loadBanner(XBanner banner, View view, int position) {
Glide.with(MainActivity.this).load(imgesUrl.get(position)).into((ImageView) view);
}
}
以上就是最基本的xbanner的使用了!
compile 'com.xhb:xbanner:1.0.0'
compile 'com.github.bumptech.glide:glide:3.6.1'
还有要记得联网的权限:
<uses-permission android:name="android.permission.INTERNET"></uses-permission>
xbanner的布局xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:padding="10dp"
android:orientation="vertical">
<com.stx.xhb.xbanner.XBanner
android:id="@+id/xBanner"
android:layout_width="match_parent"
android:layout_height="150dp"
app:pointsPosition="CENTER"
app:AutoPlayTime="2000"
app:pointsContainerBackground="#44aaaaaa"
app:pointNormal="@drawable/shape_noraml"
app:pointSelect="@drawable/shape_selected"
>
</com.stx.xhb.xbanner.XBanner>
</LinearLayout>
给图片画个圆:shape_noraml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#f00"></solid>
<size android:width="5dp" android:height="5dp"></size>
</shape>选中的,还有未选中的。
现在来看主要的代码,其中还有利用ok请求的,直接加载的。看代码吧!
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.stx.xhb.xbanner.XBanner;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements XBanner.XBannerAdapter {
private XBanner xBanner;
// private Handler handler=new Handler(){
// @Override
// public void handleMessage(Message msg) {
// super.handleMessage(msg);
// if(msg.what==1){
// //无限轮播
// xBanner.setData(imgesUrl,null);
// xBanner.setPoinstPosition(XBanner.RIGHT);
// xBanner.setmAdapter(new XBanner.XBannerAdapter() {
// @Override
// public void loadBanner(XBanner banner, View view, int position) {
// Glide.with(MainActivity.this).load(imgesUrl.get(position)).into((ImageView) view);
// }
// });
// }
// }
// };
private List<String> imgesUrl;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
initView();
//初始化XBanner轮播图
initBanner();
}
/**
* 获取控件
*/
private void initView() {
xBanner= (XBanner) findViewById(R.id.xBanner);
xBanner.setmAdapter(this);
}
/**
* XBanner轮播图
*/
private void initBanner() {
//利用网络和okhttp请求的 ImageEntity会用到bean和适配器
// OKhttpUtils.doPost(API.SHOUYE_API, null, null,new Callback() {
// @Override
// public void onFailure(Call call, IOException e) {
// }
// @Override
// public void onResponse(Call call, Response response) throws IOException {
// //返回的json
// String jsonStr=response.body().string();
// ImageEntity entity=new Gson().fromJson(jsonStr,ImageEntity.class);
// data = entity.getData();
// imgesUrl=new ArrayList<>();
// for(ImageEntity.DataBean bean: data){
// url = bean.getIcon();
// imgesUrl.add(url);
// }
// //通知Handle进行修改子线程
// handler.sendEmptyMessage(1);
// }
// });
//直接加图片的xbanner
imgesUrl = new ArrayList<>();
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/99381473502384338.jpg");
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/99381473502384338.jpg");
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/77991473496077677.jpg");
imgesUrl.add("http://imageprocess.yitos.net/images/public/20160906/1291473163104906.jpg");
xBanner.setData(imgesUrl);
}
@Override
public void loadBanner(XBanner banner, View view, int position) {
Glide.with(MainActivity.this).load(imgesUrl.get(position)).into((ImageView) view);
}
}
以上就是最基本的xbanner的使用了!