Android Viewpager实现轮播广告图

时间:2022-05-04 14:25:42

本文实例为大家分享了Android Viewpager轮播广告图的具体代码,供大家参考,具体内容如下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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"
  tools:context="${relativePackage}.${activityClass}" >
 
 <android.support.v4.view.ViewPager
   android:id="@+id/viewpager_main"
   android:layout_width="match_parent"
   android:layout_height="180dp"
   ></android.support.v4.view.ViewPager>
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  android:layout_alignBottom="@id/viewpager_main"
  android:background="#44000000"
  >
  <TextView
    android:id="@+id/text_main_tatle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="3dp"
    android:gravity="center_horizontal"
    android:text="广告标题"
    android:textColor="#fff"
    />
  <LinearLayout
    android:id="@+id/ll_main_point_group"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_gravity="center_horizontal"
    ></LinearLayout>
  
  
</LinearLayout>
</RelativeLayout>

主代码写

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
package com.example.viewpager_text2;
 
import java.util.ArrayList;
import android.R.integer;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
 
public class MainActivity extends Activity {
  ViewPager viewPager;
  TextView text_main_tatle;
  LinearLayout ll_main_point_group;
  ArrayList <ImageView>imageviews;
  //图片资源
  int [] imageids={
    R.drawable.a,
    R.drawable.b,
    R.drawable.c,
    R.drawable.d,
    R.drawable.e,
  };
  //图片的标题集合
  String [] imagetion={
    "有型有范","周末放假","家电买一送一","预约迎新机","京东火锅节"
  };
  int preposition=0;//设置高亮的位置
  Handler handler=new Handler(){
    public void handleMessage(android.os.Message msg) {
      int item=viewPager.getCurrentItem()+1;
      viewPager.setCurrentItem(item);
      //延迟发消息
      handler.sendEmptyMessageDelayed(0,3000);
    };
  };
  boolean isdragging=false;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //加载布局初始化
    viewPager=(ViewPager) findViewById(R.id.viewpager_main);
    text_main_tatle=(TextView) findViewById(R.id.text_main_tatle);
    ll_main_point_group=(LinearLayout) findViewById(R.id.ll_main_point_group);
    
//   listview 的使用
//   1,在布局中文件定义viewpager
//   2,在代码中实例化Viewpager
//   3,准备数据
    imageviews=new ArrayList<ImageView>();
    for(int i=0;i<imageids.length;i++){
      ImageView imageview=new ImageView(this);
      imageview.setBackgroundResource(imageids[i]);
      //添加到集合中
      imageviews.add(imageview);
      //添加小圆点
      ImageView imageview1=new ImageView(this);
      imageview1.setBackgroundResource(R.drawable.xuna);
      LinearLayout.LayoutParams par=new LinearLayout.LayoutParams(8,8);
      if(i==0){
        imageview1.setEnabled(true);//显示红色
        
      }else{
        imageview1.setEnabled(false);//显示灰色
        par.leftMargin=8;
      }
      ll_main_point_group.addView(imageview1);
    }
    
    
    
//   4,设置适配器(pageradapter)-Item布局-绑定数据
    viewPager.setAdapter(new Mypager());
    viewPager.setOnPageChangeListener(new myon());
    //设置中间位置,要保证是imageview的整数倍数
    int item=Integer.MAX_VALUE/2-
        Integer.MAX_VALUE/2 % imageviews.size();
    viewPager.setCurrentItem(item);
    text_main_tatle.setText(imagetion[preposition]);
    //延迟发消息
    handler.sendEmptyMessageDelayed(0,3000);
    
    
    
  }
  class myon implements OnPageChangeListener {
//当前页面滚动变化的时候会回调此方法
//   静止-->滑动 或 滑动-->静止 或 静止-->拖拽
    @Override
    public void onPageScrollStateChanged(int arg0) {
      // TODO Auto-generated method stub
      if(arg0==ViewPager.SCROLL_STATE_DRAGGING){//拖拽
        isdragging=true;
        
      }else if(arg0==ViewPager.SCROLL_STATE_SETTLING){//滚动
        
      }else if(arg0==ViewPager.SCROLL_STATE_IDLE&& isdragging){//静止
        isdragging=false;
        handler.removeCallbacksAndMessages(null);
        handler.sendEmptyMessageDelayed(0, 3000);
        
      }
    }
 
    
//   当前页面滚动的时候回调此方法
//   arg0 当期页面的位置
//   arg1滑动页面的百分比
//   arg2 在屏幕上滑动的像素
    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {
      // TODO Auto-generated method stub
      
    }
//当某个界面被选中时的回调方法
//   arg0本选中页面的位置
    @Override
    public void onPageSelected(int arg0) {
      // TODO Auto-generated method stub
      int realpostion=arg0%imageviews.size();
      //设置对应页面的文本信息
      text_main_tatle.setText(imagetion[realpostion]);
      //坝上一个高亮的设置成灰色
      ll_main_point_group.getChildAt(preposition)
      .setEnabled(false);
      //当前设置成红色
    ll_main_point_group.getChildAt(realpostion)
    .setEnabled(true);
    preposition=realpostion;
    }
    
  }
  class Mypager extends PagerAdapter{
//得到图片的总数
    
    @Override
    public int getCount() {
      // TODO Auto-generated method stub
//     return imageviews.size();
      return Integer.MAX_VALUE;//int类型的最大值
    }
    //相当于getView的方法
    //container Viewpager自身
    //position 当前实例化页面的位置(下标)
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
      int realPostion=position% imageviews.size();
      // TODO Auto-generated method stub
      ImageView imageview = imageviews.get(realPostion);
      container.addView(imageview);//添加到Viewpager中
      imageview.setOnTouchListener(new OnTouchListener() {
          
        @Override
        public boolean onTouch(View v, MotionEvent event) {
          // TODO Auto-generated method stub
          switch (event.getAction()) {
          case MotionEvent.ACTION_DOWN://手指按下时的操作
            handler.removeCallbacksAndMessages(null);
            break;
          case MotionEvent.ACTION_MOVE://手指移动时的操作
            break;
          case MotionEvent.ACTION_CANCEL://事件取消
            handler.removeCallbacksAndMessages(null);
            handler.sendEmptyMessageDelayed(0, 3000);
            break;
          case MotionEvent.ACTION_UP://手指抬起时的操作
            handler.removeCallbacksAndMessages(null);
            handler.sendEmptyMessageDelayed(0, 3000);
            break;
          }
          return false;
        }
      });
      imageview.setTag(realPostion);
      imageview.setOnClickListener(new OnClickListener() {
        
        @SuppressLint("ShowToast")
        @Override
        public void onClick(View v) {
          // TODO Auto-generated method stub
          int position = (Integer) v.getTag();
          String text=imagetion[position];
          Toast.makeText(MainActivity.this, text, 0).show();
        }
      });
      return imageview;
    }
    
  
//比较View和Object是否是同一个实例
    //arg0 就是页面
    //arg1是instantiateItem返回的结果
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
      // TODO Auto-generated method stub
      return arg0==arg1;
      
    }
    //释放资源
//   container就是Viewpager
//   position 要释放的位置
//   object要释放的页面
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
      container.removeView((View) object);
    }
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/qiaoyihebg/article/details/80403365