viewpager自动轮播 加小圆点 有AsyncTask

原创
2016/04/13 14:21
阅读数 74
网络解析接送串得到图片

public class Xiangqing extends Activity{
    private String Url="http://mobile.hmeili.com/yunifang/mobile/goods/detail?id=";
    private String id;
     private ViewPager vp;
        private LinearLayout dotcontaint;
        private List<Mygallery> list;
        ArrayList<ImageView> imgs ;
        ArrayList<View> dots ;
        
        int count = 0;
        int olddotindex = 0;
        Handler h = new Handler(){
            public void handleMessage(android.os.Message msg) {
                vp.setCurrentItem(count);//设置此次要显示的pager
                //切换选中的圆点
                dots.get(olddotindex).setBackgroundResource(R.drawable.dot_nomal);//设置上次选中的圆点为不选中
                dots.get(count).setBackgroundResource(R.drawable.dot_focus);//设置当前选中的圆点为选中
                olddotindex = count;
                
            };
        };
@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.xiangqing);
    //返回请求值
    Intent intent = getIntent();
    id = intent.getStringExtra("id");
     vp = (ViewPager) findViewById(R.id.vp);
     dotcontaint = (LinearLayout) findViewById(R.id.dotcontaint);
     //子线程
    new Thread(){
        public void run() {
             new MyAsyncTask().execute(Url+id);
        };
    }.start();
}
class MyAsyncTask extends AsyncTask<String, Integer, String>{
   
    // 后台执行,比较耗时的操作都可以放在这里
    @Override
   protected String doInBackground(String... params) {//params的类型和AsyncTask类的第一个泛型对应
         // TODO Auto-generated method stub
       
         String url = params[0];//得到url
         String rs = NetWorkUtil.loginCheck_Get_HttpClient(url);//请求服务器。得到结果
         
         return rs;//把请求的结果传递到onPostExecute方法中
     }
     //相当于Handler 处理UI的方式,在这里面可以使用在doInBackground 得到的结果处理操作UI
    @Override
    protected void onPostExecute(String result) {//result的类型和AsyncTask类的第三个泛型对应
         // TODO Auto-generated method stub
       System.out.println(result);
       Gson gson=new Gson();
      Goods goods = gson.fromJson(result, Goods.class);
      list = goods.getData().getGoods().getGallery();
      //获得网络图片,配置给Veiwpager
      getImageViewList();
      //获得圆点
      getDotList();
      //设置第一个圆点为选中状态
      dots.get(0).setBackgroundResource(R.drawable.dot_focus);
      vp.setAdapter(new MyVpAdapger());//配置pager页
      //通过定时器,制作自动划动效果
      Timer timer = new Timer();
      timer.schedule(new TimerTask() {
          @Override
          public void run() {
              count++;//下一个页
              if(count == list.size()){
                  count = 0;
              }
              h.sendEmptyMessage(0x123);//在此线程中,不能操作ui主线程
          }
      }, 3000, 2000);
     }
     
}
private void getDotList() {
    // TODO Auto-generated method stub
    dots = new ArrayList<View>();
    //循环图片数组,创建对应数量的dot
    for(int i=0;i<list.size();i++){
        View view = LayoutInflater.from(this).inflate(R.layout.dot_layout, null);//加载布局
        View dot = view.findViewById(R.id.dotView);//得到布局中的dot点组件
        //收集dot
        dots.add(dot);
        //把布局添加到线性布局
        dotcontaint.addView(view);
    }
    
}

class MyVpAdapger extends PagerAdapter{

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return imgs.size();
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0==arg1;
    }
    
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // TODO Auto-generated method stub
//        super.destroyItem(container, position, object);
        ImageView img = imgs.get(position);
        container.removeView(img);
    }
    
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // TODO Auto-generated method stub
        container.addView(imgs.get(position));
        return imgs.get(position);
    }
    
}

/**
 * 到网络获得图片信息,并赋值到ImageView中
 */
private void getImageViewList() {
    // TODO Auto-generated method stub
    imgs = new ArrayList<ImageView>();
    BitmapUtils btUtil = new BitmapUtils(this);
    //加载图片
    for(int i=0;i<list.size();i++){
        ImageView img = new ImageView(this);
      
        
        btUtil.display(img, list.get(i).getNormal_url());
        imgs.add(img);
    }
}

}

圆点布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <View
        android:id="@+id/dotView"
        android:layout_width="8dp"
        android:layout_height="8dp"
        android:layout_margin="10dp"
        android:background="@drawable/dot_nomal"
        />

</LinearLayout>

NetWorkUtil

NetWorkUtil 类

public class NetWorkUtil {

    public static String loginCheck_Get_HttpClient(String url) {
                  String rs = "";
                  URL url1 = null;
                  HttpURLConnection urlConn = null;
                 BufferedReader br = null;
                 
                  try {
                     
                      
                      url1 = new URL(url);//创建和服务器的连接对象URL
                      urlConn = (HttpURLConnection) url1.openConnection();//打开连接
                      urlConn.setConnectTimeout(5*1000);//设置连接超时容忍时间
                      urlConn.setReadTimeout(5*1000);//设置读取时间
                      if(urlConn.getResponseCode() == 200){//如果响应码为200表示响应成功,并且同时成功的相应了数据
                         //获得服务器相应的数据,字节输入流(数据流),转换为缓存字符流便于读取
                         br = new BufferedReader(new InputStreamReader(urlConn.getInputStream(),"utf-8"));
                          rs = br.readLine();//获得服务器返回的简单数据
                          System.out.println(rs);
                      }
                      
                  } catch (IOException e) {
                     // TODO Auto-generated catch block
                     e.printStackTrace();
                 }
                 
                return rs;//转换为字符串,返回
             }
    }

展开阅读全文
打赏
1
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
1
分享
返回顶部
顶部