android网络请求的图片轮播效果

我们首先画小圆点我们在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 方法中调用发放就可以了。每一个方法也就是实现轮播的一个功能，上面都有注释，仔细观看