<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager_vp"
android:layout_width="wrap_content"
android:layout_height="300dp" />
<!-- 定义lineatLayout时,background="#88000000",gravity="center_horizontal" padding="8dp"
android:layout_alignBottom="@+id/viewpager_vp" 小点用一个LinearLayout来包裹.-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#88000000"
android:gravity="center_horizontal"
android:padding="8dp"
android:layout_alignBottom="@+id/viewpager_vp"
android:orientation="vertical">
<!--此处状态选择器的选择属性是state_selected,而不是state_pressed,
要知道他们的区别,引用图片drawable,注意V是大写,
点是根据图片的张数,动态创建的,所有我们的View还要注释掉.-->text
<TextView
android:id="@+id/viewpager_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:text="我是帅哥耿培轩"/>
<LinearLayout
android:id="@+id/ll_dots"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_horizontal">
<!-- <View
android:layout_width="5dp"
android:layout_height="5dp"
android:background="@drawable/dot_focus"/>-->
</LinearLayout>
</LinearLayout>
</RelativeLayout>
package com.example.li.com.viewpager;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.NonNull;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private ViewPager mViewPager;
private TextView mTextView;
private LinearLayout mLinearLayout;
private int[] image = {R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,};
private ArrayList<ImageView> imageViews = new ArrayList<>();
private String[] descs = {
"网页设计师联盟",
"教程网",
"PS联盟",
"25学堂",
"课工场带你逆袭,助你走向人生巅峰",
"当你因需求被项目经理频繁修改,而想之暴打时,请先看易老师贱笑图,你是不是更想打我了"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initdate();
}
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
int currentItem= mViewPager.getCurrentItem();
mViewPager.setCurrentItem(currentItem+1);
handler.sendEmptyMessageDelayed(0,3000);
}
};
private void initdate() {
mViewPager = findViewById(R.id.viewpager_vp);
mTextView = findViewById(R.id.viewpager_tv);
mLinearLayout = findViewById(R.id.ll_dots);
for (int i = 0;i<image.length;i++){
//将图片放入放入集合
ImageView imageView = new ImageView(this);
imageView.setBackgroundResource(image[i]);
imageViews.add(imageView);
View view = new View(this);
view.setBackgroundResource(R.drawable.dot_normal);
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(8,8);
layoutParams.leftMargin = 8;
view.setLayoutParams(layoutParams);
mLinearLayout.addView(view);
}
ImageApadter imageApadter = new ImageApadter();
mViewPager.setAdapter(imageApadter);
mViewPager.setCurrentItem(1000);
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int i, float v, int i1) {
int currentItem = mViewPager.getCurrentItem();
mTextView.setText(descs[currentItem%image.length]);
for (int x = 0; x < image.length; x++) {
//.getChildAt(x);拿到容器的子控件.得到VIew对象
View childAt = mLinearLayout.getChildAt(x);
//为View设置背景图片,,使用三元运算符.
childAt.setBackgroundResource(x == currentItem%image.length ? R.drawable.dot_focus : R.drawable.dot_normal);
}
}
@Override
public void onPageSelected(int i) {
}
@Override
public void onPageScrollStateChanged(int i) {
}
});
handler.sendEmptyMessageDelayed(0,3000);
mViewPager.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
handler.removeMessages(0);
break;
case MotionEvent.ACTION_UP:
handler.sendEmptyMessageDelayed(0,3000);
break;
case MotionEvent.ACTION_MOVE:
handler.removeMessages(0);
break;
}
return false;
}
});
}
public class ImageApadter extends PagerAdapter {
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view == o;
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
ImageView imageView = imageViews.get(position % image.length);
container.addView(imageView);
return imageView;
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView((View) object);
}
}
}