创建布局文件,主布局文件
<LinearLayout 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" android:orientation="vertical" tools:context="com.circlejiantou.SecondActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="200sp"> <android.support.v4.view.ViewPager android:id="@+id/VP" android:layout_width="match_parent" android:layout_height="200sp"> </android.support.v4.view.ViewPager> <LinearLayout android:id="@+id/linear" android:layout_width="match_parent" android:layout_height="20sp" android:orientation="horizontal" android:layout_alignParentBottom="true"></LinearLayout> </RelativeLayout> </LinearLayout>Activity中的代码
package com.circlejiantou; import android.annotation.SuppressLint; import android.os.Bundle; import android.os.Handler; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.util.Log; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.Toast; import com.circlejiantou.Adapter.vpAdapter; import com.circlejiantou.Presenter.getDataPresenter; import com.circlejiantou.Presenter.getDataPresenterView; import com.circlejiantou.Result.ResultBean; import java.util.ArrayList; import java.util.List; public class SecondActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener { private String TAG="==========SecondActivity========"; private List<String> data = new ArrayList<>(); private ViewPager vp; private RecyclerView mRecView; Handler handler=new Handler(); Runnable run=new Runnable() { @Override public void run() { int currentItem = vp.getCurrentItem(); currentItem++; vp.setCurrentItem(currentItem); handler.postDelayed(run,1000); } }; private List<ResultBean.DataBean> data; private List<ImageView> images=new ArrayList<>(); private LinearLayout linear; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_second); InitView(); InitData(); } //此处为加载数据方法,手动添加数据 private void InitData() { //手动添加数据 for(int i=0;i<5;i++){在drawable文件里创建两个小圆点}data.add("http://pic4.nipic.com/20091217/3885730_124701000519_2.jpg");
vpAdapter vpada = new vpAdapter(data, SecondActivity.this); vp.setAdapter(vpada); vp.setOnPageChangeListener(this); vp.setCurrentItem(10000* data.size()); handler.postDelayed(run,1000); drawdot();}//加载视图方法 private void InitView() { vp = (ViewPager) findViewById(R.id.VP); mRecView = (RecyclerView) findViewById(R.id.recView); mRecView.setLayoutManager(new LinearLayoutManager(this)); linear = (LinearLayout) findViewById(R.id.linear); } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { for (int i=0;i<images.size();i++){ ImageView imageView = images.get(i); if (i==(position%images.size())) { imageView.setImageResource(R.drawable.dotred); }else { imageView.setImageResource(R.drawable.dotwhite); } } } @Override public void onPageScrollStateChanged(int state) { } private void drawdot() { for (int i = 0; i < data.size(); i++) { ImageView image = new ImageView(this); if (i == 0) { image.setImageResource(R.drawable.dotred); } else { image.setImageResource(R.drawable.dotwhite); } LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(40, 40); params.setMargins(15, 0, 15, 0); linear.addView(image, params); images.add(image); } } @Override protected void onDestroy() { super.onDestroy(); handler.removeCallbacks(run); }}
//此为小红点
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <size android:width="5dp" android:height="5dp"></size> <solid android:color="@color/red"></solid>
</shape>
在创建一个小白点,将上边的文件的颜色变为白色就行
再创建ViewPager的子条目视图,我添加的图片
<?xml version="1.0" encoding="utf-8"?> <ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:scaleType="centerCrop" android:src="@mipmap/ic_launcher" android:layout_height="200sp"> </ImageView>
在 颜色文件中添加红、白颜色,即values文件夹下的colors.xml文件
<color name="red">#f00</color> <color name="white">#fff</color>