Blog coding and discussion of coding about JavaScript, PHP, CGI, general web building etc.

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

0 comments:

Post a Comment

Popular Posts

Powered by Blogger.