Headertab

Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Saturday 29 August 2015

CoordinatorLayout Using Android Studio

Hi guy's
 today i learn how to use Coordinator Layout and some basic ideas about App Bar  Layout.Together,they can do some nice animated effect.In this occasion we'll see how to hide the toolbar while we start scrolling down and then show it again as soon as we start scrolling down.
This is new layout.

After we start do impotent things..

Define Dependency

compile 'com.android.support:design:22.2.0'
compile 'com.android.support:recyclerview-v7:22.2.0'

Now you create NewAndroidProject and all xml file

activity_main.xml

 
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="slidenerd.vivz.navigationviewdemo.MainActivity">

    <LinearLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:id="@+id/app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:minHeight="?attr/actionBarSize"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />



    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/main_drawer"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/drawer_header"
        app:itemIconTint="@color/colorAccent"
        app:itemTextColor="@color/colorTextSecondary"
        app:menu="@menu/menu_drawer" />


</android.support.v4.widget.DrawerLayout>





drawer_header.xml


<?xml version="1.0" encoding="utf-8"?>


<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="256dp"
    android:background="@drawable/img_drawer_header"
    android:alpha="0.8"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:padding="16dp"
        android:gravity="right"
        style="@style/TextAppearance.AppCompat.Title"
        android:text="Hello Vivz" />
</FrameLayout>






custom_row.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:orientation="vertical"
    tools:context="slidenerd.vivz.navigationviewdemo.ThirdActivity">


    <android.support.v7.widget.Toolbar
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        app:tabGravity="fill"
        app:tabTextAppearance="@style/TextAppearance.Design.Tab"
        app:tabSelectedTextColor="@color/colorAccent"
        app:tabMode="scrollable" />

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

</LinearLayout>






actvity_second.xml


<RelativeLayout 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:id="@+id/root_activity_second"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="slidenerd.vivz.navigationviewdemo.SecondActivity">
    <android.support.design.widget.TextInputLayout
        android:id="@+id/email_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/input_email"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:hint="Email Address" />
    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:id="@+id/password_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/email_layout">

        <EditText
            android:id="@+id/input_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:hint="Password"
            android:inputType="textPassword" />
    </android.support.design.widget.TextInputLayout>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/password_layout"
        android:background="@color/colorAccent"
        android:onClick="submit"
        android:text="Login"
        android:textColor="@android:color/white" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:src="@drawable/ic_add_black"
        app:borderWidth="2dp"
        app:fabSize="mini"
        app:rippleColor="@color/colorPrimaryDark" />
</RelativeLayout>






activity_fourth.xml


<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="slidenerd.vivz.navigationviewdemo.FourthActivity">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/root_coordinator"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:contentScrim="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways">

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="192dp"
                    android:scaleType="centerCrop"
                    android:src="@drawable/rsz_bg_cover"
                    app:layout_collapseMode="parallax" />

                <android.support.v7.widget.Toolbar
                    android:id="@+id/app_bar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                    app:layout_collapseMode="pin" />

            </android.support.design.widget.CollapsingToolbarLayout>

            <android.support.design.widget.CollapsingToolbarLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|enterAlways">

                <android.support.design.widget.TabLayout
                    android:id="@+id/tab_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/colorAccent"
                    app:layout_collapseMode="pin"
                    app:tabIndicatorColor="@color/colorPrimary"
                    app:tabSelectedTextColor="@android:color/white"
                    app:tabTextColor="#EEE" />
            </android.support.design.widget.CollapsingToolbarLayout>

        </android.support.design.widget.AppBarLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />


        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_margin="16dp"
            android:src="@drawable/ic_add_black"
            app:borderWidth="0dp"
            app:fabSize="mini" />
    </android.support.design.widget.CoordinatorLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_drawer"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/menu_drawer" />
</android.support.v4.widget.DrawerLayout>







Now create a resources file......


color.xml






<?xml version="1.0" encoding="utf-8"?>


<resources>
    <color name="colorPrimary">#607D8B</color>
    <color name="colorPrimaryDark">#455A64</color>
    <color name="colorPrimaryLight">#CFD8DC</color>
    <color name="colorAccent">#FFC107</color>
    <color name="colorTextPrimary">#212121</color>
    <color name="colorTextSecondary">#727272</color>
