간단하게 안 드 로 이 드 라운드 맵 실현

윤 방 도 는 매우 자주 사용 하 는 효과 의 핵심 기능 으로 이미 실현 되 었 기 때문에 특별한 수요 가 없 기 때문에 자신 이 연구 할 일이 없 기 때문에 포장 이 잘 되 지 않 고 일부 부분 은 비교적 거 칠 어서 윤 방 도 를 연구 하고 자 하 는 학생 들 에 게 참고 가 되 었 다.
현재 테스트 그림 은 mipmap 에 있 는 그림 이 라 고 쓰 여 있 지 않 습 니 다.네트워크 에서 그림 을 불 러 오 면 필요 에 따라 getShowView()방법 에서 수정 할 수 있 습 니 다.

1.정시 전환
handle 지연 알림 을 통 해 화면 을 바 꾸 고 viewpage 화면 을 전환 한 후에 이 지연 알림 을 다시 보 내 면 ok 입 니 다.timer 타이머 로 도 가능 합 니 다.
2.무한 라운드 효과
만약 에 저희 가 마지막 페이지 까지 자동 으로 돌아 가면 서 판단 을 해서 첫 페이지 로 전환 시 키 면 돌아 가면 서 할 수 있 는 효과 가 있어 요.
근 데 두 가지 문제 가 있어 요.
4.567917.마지막 페이지 에서 첫 페이지 로 전환 할 때 뚜렷 한 스크롤 백 효 과 는 우리 가 원 하 는 것 이 아 닙 니 다4.567917.우리 가 수 동 으로 미 끄 러 졌 을 때 첫 페이지 와 마지막 페이지 에서 좌우 로 미 끄 러 질 수 없습니다.왜냐하면 다음 페이지 가 없 기 때 문 입 니 다.
그림 부터 봐.

이 형 제 는 정말 이미지 가 완벽 하 다 고 할 수 밖 에 없어 요.
3 장의 그림 이 보이 지만 실제로는 5 장의 데이터 가 많 을 때 도 이런 식 으로 데 이 터 를 추가 합 니 다.
저 희 는 viewpage 자체 의 방법 으로 화면 을 바로 전환 합 니 다.스크롤 효과 가 없 을 때 그림 의 변 화 를 볼 수 없습니다.
setCurrentItem(int item, boolean smoothScroll)
두 번 째 매개 변수 설정 false 인터페이스 전환 시 스크롤 효과 없 음 기본 true
자,이제 코드 를 보 겠 습 니 다.

public class BannerViewPager extends FrameLayout {

 private ViewPager viewPager;
 private TextView tvTitle;
 private LinearLayout indicatorGroup;
 private BannerAdapter adapter;
 private List<String> titles;//    
 private List imageUrls;//    
 private List<View> views;//     
 private ImageView [] tips;//        
 private int count;//  imageUrls   
 private int bannerTime=2500;//        
 private int currentItem=0;//         
 private long releaseTime = 0;//                           
 private final int START=10;
 private final int STOP=20;
 private Context context;
 private Handler handler;

 private final Runnable runnable=new Runnable() {
  @Override
  public void run() {
   long now=System.currentTimeMillis();
   if (now-releaseTime>bannerTime-500){
    handler.sendEmptyMessage(START);
   }else{
    handler.sendEmptyMessage(STOP);
   }
  }
 };


 public BannerViewPager(Context context) {
  super(context);
 }

 public BannerViewPager(Context context, AttributeSet attrs) {
  super(context, attrs);
  this.context=context;
  titles=new ArrayList<>();
  titles.add("  1");
  titles.add("  2");
  titles.add("  3");
  imageUrls=new ArrayList();
  views=new ArrayList<>();
  init(context,attrs);
 }


 private void init(final Context context, AttributeSet attrs){
  View view= LayoutInflater.from(context).inflate(R.layout.layout_banner,this);
  viewPager= (ViewPager) view.findViewById(R.id.banner_view_pager);
  tvTitle= (TextView) view.findViewById(R.id.banner_title);
  indicatorGroup= (LinearLayout) view.findViewById(R.id.banner_indicator);
  handler=new Handler(){
   @Override
   public void handleMessage(Message msg) {
    super.handleMessage(msg);
    switch (msg.what){
     case START:
      viewPager.setCurrentItem(currentItem+1);
      handler.removeCallbacks(runnable);
      handler.postDelayed(runnable,bannerTime);
      break;
     case STOP:
      releaseTime=0;
      handler.removeCallbacks(runnable);
      handler.postDelayed(runnable,bannerTime);
      break;
    }
   }
  };
 }

 /**
  *                   
  *                  
  * @param imageUrls
  */
 public void setData(List<?> imageUrls){
  this.imageUrls.clear();
  this.count=imageUrls.size();
  this.imageUrls.add(imageUrls.get(count-1));
  this.imageUrls.addAll(imageUrls);
  this.imageUrls.add(imageUrls.get(0));

  initIndicator();
  getShowView();
  setUI();
 }

 /**
  *     
  * @param titles
  */
 public void setTitles(List<String> titles){
  this.titles.clear();
  this.titles.addAll(titles);
 }
 /**
  *         
  */
 private void initIndicator(){
  tips=new ImageView[count];
  LinearLayout.LayoutParams layoutParams = new LinearLayout.
    LayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
  layoutParams.height=10;
  layoutParams.width=10;
  layoutParams.leftMargin = 5;//      view    
  layoutParams.rightMargin = 5;//      view    
  for (int i=0;i<count;i++){
   ImageView imageView=new ImageView(context);
   if (i == 0) {
    imageView.setBackgroundResource(R.drawable.shape_circle_red);
   } else {
    imageView.setBackgroundResource(R.drawable.shape_circle_white);
   }

   tips[i] = imageView;
   indicatorGroup.addView(imageView, layoutParams);
  }
 }

 /**
  *       view
  */
 private void getShowView(){
  for (int i=0;i<imageUrls.size();i++){
   ImageView imageView=new ImageView(context);
   imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
   if (imageUrls.get(i) instanceof String){

   }else{
    imageView.setImageResource((Integer) imageUrls.get(i));
   }
   views.add(imageView);
  }
 }

 /**
  *   UI
  */
 private void setUI(){
  adapter=new BannerAdapter();
  viewPager.setAdapter(adapter);
  viewPager.addOnPageChangeListener(onPageChangeLis);
  viewPager.setCurrentItem(1);
  handler.postDelayed(runnable,bannerTime);
 }

 /**
  * viewPage    
  */
 private ViewPager.OnPageChangeListener onPageChangeLis=new ViewPager.OnPageChangeListener() {
  @Override
  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

  }

  @Override
  public void onPageSelected(int position) {
   //        
   int max = views.size() - 1;
   int temp = position;
   currentItem = position;
   if (position == 0) {
    currentItem = max - 1;
   } else if (position == max) {
    currentItem = 1;
   }
   temp = currentItem - 1;
   setIndicatorAndTitle(temp);
  }

  @Override
  public void onPageScrollStateChanged(int state) {
   currentItem=viewPager.getCurrentItem();
   switch (state) {
    case 0:
     //Log.e("aaa","=====    ======");
     if (currentItem == 0) {
      viewPager.setCurrentItem(count, false);
     } else if (currentItem == count + 1) {
      viewPager.setCurrentItem(1, false);
     }
     break;
    case 1:
//    Log.e("aaa","=======         ====");
     releaseTime = System.currentTimeMillis();
     if (currentItem == count + 1) {
      viewPager.setCurrentItem(1, false);
     } else if (currentItem == 0) {
      viewPager.setCurrentItem(count, false);
     }
     break;
    case 2:
//    Log.e("aaa","=======       ====");
     break;
   }
  }
 };


 /**
  *           
  * @param position
  */
 private void setIndicatorAndTitle(int position){
  tvTitle.setText(titles.get(position));

  for (int i=0;i<tips.length;i++){
   if (i==position){
    tips[i].setBackgroundResource(R.drawable.shape_circle_red);
   }else{
    tips[i].setBackgroundResource(R.drawable.shape_circle_white);
   }
  }
 }

 /**
  *    
  */
 class BannerAdapter extends PagerAdapter{
  @Override
  public int getCount() {
   return views.size();
  }

  @Override
  public boolean isViewFromObject(View view, Object object) {
   return view==object;
  }

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
   container.addView(views.get(position));
   return views.get(position);
  }

  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
   container.removeView((View) object);
  }
 }
}

활동 코드

BannerViewPager banner= (BannerViewPager) findViewById(R.id.banner);
  List<Integer> imageUrl=new ArrayList<>();
  imageUrl.add(R.mipmap.aiyo);
  imageUrl.add(R.mipmap.dipang1);
  imageUrl.add(R.mipmap.ic_launcher);
  banner.setData(imageUrl);

마지막 으로 github 에 있 는 큰 신 이 봉 인 된 윤 방 도 두 개 를 제공 합 니 다.
잘 모 르 는 학생 들 에 게 먼저 기본 적 인 논 리 를 파악 하고 제3자 라 이브 러 리 를 사용 하 라 고 건의 하 다.
https://github.com/youth5201314/banner
https://github.com/bingoogolapple/BGABanner-Android
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.