<fragment

    android:name="com.example.eldos.callreport.Fragment1"
    android:id="@+id/frag1"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    tools:layout="@layout/fragment1"/>

<fragment
    android:name="com.example.eldos.callreport.Fragment2"
    android:id="@+id/frag2"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    tools:layout="@layout/fragment2"/>

public class ScreenOne extends Fragment {

    private SlidingTabLayout mSlidingTabLayout;

    private ViewPager mViewPager;

    public ScreenOne() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View rootView = inflater.inflate(R.layout.screen_first, container, false);
        Log.i("log", "onCreateView");

        return rootView;
    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        // Get the ViewPager and set it's PagerAdapter so that it can display items
        mViewPager = (ViewPager) view.findViewById(R.id.viewpager);
        mViewPager.setAdapter(new SamplePagerAdapter());

        // Give the SlidingTabLayout the ViewPager, this must be
        // done AFTER the ViewPager has had it's PagerAdapter set.
        mSlidingTabLayout = (SlidingTabLayout) view.findViewById(R.id.sliding_tabs);
        mSlidingTabLayout.setViewPager(mViewPager);

    }

    // Adapter
    class SamplePagerAdapter extends PagerAdapter {

        /**
         * Return the number of pages to display
         */
        @Override
        public int getCount() {
            return 4;
        }

        /**
         * Return true if the value returned from is the same object as the View
         * added to the ViewPager.
         */
        @Override
        public boolean isViewFromObject(View view, Object o) {
            return o == view;
        }

        /**
         * Return the title of the item at position. This is important as what
         * this method returns is what is displayed in the SlidingTabLayout.
         */
        @Override
        public CharSequence getPageTitle(int position) {
            return "Screen " + (position + 1);
        }

        /**
         * Instantiate the View which should be displayed at position. Here we
         * inflate a layout from the apps resources and then change the text
         * view to signify the position.
         */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            // Inflate a new layout from our resources
            View view = null;
            if(position == 0){
                 view = getActivity().getLayoutInflater().inflate(R.layout.activity_main,container, false);
                container.addView(view);
//                TextView title = (TextView) view.findViewById(R.id.item_title);
//                title.setText("It's first page");
            }
            // Add the newly created View to the ViewPager

            // Retrieve a TextView from the inflated View, and update it's text
            if(position == 1) {
                 view = getActivity().getLayoutInflater().inflate(R.layout.pager_item, container, false);
                container.addView(view);
                TextView title = (TextView) view.findViewById(R.id.item_title);
                title.setText("It's first page");
            }
            if(position == 2) {
                 view = getActivity().getLayoutInflater().inflate(R.layout.pager_item, container, false);
                container.addView(view);
                TextView title = (TextView) view.findViewById(R.id.item_title);
                title.setText("It's first page");
            }
            else {
                view = getActivity().getLayoutInflater().inflate(R.layout.pager_item, container, false);
                container.addView(view);
                TextView title = (TextView) view.findViewById(R.id.item_title);
                title.setText("It's first page");
            }
            // Return the View
            return view;
        }

        /**
         * Destroy the item from the ViewPager. In our case this is simply
         * removing the View.
         */
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
    }
}