</resources>






string.xml


<resources>


    <string name="app_name">Navigation View Demo</string>
    <string name="title_activity_main">Nav Demo</string>

    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
    <string name="navigation_item_1">Item 1</string>
    <string name="navigation_item_2">Item 2</string>
    <string name="navigation_item_3">Item 3</string>
    <string name="navigation_item_4">Item 4</string>
    <string name="navigation_item_5">Item 5</string>
    <string name="drawer_open">Open</string>
    <string name="drawer_close">Close</string>
    <string name="title_activity_second">Second</string>
    <string name="text_second_activity">Hi Its Second Activity Here</string>
    <string name="title_activity_third">Third</string>
    <string name="text_third_activity">Hi Its Third Activity</string>
    <string name="text_dismiss">Dismiss</string>
    <string name="title_activity_fourth">Mr Four</string>
</resources>






download this icon....







































style.xml









<resources>







    <!-- Base application theme. -->



    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">



        <!-- Customize your theme here. -->



        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>



        <item name="colorPrimary">@color/colorPrimary</item>



        <item name="colorAccent">@color/colorAccent</item>



        <item name="android:textColorPrimary">@color/colorTextPrimary</item>



        <item name="android:textColorSecondary">@color/colorTextSecondary</item>



    </style>







</resources>









NOW I CREATE JAVA CLASSSES







MainActivity.java



import android.content.Intent;



import android.content.SharedPreferences;



import android.content.res.Configuration;



import android.os.Bundle;



import android.preference.PreferenceManager;



import android.support.design.widget.NavigationView;



import android.support.v4.view.GravityCompat;



import android.support.v4.widget.DrawerLayout;



import android.support.v7.app.ActionBarDrawerToggle;



import android.support.v7.app.AppCompatActivity;



import android.support.v7.widget.Toolbar;



import android.view.Menu;



import android.view.MenuItem;











public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {







    private static final String SELECTED_ITEM_ID = "selected_item_id";



    private static final String FIRST_TIME = "first_time";



    private Toolbar mToolbar;



    private NavigationView mDrawer;



    private DrawerLayout mDrawerLayout;



    private ActionBarDrawerToggle mDrawerToggle;



    private int mSelectedId;



    private boolean mUserSawDrawer = false;







    @Override



    protected void onCreate(Bundle savedInstanceState) {



        super.onCreate(savedInstanceState);



        setContentView(R.layout.activity_main);



        mToolbar = (Toolbar) findViewById(R.id.app_bar);



        setSupportActionBar(mToolbar);



        mDrawer = (NavigationView) findViewById(R.id.main_drawer);



        mDrawer.setNavigationItemSelectedListener(this);



        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);



        mDrawerToggle = new ActionBarDrawerToggle(this,



                mDrawerLayout,



                mToolbar,



                R.string.drawer_open,



                R.string.drawer_close);



        mDrawerLayout.setDrawerListener(mDrawerToggle);



        mDrawerToggle.syncState();



        if (!didUserSeeDrawer()) {



            showDrawer();



            markDrawerSeen();



        } else {



            hideDrawer();



        }



        mSelectedId = savedInstanceState == null ? R.id.navigation_item_1 : savedInstanceState.getInt(SELECTED_ITEM_ID);



        navigate(mSelectedId);



    }







    private boolean didUserSeeDrawer() {



        SharedPreferences sharedPreferences = PreferenceManager.getDefaultSharedPreferences(this);



        mUserSawDrawer = sharedPreferences.getBoolean(FIRST_TIME, false);



        return mUserSawDrawer;



    }







    private void markDrawerSeen() {



        SharedPreferences sharedPreferences = PreferenceManager.getDefaultSharedPreferences(this);



        mUserSawDrawer = true;



        sharedPreferences.edit().putBoolean(FIRST_TIME, mUserSawDrawer).apply();



    }







    private void showDrawer() {



        mDrawerLayout.openDrawer(GravityCompat.START);



    }







    private void hideDrawer() {



        mDrawerLayout.closeDrawer(GravityCompat.START);



    }







    private void navigate(int mSelectedId) {



        Intent intent = null;



        if (mSelectedId == R.id.navigation_item_2) {



            mDrawerLayout.closeDrawer(GravityCompat.START);



            intent = new Intent(this, SecondActivity.class);



            startActivity(intent);



        }



        if (mSelectedId == R.id.navigation_item_3) {



            mDrawerLayout.closeDrawer(GravityCompat.START);



            intent = new Intent(this, ThirdActivity.class);



            startActivity(intent);



        }



        if (mSelectedId == R.id.navigation_item_4) {



            mDrawerLayout.closeDrawer(GravityCompat.START);



            intent = new Intent(this, FourthActivity.class);



            startActivity(intent);



        }



    }











    @Override



    public boolean onCreateOptionsMenu(Menu menu) {



        // Inflate the menu; this adds items to the action bar if it is present.



        getMenuInflater().inflate(R.menu.menu_main, menu);



        return true;



    }







    @Override



    public boolean onOptionsItemSelected(MenuItem item) {



        // Handle action bar item clicks here. The action bar will



        // automatically handle clicks on the Home/Up button, so long



        // as you specify a parent activity in AndroidManifest.xml.



        int id = item.getItemId();



        //noinspection SimplifiableIfStatement



        if (id == R.id.action_settings) {



            return true;



        }







        return super.onOptionsItemSelected(item);



    }







    @Override



    public void onConfigurationChanged(Configuration newConfig) {



        super.onConfigurationChanged(newConfig);



        mDrawerToggle.onConfigurationChanged(newConfig);



    }







    @Override



    public boolean onNavigationItemSelected(MenuItem menuItem) {







        menuItem.setChecked(true);



        mSelectedId = menuItem.getItemId();







        navigate(mSelectedId);



        return true;



    }







    @Override



    protected void onSaveInstanceState(Bundle outState) {



        super.onSaveInstanceState(outState);



        outState.putInt(SELECTED_ITEM_ID, mSelectedId);



    }







    @Override



    public void onBackPressed() {



        if (mDrawerLayout.isDrawerOpen(GravityCompat.START)) {



            mDrawerLayout.closeDrawer(GravityCompat.START);



        } else {



            super.onBackPressed();



        }



    }



}



