닭볶음용 인디케이터 개원 지시기

github 주소:https://github.com/ongakuer/CircleIndicator

xml 레이아웃 파일

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    android:gravity="center"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v4.view.ViewPager
            android:id="@+id/vp_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        android.support.v4.view.ViewPager>

        <me.relex.circleindicator.CircleIndicator
            android:id="@+id/indicator"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            app:ci_drawable="@drawable/dot_selector"
            app:ci_drawable_unselected="@drawable/dot_unselector">

        me.relex.circleindicator.CircleIndicator>
    FrameLayout>

LinearLayout>

drawable 아래에 자신의 지시기 스타일을 그립니다dotselector.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"

    >
    <solid android:color="@color/colorAccent"/>

    <stroke
        android:width="1dp"
        android:color="@color/colorAccent"
        />
    <size
        android:width="20dp"
        android:height="20dp"
        />


shape>

dot_unselector

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >
    <solid android:color="#005509"/>

    <stroke
        android:width="1dp"
        android:color="#005509"
        />
    <size
        android:width="20dp"
        android:height="20dp"
        />

shape>

java 코드

package com.example.indecater;

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.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import java.util.ArrayList;

import me.relex.circleindicator.CircleIndicator;

public class MainActivity extends AppCompatActivity {

    int [] images = {R.mipmap.bg_welcome_huawei1,R.mipmap.bg_welcome_huawei2,
                    R.mipmap.bg_welcome_huawei3,R.mipmap.bg_welcome_huawei4
                    };
    private ArrayList arrayList;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ViewPager pager = (ViewPager) findViewById(R.id.vp_image);
        CircleIndicator indicator = (CircleIndicator) findViewById(R.id.indicator);


        arrayList = new ArrayList<>();
        for(int i = 0;inew ImageView(this);
            imageView.setBackgroundResource(images[i]);
            arrayList.add(imageView);

        }

        pager.setAdapter(new MyAdapter());
        indicator.setViewPager(pager);


    }
    class MyAdapter extends PagerAdapter{

        @Override
        public int getCount() {
            return images.length;
        }

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

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


            return arrayList.get(position);
        }

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

효과도

맨 위에 보세요. 밑에 캡처한 거예요. 하하하하.