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

来源：互联网发布：奥迪a4矩阵式led大灯编辑：程序博客网时间：2024/05/23 18:33

我们首先画小圆点我们在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类进行操作了

package test.bwie.com.wuzeqiang1507d20170825;import android.os.AsyncTask;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.Toast;import com.google.gson.Gson;import com.limxing.xlistview.view.XListView;import com.nostra13.universalimageloader.core.ImageLoader;import java.io.InputStream;import java.net.HttpURLConnection;import java.net.URL;import java.util.Arrays;import java.util.List;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;        }    }}

其实不是很多的，我们就是在oncreate 方法中调用发放就可以了。每一个方法也就是实现轮播的一个功能，上面都有注释，仔细观看

阅读全文

0 0