SecondActivity.java





import android.os.Bundle;



import android.support.design.widget.FloatingActionButton;



import android.support.design.widget.Snackbar;



import android.support.design.widget.TextInputLayout;



import android.support.v7.app.ActionBarActivity;



import android.view.Menu;



import android.view.MenuItem;



import android.view.View;



import android.widget.EditText;



import android.widget.RelativeLayout;











public class SecondActivity extends ActionBarActivity {







    private RelativeLayout mRoot;



    private TextInputLayout mEmailLayout;



    private TextInputLayout mPasswordLayout;



    private EditText mInputEmail;



    private EditText mInputPassword;



    private FloatingActionButton mFAB;



    private View.OnClickListener mSnackBarClickListener = new View.OnClickListener() {



        @Override



        public void onClick(View v) {







        }



    };



    private View.OnClickListener mFabClickListener = new View.OnClickListener() {



        @Override



        public void onClick(View v) {



            Snackbar.make(mRoot, "FAB Clicked", Snackbar.LENGTH_SHORT)



                    .show();



        }



    };







    @Override



    protected void onCreate(Bundle savedInstanceState) {



        super.onCreate(savedInstanceState);



        setContentView(R.layout.activity_second);



        mRoot = (RelativeLayout) findViewById(R.id.root_activity_second);



        mEmailLayout = (TextInputLayout) findViewById(R.id.email_layout);



        mPasswordLayout = (TextInputLayout) findViewById(R.id.password_layout);



        mInputEmail = (EditText) findViewById(R.id.input_email);



        mInputPassword = (EditText) findViewById(R.id.input_password);



        mFAB = (FloatingActionButton) findViewById(R.id.fab);



        mFAB.setOnClickListener(mFabClickListener);







    }







    @Override



    public boolean onCreateOptionsMenu(Menu menu) {



        // Inflate the menu; this adds items to the action bar if it is present.



        getMenuInflater().inflate(R.menu.menu_second, menu);



        return true;



    }







    @Override



