我们首先画小圆点我们在res-drawable 文件夹下首先我们创建 别如果是当前的图片是红色
shape_select.xml文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<corners android:radius="2dp"/>
<solid android:color="@color/colorAccent"/>
</shape>
第二个画小圆点我们在res-drawable 文件夹下首先我们创建 别如果是当前的图片是蓝色
shape_notxml.xml文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<corners android:radius="2dp"/>
<solid android:color="@color/colorPrimary"/>
</shape>
接下来我们就在activity-main 布局文件中写入ViewPager 控和小圆点的布局空间
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" tools:context="test.bwie.com.wzq_lunbo.MainActivity">
<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="150dp"
android:id="@+id/vp"></android.support.v4.view.ViewPager>
<LinearLayout
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/linear"
android:layout_centerHorizontal="true"
android:layout_alignBottom="@id/vp"
android:layout_marginBottom="25dp"></LinearLayout>
<com.limxing.xlistview.view.XListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/xlistview"
android:layout_below="@id/vp"></com.limxing.xlistview.view.XListView>
</RelativeLayout>
主要的我们还有对图片的缓存 使用的是Imagerloader对网络图片缓存 点击蓝色字体进行查看。
好了以上操作完成之后我们就要对MainActivity类进行操作了
public class MainActivity extends AppCompatActivity{
private ViewPager vp;
private LinearLayout linear;
private List<String> imagelist;
private int currentindext=0;
private int oldindext=0;
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
vp.setCurrentItem(currentindext);
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
InitData();
//做适配
vp.setAdapter(new myPager());
//调用线程中做无限循环
autoplay();
init();
getdata();
}
/**
* vViewpager 添加小圆点
* 做监听事件
*/
private void init() {
//做对应相同图片的小圆点
for ( int i =0;i<imagelist.size();i++){
//自己定义的视图空间
View img = new View(MainActivity.this);
//视图的长和宽
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(30,30);
//左间距
params.leftMargin=10;
//右间距
params.rightMargin=10;
img.setLayoutParams(params);
if(i==0){
img.setBackgroundResource(R.drawable.shape_select);
}else{
img.setBackgroundResource(R.drawable.shape_notxml);
}
//填充给Linearlayout 控件中
linear.addView(img);
}
//对viewpager 做滑动监听
vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
//当前的界面是成功的 红色的小圆点
linear.getChildAt(position % imagelist.size()).setBackgroundResource(R.drawable.shape_select);
//当前界面不是的显示的图片的时候就 蓝色的小圆点
linear.getChildAt(oldindext %imagelist.size()).setBackgroundResource(R.drawable.shape_notxml);
oldindext=position;
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
//初始化控件的iD
private void InitData() {
vp = (ViewPager) findViewById(R.id.vp);
linear = (LinearLayout) findViewById(R.id.linear);
//网络缓存的图片地址
imagelist = Arrays.asList("http://p2.so.qhmsg.com/bdr/_240_/t01e8378dd608d74de7.jpg",
"http://p0.so.qhmsg.com/bdr/_240_/t0137613c27d5b716a5.jpg",
"http://p4.so.qhimgs1.com/bdr/_240_/t01b03cca59569f456a.jpg",
"http://p2.so.qhimgs1.com/bdr/_240_/t01ebd4aba75daf1cee.jpg"
);
}
/**
* 在线程中做无限循环
* 通过handler 更新主线程UI
*/
private void autoplay(){
new Thread(){
@Override
public void run() {
while (true){
try {
currentindext++;
Thread.sleep(3000);
handler.sendEmptyMessage(0);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}.start();
}
//viewpager做适配
class myPager extends PagerAdapter{
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView image = new ImageView(MainActivity.this);
ImageLoader.getInstance().displayImage(imagelist.get(position %imagelist.size()),image,Myapplication.GetOptios());
container.addView(image);
return image;
}
}
}
linear = (LinearLayout) findViewById(R.id.linear);
//网络缓存的图片地址
imagelist = Arrays.asList("http://p2.so.qhmsg.com/bdr/_240_/t01e8378dd608d74de7.jpg",
"http://p0.so.qhmsg.com/bdr/_240_/t0137613c27d5b716a5.jpg",
"http://p4.so.qhimgs1.com/bdr/_240_/t01b03cca59569f456a.jpg",
"http://p2.so.qhimgs1.com/bdr/_240_/t01ebd4aba75daf1cee.jpg"
);
}
/**
* 在线程中做无限循环
* 通过handler 更新主线程UI
*/
private void autoplay(){
new Thread(){
@Override
public void run() {
while (true){
try {
currentindext++;
Thread.sleep(3000);
handler.sendEmptyMessage(0);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}.start();
}
//viewpager做适配
class myPager extends PagerAdapter{
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView image = new ImageView(MainActivity.this);
ImageLoader.getInstance().displayImage(imagelist.get(position %imagelist.size()),image,Myapplication.GetOptios());
container.addView(image);
return image;
}
}
}
其实不是很多的,我们就是在oncreate 方法中调用发放就可以了。每一个方法也就是实现轮播的一个功能,上面都有注释,仔细观看