ViewPager realizes image switching effect

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="260dp">
        <.
            android:
            android:background="#000"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <LinearLayout
            android:
            android:background="#00000000"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:orientation="horizontal"
            android:layout_marginBottom="40dp"
            android:layout_alignParentBottom="true"/>
</RelativeLayout>

import ;
import ;
import ;
import .;
import .;
import .;
import ;
import ;
import ;
import ;
import ;
import ;
import ;
import ;

import ;
import ;

import ;
import ;
import ;
import ;

/**
 * ViewPager displays pictures
 */
public class Fragment2 extends Fragment{

    private ViewPager viewPager;
    private LinearLayout layoutPoint;
    private String[] imgs = {"1 picture url"
            ,"2 pictures url",
            "3 picture url"};

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = (.fragment2, null);
        viewPager = (ViewPager) (.view_pager);
        layoutPoint = (LinearLayout) (.layout_point);       
        initView();
        return view;
    }

    private void initView(){        
        //ViewPager related        ViewPagerAdater myAdater = new ViewPagerAdater(getContext());
        (myAdater);
        (new () {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                //Add small dots to the layout after the slide is completed                setLayoutPoint(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        setLayoutPoint(0);
    }

    /**
 * Set the dot layout
 * @param position
 */
    private void setLayoutPoint(int position){
        ();
        for (int i = 0; i <3 ; i++) {
            ImageView imageView = new ImageView(getContext());
            //Set ImageView             params = new (20, 20);
            (10,0,10,0);
            (params);
            //Set small dot style            if (position==i){
                (getResources().getDrawable(.point_white));
            }else {
                (getResources().getDrawable(.point_gray));
            }
            (imageView);
        }
    }  

    public class ViewPagerAdater extends PagerAdapter {
        private Context context;

        public ViewPagerAdater(Context context) {
             = context;
        }

        @Override
        public int getCount() {
            return ;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = new ImageView(context);
            (.FIT_XY);
            (context).load(imgs[position]).into(imageView);
            (imageView);
            return imageView;
        }

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

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


}

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:andro>
    <solid android:color="#fddc04"/>
    <corners android:radius="5dp"/>
</shape>

compile ':glide:3.7.0'