    public boolean onOptionsItemSelected(MenuItem item) {



        // Handle action bar item clicks here. The action bar will



        // automatically handle clicks on the Home/Up button, so long



        // as you specify a parent activity in AndroidManifest.xml.



        int id = item.getItemId();







        //noinspection SimplifiableIfStatement



        if (id == R.id.action_settings) {



            return true;



        }







        return super.onOptionsItemSelected(item);



    }







    public void submit(View view) {







        boolean isEmptyEmail = isEmptyEmail();



        boolean isEmptyPassword = isEmptyPassword();



        if (isEmptyEmail && isEmptyPassword) {



            Snackbar.make(mRoot, "One Or More Fields Are Blank", Snackbar.LENGTH_SHORT)



                    .setAction(getString(R.string.text_dismiss), mSnackBarClickListener)



                    .show();



        } else if (isEmptyEmail && !isEmptyPassword) {



            mEmailLayout.setError("Email Cannot Be Empty");



            mPasswordLayout.setError(null);



        } else if (!isEmptyEmail && isEmptyPassword) {



            mPasswordLayout.setError("Password Cannot Be Empty");



            mEmailLayout.setError(null);



        } else {



            //All Good Here



        }



    }







    private boolean isEmptyEmail() {



        return mInputEmail.getText() == null



                || mInputEmail.getText().toString() == null



                || mInputEmail.getText().toString().isEmpty();







    }







    private boolean isEmptyPassword() {



        return mInputPassword.getText() == null



                || mInputPassword.getText().toString() == null



                || mInputPassword.getText().toString().isEmpty();







    }



}



ThirdActivity.java





import android.os.Bundle;



import android.support.design.widget.TabLayout;



import android.support.v4.app.Fragment;



import android.support.v4.app.FragmentManager;



import android.support.v4.app.FragmentStatePagerAdapter;



import android.support.v4.view.ViewPager;



import android.support.v7.app.AppCompatActivity;



import android.support.v7.widget.Toolbar;



import android.view.Gravity;



import android.view.LayoutInflater;



import android.view.Menu;



import android.view.MenuItem;



import android.view.View;



import android.view.ViewGroup;



import android.widget.TextView;











public class ThirdActivity extends AppCompatActivity {







    private Toolbar mToolbar;



    private TabLayout mTabLayout;



    private ViewPager mPager;



    private MyPagerAdapter mAdapter;







    @Override



    protected void onCreate(Bundle savedInstanceState) {



        super.onCreate(savedInstanceState);



        setContentView(R.layout.activity_third);



        mAdapter = new MyPagerAdapter(getSupportFragmentManager());



        mToolbar = (Toolbar) findViewById(R.id.app_bar);



        setSupportActionBar(mToolbar);



        mTabLayout = (TabLayout) findViewById(R.id.tab_layout);



        mPager = (ViewPager) findViewById(R.id.pager);



        mPager.setAdapter(mAdapter);



        mTabLayout.setTabsFromPagerAdapter(mAdapter);







        mTabLayout.setupWithViewPager(mPager);



        mPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabLayout));











    }







    @Override



    public boolean onCreateOptionsMenu(Menu menu) {



        // Inflate the menu; this adds items to the action bar if it is present.



        getMenuInflater().inflate(R.menu.menu_third, menu);



        return true;



    }







    @Override



    public boolean onOptionsItemSelected(MenuItem item) {



        // Handle action bar item clicks here. The action bar will



        // automatically handle clicks on the Home/Up button, so long



        // as you specify a parent activity in AndroidManifest.xml.



        int id = item.getItemId();







        //noinspection SimplifiableIfStatement



        if (id == R.id.action_settings) {



            return true;



        }







        return super.onOptionsItemSelected(item);



    }







    public static class MyFragment extends Fragment {



        public static final java.lang.String ARG_PAGE = "arg_page";







        public MyFragment() {







        }







        public static MyFragment newInstance(int pageNumber) {



            MyFragment myFragment = new MyFragment();



            Bundle arguments = new Bundle();



            arguments.putInt(ARG_PAGE, pageNumber + 1);



            myFragment.setArguments(arguments);



            return myFragment;



        }







        @Override



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



            Bundle arguments = getArguments();



            int pageNumber = arguments.getInt(ARG_PAGE);



            TextView myText = new TextView(getActivity());



            myText.setText("Hello I am the text inside this Fragment " + pageNumber);



            myText.setGravity(Gravity.CENTER);



            return myText;



        }



    }



}







