ViewPager做广告位,其实有好多种方法,可是我做了好多,觉得自己理论上都可以走,可是一写完就出不来完美的效果,这次总算是完美了
有标题,有图片,有指示器
1、编写xml 界面代码 实现 图片、标题、指示器
<?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:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.xu.show_viewpager2.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="180dp">
<android.support.v4.view.ViewPager
android:id="@+id/vp_id"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="vertical"
android:layout_alignParentBottom="true"
android:padding="5dp"
android:background="#6000"
android:gravity="center_horizontal"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv_desc"
android:textColor="#fff"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ll_point"
android:orientation="horizontal"
android:layout_marginTop="5dp"
></LinearLayout>
</LinearLayout>
</RelativeLayout>
</RelativeLayout>
2、编写java代码
package com.xu.show_viewpager2;
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.util.Log;
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 android.widget.Toast;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener{
//控件
private TextView tv;
private LinearLayout linearLayout;
private ViewPager vp;
//数据
private int[] imageResIds;
private ArrayList<ImageView> imageViews;
private String[] contentDescs;
private boolean isRunning=true;//viewpager是否自动循环
private Handler handler=new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what){
case 1:
if(isRunning){
vp.setCurrentItem(vp.getCurrentItem()+1);
handler.sendEmptyMessageDelayed(1,3000);
}
break;
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//MVC模型 model数据 View视图 Control控制
initView();
initData();
initAdapter();
startPaly();
}
//轮播 播放 开启
private void startPaly(){
handler.sendEmptyMessageDelayed(1,3000);
}
private void initView() {
tv= (TextView) findViewById(R.id.tv_desc);
linearLayout= (LinearLayout) findViewById(R.id.ll_point);
vp= (ViewPager) findViewById(R.id.vp_id);
}
private void initData() {
imageResIds= new int[]{R.mipmap.emoji_000, R.mipmap.emoji_001, R.mipmap.emoji_002,
R.mipmap.emoji_003,
R.mipmap.emoji_004};
contentDescs= new String[]{"one", "two", "three", "four", "five"};
imageViews=new ArrayList<>();
ImageView imageView;
View pointView;
for (int i=0;i<imageResIds.length;i++){
imageView=new ImageView(this);
imageView.setBackgroundResource(imageResIds[i]);
imageViews.add(imageView);
//指示器
pointView=new View(this);
pointView.setBackgroundResource(R.mipmap.page);
LinearLayout.LayoutParams layoutParams=new LinearLayout.LayoutParams(8,8);
if(i!=0){
layoutParams.leftMargin=10;
}
// pointView.;//设置都是暗色
linearLayout.addView(pointView,layoutParams);
}
}
private void initAdapter() {
linearLayout.getChildAt(0).setBackgroundResource(R.mipmap.page_now);//初始化控件,设置第一个原点为亮色
tv.setText(contentDescs[0]);
vp.setAdapter(new MyAdapter());
vp.setCurrentItem(5000);
vp.addOnPageChangeListener(this);
vp.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
switch (motionEvent.getAction()) {
case MotionEvent.ACTION_DOWN:
Toast.makeText(MainActivity.this, "Down", Toast.LENGTH_SHORT).show();
isRunning = false;
handler.removeMessages(1);//为防止轮播太快 只能这的了
break;
case MotionEvent.ACTION_UP:
Toast.makeText(MainActivity.this, "Up", Toast.LENGTH_SHORT).show();
isRunning = true;
startPaly();
break;
}
return false;
}
});
}
//界面销毁,停止viewpager的循环
@Override
protected void onDestroy() {
super.onDestroy();
isRunning=false;
}
class MyAdapter extends PagerAdapter{
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
int newPosition=position%5;
ImageView imgview=imageViews.get(newPosition);
container.addView(imgview);
return imgview;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
}
//viewPager的监听方法
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
int newPosition=position%5;
Log.e("infoAA",newPosition+"newPostion");
for (int i=0;i<5;i++){
Log.e("infoAA",i+"i");
linearLayout.getChildAt(i).setBackgroundResource(R.mipmap.page);
}
linearLayout.getChildAt(newPosition).setBackgroundResource(R.mipmap.page_now);
tv.setText(contentDescs[newPosition]);
}
@Override
public void onPageScrollStateChanged(int state) {
}
}
这下就解决了ViewPager 的轮播 和 手势 ,之前不知道为什么会轮播加速 应该是线程问题 ,之后又加了 handler清除方法 虽然解决的,但是觉得好 low,大神们可以的话,发个链接,学习学习,谢谢