Wednesday, December 30, 2015

how to add the icon for swipeable tabs

how to add the icon for swipeable tabs


I am downloading the code from here i want to dispaly tabs with icon how can posssible please help me.

enter image description here

 public class MainActivity extends FragmentActivity implements              ActionBar.TabListener {        private ViewPager viewPager;      private TabsPagerAdapter mAdapter;      private ActionBar actionBar;      // Tab titles      private String[] tabs = { "Text", "Photo", "Record" ,"Tag"};          @TargetApi(Build.VERSION_CODES.HONEYCOMB)      @SuppressLint("NewApi")      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_main);            // Initilization          viewPager = (ViewPager) findViewById(R.id.pager);          actionBar = getActionBar();          mAdapter = new TabsPagerAdapter(getSupportFragmentManager());            final int[] ICONS = new int[] {              R.drawable.ic_launcher,              R.drawable.ic_launcher,              R.drawable.ic_launcher,              R.drawable.ic_launcher,      };            viewPager.setAdapter(mAdapter);          actionBar.setHomeButtonEnabled(false);          actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);                    // Adding Tabs          for (String tab_name : tabs) {              actionBar.addTab(actionBar.newTab().setText(tab_name)                      .setTabListener(this));              }            /**           * on swiping the viewpager make respective tab selected           * */          viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {                @Override              public void onPageSelected(int position) {                  // on changing the page                  // make respected tab selected                  actionBar.setSelectedNavigationItem(position);              }                @Override              public void onPageScrolled(int arg0, float arg1, int arg2) {              }                @Override              public void onPageScrollStateChanged(int arg0) {              }          });      }        @Override      public void onTabReselected(Tab tab, FragmentTransaction ft) {      }        @Override      public void onTabSelected(Tab tab, FragmentTransaction ft) {          // on tab selected          // show respected fragment view          viewPager.setCurrentItem(tab.getPosition());      }        @Override      public void onTabUnselected(Tab tab, FragmentTransaction ft) {      }    }  

Answer by dinesh sharma for how to add the icon for swipeable tabs


Hi check out the ViewPagerIndicator library.

This is very good example for swipe-able tabs.

Answer by Jake JediMastr Ellis for how to add the icon for swipeable tabs


Add .setIcon(resources.getDrawable(DrawableIDHere)) in your for loop, and also alter your for loop a bit.

// Adding Tabs  for (int i=0; i < tabs.length; i++)  {  actionBar.addTab(actionBar.newTab().setText(tabs[i])                           .setIcon(resources.getDrawable(ICONS[i]))                           .setTabListener(this));  }//endfor  

Also, don't forget to put the right drawable ID's in your ICONS array!

Answer by user2480902 for how to add the icon for swipeable tabs


// here you add an array of your icon      final int[] ICONS = new int[] {                      R.drawable.ic_launcher,                      R.drawable.ic_launcher,                      R.drawable.ic_launcher,                      R.drawable.ic_launcher,              };        // add this following code to solve your problem      // here NewsFeedActivity.this.getResources() is used to get the drawable folder resource      // instead of NewsFeedActivity you have to use your activity name here        for (int i=0; i < tabs.length; i++)              {              actionBar.addTab(actionBar.newTab().setText(tabs[i])                                       .setIcon(NewsFeedActivity.this.getResources().getDrawable(ICONS[i]))                                       .setTabListener(this));              }//endfor  

Answer by Krishna for how to add the icon for swipeable tabs


Have look here I got the same exactly like you expected

Answer by ojonugwa ochalifu for how to add the icon for swipeable tabs


If you are using a TabLayout, just do this:

 final int[] ICONS = new int[]{              R.drawable.ic_action_document,              R.drawable.ic_action_tick,              R.drawable.ic_action_trash};              ....      TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);      tabLayout.setupWithViewPager(mViewPager);        tabLayout.getTabAt(0).setIcon(ICONS[0]);      tabLayout.getTabAt(1).setIcon(ICONS[1]);      tabLayout.getTabAt(2).setIcon(ICONS[2]);  


Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 72

No comments:

Post a Comment