class MyPagerAdapter extends FragmentStatePagerAdapter {







    public MyPagerAdapter(FragmentManager fm) {



        super(fm);



    }







    @Override



    public Fragment getItem(int position) {



        ThirdActivity.MyFragment myFragment = ThirdActivity.MyFragment.newInstance(position);



        return myFragment;



    }







    @Override



    public int getCount() {



        return 10;



    }







    @Override



    public CharSequence getPageTitle(int position) {



        return "Tab " + (position + 1);



    }



}



FourthActivity.java







import android.content.Context;



import android.os.Bundle;



import android.support.design.widget.CollapsingToolbarLayout;



import android.support.design.widget.CoordinatorLayout;



import android.support.design.widget.FloatingActionButton;



import android.support.design.widget.Snackbar;



import android.support.design.widget.TabLayout;



import android.support.v4.app.Fragment;



import android.support.v4.app.FragmentManager;



import android.support.v4.app.FragmentStatePagerAdapter;



import android.support.v4.view.ViewPager;



import android.support.v4.widget.DrawerLayout;



import android.support.v7.app.ActionBarDrawerToggle;



import android.support.v7.app.AppCompatActivity;



import android.support.v7.widget.LinearLayoutManager;



import android.support.v7.widget.RecyclerView;



import android.support.v7.widget.Toolbar;



import android.view.LayoutInflater;



import android.view.Menu;



import android.view.MenuItem;



import android.view.View;



import android.view.ViewGroup;



import android.widget.TextView;







import java.util.ArrayList;











public class FourthActivity extends AppCompatActivity {







    // Need this to link with the Snackbar



    private CoordinatorLayout mCoordinator;



    //Need this to set the title of the app bar



    private CollapsingToolbarLayout mCollapsingToolbarLayout;



    private FloatingActionButton mFab;



    private Toolbar mToolbar;



    private DrawerLayout mDrawerLayout;



    private ActionBarDrawerToggle mDrawerToggle;



    private ViewPager mPager;



    private YourPagerAdapter mAdapter;



    private TabLayout mTabLayout;







    @Override



    protected void onCreate(Bundle savedInstanceState) {



        super.onCreate(savedInstanceState);



        setContentView(R.layout.activity_fourth);



        mCoordinator = (CoordinatorLayout) findViewById(R.id.root_coordinator);



        mCollapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar_layout);



        mFab = (FloatingActionButton) findViewById(R.id.fab);



        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);



        mToolbar = (Toolbar) findViewById(R.id.app_bar);



        setSupportActionBar(mToolbar);











        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, R.string.drawer_open, R.string.drawer_close);



        mDrawerLayout.setDrawerListener(mDrawerToggle);



        mDrawerToggle.syncState();







        mTabLayout = (TabLayout) findViewById(R.id.tab_layout);



        mAdapter = new YourPagerAdapter(getSupportFragmentManager());



        mPager = (ViewPager) findViewById(R.id.view_pager);



        mPager.setAdapter(mAdapter);



        //Notice how the Tab Layout links with the Pager Adapter



        mTabLayout.setTabsFromPagerAdapter(mAdapter);







        //Notice how The Tab Layout adn View Pager object are linked



        mTabLayout.setupWithViewPager(mPager);



        mPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabLayout));











        mFab.setOnClickListener(new View.OnClickListener() {



            @Override



            public void onClick(View v) {



                //Notice how the Coordinator Layout object is used here



                Snackbar.make(mCoordinator, "FAB Clicked", Snackbar.LENGTH_SHORT).setAction("DISMISS", null).show();



            }



        });







        //Notice how the title is set on the Collapsing Toolbar Layout instead of the Toolbar



        mCollapsingToolbarLayout.setTitle(getResources().getString(R.string.title_activity_fourth));



    }











    public static class MyFragment extends Fragment {



        public static final java.lang.String ARG_PAGE = "arg_page";







        public MyFragment() {







        }







        public static MyFragment newInstance(int pageNumber) {



            MyFragment myFragment = new MyFragment();



            Bundle arguments = new Bundle();



            arguments.putInt(ARG_PAGE, pageNumber + 1);



            myFragment.setArguments(arguments);



            return myFragment;



        }







        @Override



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



            Bundle arguments = getArguments();



            int pageNumber = arguments.getInt(ARG_PAGE);



            RecyclerView recyclerView = new RecyclerView(getActivity());



            recyclerView.setAdapter(new YourRecyclerAdapter(getActivity()));



            recyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));



            return recyclerView;



        }



    }



}







