Android - Asignar icono a un tablayout

 
Vista:
sin imagen de perfil

Asignar icono a un tablayout

Publicado por Miki (6 intervenciones) el 11/12/2015 12:35:06
Hola

estoy practicando con un viewpager y un tablayout y queria que en el titulo de la pestaña en lugar del nombre, saliera un icono.

Como puedo asignar a cada pestaña un icono en lugar de texto, y que sea diferente?

El codigo de la main activity es

aviso que no tengo ni idea a lo mejor es sencillo, pero estoy siguiendo un tutorial, y no aclaro esta parte.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
public class MainActivity extends FragmentActivity implements ActionBar.TabListener {
 
    ViewPager viewpager;
    private  static int[] imgIds = {
            R.drawable.platillo,
            R.drawable.postres,
            R.drawable.bebidas,
    };
    FoodPagerAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
 
        //Establecer el PageAdapter del componente ViewPager
        ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
        viewPager.setAdapter(new FoodPagerAdapter(
                getSupportFragmentManager()));
 
 
        TabLayout tabLayout = (TabLayout) findViewById(R.id.appbartabs);
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        tabLayout.setupWithViewPager(viewPager);
 
    }
 
    @Override
    public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
        // Coordinar la pestaña seleccionada con el item del viewpager
        viewpager.setCurrentItem(tab.getPosition());
        tab.setIcon(R.drawable.bebidas);
    }
 
    @Override
    public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
        //nada por hacer
    }
 
    @Override
    public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
        //nada por hacer
    }
 
 
    /*
Fragmento que usaremos para cada pestaña
 */
    public static class FoodFragment extends Fragment {
        public static final String ARG_SECTION_NAME = "section_name";
        public static final String ARG_SECTION_IMAGE = "section_image";
 
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState)
        {
            View rootView = inflater.inflate(R.layout.fragment_content,container,false);
 
            Bundle args = getArguments();
 
            // Setear la imagen al fragmento
            ImageView image = (ImageView)rootView.findViewById(R.id.imageView);
            image.setImageResource(imgIds[args.getInt(ARG_SECTION_IMAGE)]);
 
            // Setear el texto
            TextView texto = (TextView)rootView.findViewById(R.id.textView);
            texto.setText(getString(R.string.section_title)+" "+args.getString(ARG_SECTION_NAME));
           // ((TextView) rootView.findViewById(android.R.id.text1)).setText(getString(R.string.section_title) );
            return rootView;
 
        }
    }
    /*
    Adaptador de fragmentos para el ViewPager
     */
    public static class FoodPagerAdapter extends FragmentPagerAdapter {
 
        public FoodPagerAdapter(FragmentManager fm)
        {
            super(fm);
        }
 
        @Override
        public int getCount()
        {
            return 3;
        }
 
        @Override
        public CharSequence getPageTitle(int position) {
            switch(position){
                case 0: return "PRINCIPALES";
                case 1: return "POSTRES";
                case 2: return "BEBIDAS";
                default: return "";
            }
        }
 
        @Override
        public Fragment getItem(int i) {
 
            // Crear un FoodFragment con el nombre como argumento
            Fragment fragment = new FoodFragment();
            Bundle args = new Bundle();
            args.putString(FoodFragment.ARG_SECTION_NAME, getPageTitle(i).toString());
            args.putInt(FoodFragment.ARG_SECTION_IMAGE, i);
            fragment.setArguments(args);
            return fragment;
        }
    }
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Asignar icono a un tablayout

Publicado por Víctor (1 intervención) el 05/05/2016 16:32:20
Primero debes comentar la linea

//tablayout.setupWithViewPager(viewPager) ;

si no la comentas no se mostraran los iconos.
Este codigo añade los tabs y les asigna un icono

Int imgIds[] ={R.drawable.tu_icono, etc ...} ;

For(int i=0;i<tabadapter.getCount();i++) {
tablayout.addTab(tabLayout.newTab(). setIcon(imgIds[i]) );
}
Y por último sincronizamos el TabLayout con el ViewPager
viewPager.addOnPageChangeLisener(new TabLayout.TabLayoutOnPageChangeLisener(tabLayout)) ;

Por cierto ActionBar.TabListener esta deprecado en su lugar es mejor usar TabLayout. OnTabSelectedListener
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar