Android 는 ViewPager 를 사용 하여 라운드 맵 효 과 를 실현 합 니 다.

이 글 을 쓰 는 것 은 단지 오늘 배 운 지식 에 대해 깊 은 인상 을 주 고 ViewPager 에 대한 처리,예 를 들 어 어댑터 와 각 방법의 역할 등 이다.
효과 도 를 먼저 보다

여 기 는 제 가 xml 에 쓴 도 트 입 니 다.
Drawable 폴 더 의 xml 코드:
Shape_yes.xml:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
  <solid android:color="#ff6c67"></solid> 
  <corners android:radius="1000dp"></corners> 
</shape>

Shape_no.xml:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<solid android:color="#f0f0f0"></solid> 
  <corners android:radius="1000dp"></corners> 
</shape>

선택 기

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:drawable="@drawable/shape_no" 
  android:state_selected="false" 
  /> 
  <item android:drawable="@drawable/shape_yes" 
   android:state_selected="true" 
    /> 
</selector> 

Activity_main.xml:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="160dp"> 
    <android.support.v4.view.ViewPager 
      android:id="@+id/vp" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 
    </android.support.v4.view.ViewPager> 
    <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="40dp" 
      android:layout_alignParentBottom="true" 
      android:gravity="center_horizontal" 
      android:padding="5dp" 
      android:orientation="vertical" 
      android:background="#66000000"> 
      <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="bottom" 
        android:gravity="center" 
        android:orientation="horizontal" 
        android:paddingBottom="10dp"> 
        <ImageView 
          android:id="@+id/iv_one" 
          android:layout_width="20dp" 
          android:layout_height="20dp" 
          android:layout_marginRight="20dp" 
          android:background="@drawable/selector_show" /> 
        <ImageView 
          android:id="@+id/iv_two" 
          android:layout_width="20dp" 
          android:layout_height="20dp" 
          android:layout_marginRight="20dp" 
          android:background="@drawable/selector_show" /> 
        <ImageView 
          android:id="@+id/iv_three" 
          android:layout_width="20dp" 
          android:layout_height="20dp" 
          android:background="@drawable/selector_show" /> 
      </LinearLayout> 
    </LinearLayout> 
  </RelativeLayout> 
</RelativeLayout> 

클래스 ViewPagerAdapterCircleextends PagerAdapter

public class ViewPagerAdapter_Circle extends PagerAdapter { 
  ArrayList<View> arrayList; 
  Context context; 
  public ViewPagerAdapter_Circle(ArrayList<View> arrayList, Context context) { 
    this.arrayList = arrayList; 
    this.context = context; 
  } 
  /***      （  ）*/ 
  @Override 
  public int getCount() { 
    return arrayList.size(); 
  } 
  /** 
   *                
   */ 
  @Override 
  public boolean isViewFromObject(View view, Object object) { 
    return view == object;//           
  } 
  /** 
   *       
   * 1.     container 
   * 2.      
   */ 
  @Override 
  public Object instantiateItem(ViewGroup container, int position) { 
    container.addView(arrayList.get(position));//     container，     
    return arrayList.get(position); 
  } 
  /** 
   *        
   */ 
  @Override 
  public void destroyItem(ViewGroup container, int position, Object object) { 
    container.removeView(arrayList.get(position)); 
  } 
} 

MainActivity 에서 코드(주석 포함)

public class MainActivity extends AppCompatActivity { 
  ViewPager viewPager; 
  int imageResIds[]; 
  ArrayList<View> imageViewList;//       
  ArrayList<ImageView> imageViews;//       
  ImageView iv_one,iv_two,iv_three; 
  int oldPostion;//        
  private Boolean flag; 
  int count=0; 
  Handler handler = new Handler() { 
    @Override 
    public void handleMessage(Message msg) { 
      super.handleMessage(msg); 
      if (msg.what == 0) { 
        viewPager.setCurrentItem(count); 
      } 
    } 
  }; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    //      
    initView(); 
    //      
    initData(); 
    //      
    initAdapter(); 
    //     
    initPoint(); 
    flag = true; 
//       
    new Thread() { 
      @Override 
      public void run() { 
        while (flag) { 
          try { 
            Thread.sleep(3000); 
            count++; 
            if (count == 3) { 
              count = 0; 
            } 
          } catch (InterruptedException e) { 
            e.printStackTrace(); 
          } 
          /**    */ 
          Message msg = new Message(); 
          msg.what = 0; 
          msg.obj = count; 
          handler.sendMessage(msg); 
        } 
      } 
    }.start(); 
  } 
  private void initView() { 
    viewPager = (ViewPager) findViewById(R.id.vp); 
  } 
  //          
  private void initData() { 
    //       
    imageResIds = new int[]{R.mipmap.a, R.mipmap.b, R.mipmap.c}; 
    imageViewList = new ArrayList<>();//       
    ImageView imageView; 
    for (int i = 0; i < imageResIds.length; i++) { 
      imageView = new ImageView(this); 
      imageView.setBackgroundResource(imageResIds[i]); 
      imageViewList.add(imageView); 
    } 
  } 
  //      
  private void initAdapter() { 
    ViewPagerAdapter_Circle myViewPagerAdapter = new ViewPagerAdapter_Circle(imageViewList, this); 
    viewPager.setAdapter(myViewPagerAdapter); 
  } 
  /** 
   *       
   */ 
  private void initPoint() { 
    iv_one = (ImageView) findViewById(R.id.iv_one); 
    iv_two = (ImageView) findViewById(R.id.iv_two); 
    iv_three = (ImageView) findViewById(R.id.iv_three); 
    imageViews = new ArrayList<>(); 
    imageViews.add(iv_one); 
    imageViews.add(iv_two); 
    imageViews.add(iv_three); 
    iv_one.setSelected(true);//        true 
    /**viewPager    */ 
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
      /**     */ 
      @Override 
      public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 
      } 
      /**     */ 
      @Override 
      public void onPageSelected(int position) { 
        imageViews.get(position).setSelected(true);//        
        imageViews.get(oldPostion).setSelected(false);//       
        oldPostion = position;//        position    oldPostion 
      } 
        /**         */ 
      @Override 
      public void onPageScrollStateChanged(int state) { 
      } 
    }); 
  } 
} 

위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 안 드 로 이 드 가 ViewPager 를 사용 하여 라운드 맵 효 과 를 실현 하 는 것 입 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!