class YourPagerAdapter extends FragmentStatePagerAdapter {







    public YourPagerAdapter(FragmentManager fm) {



        super(fm);



    }







    @Override



    public Fragment getItem(int position) {



        FourthActivity.MyFragment myFragment = FourthActivity.MyFragment.newInstance(position);



        return myFragment;



    }







    @Override



    public int getCount() {



        return 4;



    }







    @Override



    public CharSequence getPageTitle(int position) {



        return "Tab " + (position + 1);



    }



}







class YourRecyclerAdapter extends RecyclerView.Adapter<YourRecyclerAdapter.YourRecyclerViewHolder> {



    private ArrayList<String> list = new ArrayList<>();



    private LayoutInflater inflater;







    public YourRecyclerAdapter(Context context) {



        inflater = LayoutInflater.from(context);



        list.add("Samset");



        list.add("A.I.M.");



        list.add("Samset");



        list.add("Abin");



        list.add("Abomination");



        list.add("Samset");



        list.add("Absorbing");



        list.add("Adam");



        list.add("Agent Bob");



        list.add("Agent Zero");



        list.add("Air Walker");



        list.add("Samset");



        list.add("Alan Scott");



        list.add("Alex Mercer");



        list.add("Alex Woolsly");



        list.add("Alfred Pennyworth");



        list.add("Allan Quartermain");



        list.add("Samset");



        list.add("Ammo Ando");



        list.add("Masahashi Angel");



        list.add("Angel Dust");



        list.add("Samset");



        list.add("A-Bomb");



        list.add("Abe");



        list.add("Abin");



        list.add("Abomination");



        list.add("Abraxas");



        list.add("Samset");



        list.add("Adam");



        list.add("Agent Bob");



        list.add("Agent Zero");



        list.add("Samset");



        list.add("Ajax");



        list.add("Alan Scott");



        list.add("Alex Mercer");



        list.add("Alex Woolsly");



        list.add("Samset");



        list.add("Allan Quartermain");



        list.add("Amazo");



        list.add("Ammo Ando");



        list.add("Masahashi Angel");



        list.add("Samset");



        list.add("Samset");







    }







    @Override



    public YourRecyclerViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {



        View root = inflater.inflate(R.layout.custom_row, viewGroup, false);



        YourRecyclerViewHolder holder = new YourRecyclerViewHolder(root);



        return holder;



    }







    @Override



    public void onBindViewHolder(YourRecyclerViewHolder yourRecyclerViewHolder, int i) {



        yourRecyclerViewHolder.textView.setText(list.get(i));



    }







    @Override



    public int getItemCount() {



        return list.size();



    }







    static class YourRecyclerViewHolder extends RecyclerView.ViewHolder {







        TextView textView;







        public YourRecyclerViewHolder(View itemView) {



            super(itemView);



            textView = (TextView) itemView.findViewById(R.id.text_superhero);



        }



    }



}









androidMeinifest.xml





<?xml version="1.0" encoding="utf-8"?>



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



    package="com.example.cordinatedemo" >







    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />







    <application



        android:allowBackup="true"



        android:icon="@mipmap/ic_launcher"



        android:label="@string/app_name"



        android:theme="@style/AppTheme" >



        <activity



            android:name=".MainActivity"



            android:label="@string/title_activity_main" >



            <intent-filter>



                <action android:name="android.intent.action.MAIN" />







                <category android:name="android.intent.category.LAUNCHER" />



            </intent-filter>



        </activity>



        <activity



            android:name=".SecondActivity"



            android:label="@string/title_activity_second" />



        <activity



            android:name=".ThirdActivity"



            android:label="@string/title_activity_third" />



        <activity



            android:name=".FourthActivity"



            android:label="@string/title_activity_fourth" >



        </activity>



    </application>







</manifest>









Finally see output...............







































Posted by



at





























Labels:


















No comments:















Post a Comment


























        

      









Subscribe to:
Post Comments (Atom)