1. Fragment Android Club 2015

2. Agenda Fragment Static fragment Dynamic fragment ViewPager

3. What is fragment? Fragment – used to show part of Activity’s UI. Introduced in Android 3.0 Honeycomb Initially was developed for tablets

4. Why to use fragment? 1. Form-factor 2. Passing information 3. Tabs & spinner 4. Swipe based navigation

5. Static fragment: example

6. Static fragment: practice Create new Activity It should contain three fragments FirstFragment: bg: purple, contains: ToggleButton SecondFragment: bg: white, contains: RatingBar ThirdFragment: bg: brown, contains: EditText

7. Dynamic fragment: 4 steps 1. Reference FragmentManager 2. Begin FragmentTransaction 3. Add fragment to transaction 4. Commit

8. Dynamic fragment: example FragmentManager manager = getFragmentManager(); FragmentTransaction transaction = manager.beginTransaction(); RedFragment fragment = new RedFragment(); transaction.add(R.id.flFragments, fragment); transaction.commit();

9. Dynamic fragment: practice Create three buttons for FirstFragment, SecondFragment, ThirdFragment Change fragments dynamically on click each button

10. ViewPager adapter: example public class MyPagerAdapter extends FragmentStatePagerAdapter { public MyPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { switch(position) { case 0: return new RedFragment(); case 1: return new YellowFragment(); } return null; } @Override public int getCount() { return 2; } }

11. android.support.v4.view.Vie wPager: example ViewPager vpPager = (ViewPager) findViewById(R.id.vpPager); MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManag er()); vpPager.setAdapter(adapter);

12. ViewPager: practice Create new ViewPager Create new FragmentStatePagerAdapter for ViewPager Set FragmentStatePagerAdapter as ViewPager’s adapter

13. Homework 1: static fragment Create new activity In activity’s layout add 5 fragments Each fragment’s height should 100dp Each fragment should contain different views

14. Homework 2: dynamic fragment Create new Activity Activity’s layout should contain 5 buttons and one framelayout On click each button, should show separate button It should look like Facebook app

15. Homework 3: viewpager Create new Activity Put one ViewPager Create adapter for it ViewPager should show images as slideshow. 10 images!

16. Questions? Any quesitons?

17. Thank you! Thank you very much for your attention!