1.制作圆点Shape
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <solid android:color="#ff0000" /> <corners android:radius="10dip" /> </shape>
2.ViewPager+圆点+GridView的布局
<?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="com.example.zhoukao_lianxi_dome.MainActivity"> <RelativeLayout android:id="@+id/rl" android:layout_width="match_parent" android:layout_height="200dp" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true"> <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="200dp" /> <LinearLayout android:id="@+id/ll" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal" android:layout_alignParentBottom="true" ></LinearLayout> </RelativeLayout> <GridView android:id="@+id/gv" android:layout_width="match_parent" android:layout_height="match_parent" android:numColumns="3" android:layout_below="@+id/rl" ></GridView> </RelativeLayout>
3.MainActivity代码
public class MainActivity extends AppCompatActivity { private ViewPager pager; private LinearLayout ll; private GridView gv; private Handler handler=new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); int what = msg.what; switch (what){ case 0: String json = (String) msg.obj; parseData(json); break; case 1: //得到当前viewpager的索引 int currentItem = pager.getCurrentItem(); currentItem++; //给viewpager设置当前的索引 pager.setCurrentItem(currentItem); sendMsg(); break; } } }; private List<Data.DataBean> list; private ArrayList<ImageView> ivlist; private ImageView iv; private PullToRefreshListView pu; private MyBaseAdapter adapter; private MyPagerAdapter viewadapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); new Thread(){ @Override public void run() { super.run(); String json = NetWorkUtils.getJson(); Message msg=new Message(); msg.obj=json; msg.what=0; handler.sendMessage(msg); } }.start(); //控件 pager= (ViewPager) findViewById(vp); ll = (LinearLayout) findViewById(R.id.ll); gv = (GridView) findViewById(R.id.gv); } //解析字符串,得到数据 private void parseData(String json) { Gson gson=new Gson(); Data data = gson.fromJson(json, Data.class); list = data.getData(); adapter = new MyBaseAdapter(list,MainActivity.this); gv.setAdapter(adapter); //把数据传给适配器 viewadapter = new MyPagerAdapter(list,MainActivity.this); pager.setAdapter(viewadapter); //初始化点 initDot(); //让viewpager的索引默认的指在100000 pager.setCurrentItem(100000); //自动轮播 sendMsg(); //viewPager滑动监听 ViewPagerListener(); } private void ViewPagerListener() { pager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { for(int i =0;i<ivlist.size();i++){ if(position%list.size()==i){ //点和图片事对应的 ivlist.get(position%list.size()).setImageResource(R.drawable.dot_focuable); }else { ivlist.get(i).setImageResource(R.drawable.dot_normal); } } } @Override public void onPageScrollStateChanged(int state) { } }); } //初始化点 private void initDot() { ivlist = new ArrayList<>(); if(ivlist!=null){ ivlist.clear(); } for (int i =0;i<list.size();i++){ iv = new ImageView(MainActivity.this); if(i==0){ //第一张,设置其远点为选中状态 iv.setImageResource(R.drawable.dot_focuable); }else { //其他的都不选中 iv.setImageResource(R.drawable.dot_normal); } LinearLayout.LayoutParams params=new LinearLayout.LayoutParams(20,20); //设置亮点之间的距离 params.setMargins(10,0,10,0); ll.addView(iv,params); ivlist.add(iv); } } //实现 自动轮播 private void sendMsg() { handler.sendEmptyMessageDelayed(1,2000); } }4.PagerAdapter
package com.example.zhoukao_lianxi_dome.adapter; import android.content.Context; import android.support.v4.view.PagerAdapter; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import com.example.zhoukao_lianxi_dome.bean.Data; import com.nostra13.universalimageloader.core.ImageLoader; import java.util.List; /** * Created by z on 2017/9/14. */ public class MyPagerAdapter extends PagerAdapter{ private List<Data.DataBean> list; private Context context; public MyPagerAdapter(List<Data.DataBean> list, Context context) { this.list = list; this.context = context; } @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 iv=new ImageView(context); //对图片进行缩放 iv.setScaleType(ImageView.ScaleType.FIT_XY); ImageLoader.getInstance().displayImage(list.get(position%list.size()).getPic_url(),iv); container.addView(iv); return iv; } }