DISPOSITIVOS MÓVILES: ACTION BAR - TOOLBAR

PROGRAMACIÓN MULTIMEDIA
Y
DISPOSITIVOS MÓVILES

PROGRAMACIÓN MULTIMEDIA Y DISPOSITIVOS MÓVILES
COMENZANDO A PROGRAMAR
© J.D.CABRERA
COMENZANDO A
PROGRAMAR

© J.D.CABRERA
LA CLASE VIEWGROUPS

© J.D.CABRERA
ACTION BAR

© J.D.CABRERA
API 11 Android 3.0
MENÚS

© J.D.CABRERA
ACTIONBARSHERLOCK
ACTIONBARCOMPAT
ACTION BAR DE ANDROID
ACTION BAR

© J.D.CABRERA
ACTION BAR SIMPLE

© J.D.CABRERA
ACTION BAR
<menu xmlns:android="http://schemas.android.com/apk/res/android">
< item android:id=“@+id/IDENTIFICADOR1“
android:title=“TEXTO DE LA OPCIÓN1“
android:showAsAction=“ifRoom“
android:icon=“@android:drawable/iconoopcion1“
< /item>
< item android:id=“@+id/IDENTIFICADOR2“
android:title=“TEXTO DE LA OPCIÓN2“
android:showAsAction=“never“
android:icon=“@android:drawable/iconoopcion1“
< /item>
</>

© J.D.CABRERA
android:title
android:showAsAction
android:icon
ACTION BAR
android:orderInCategory

© J.D.CABRERA
ifRoom|withText
ACTION BAR: SHOWASACTION
never
ifRoom
always
withText

© J.D.CABRERA
CONFIGURANDO ACTION BAR

© J.D.CABRERA
hide()
setTitle()
setSubtitle()
getSupportActionBar()
ACTION BAR: CONFIGURÁNDOLA
setIcon()

© J.D.CABRERA
setContentView()
setDisplayShowCustomEnabled()
getSupportActionBar()
setDisplayOptions()

© J.D.CABRERA
DISPLAY_USE_LOGO
DISPLAY_HOME_AS_UP
DISPLAY_SHOW_CUSTOM
setDisplayOptions()
DISPLAY_SHOW_TITLE

© J.D.CABRERA
ACTION BAR CON TABS

© J.D.CABRERA
AÑADIMOS LAS PESTAÑAS AL ACTION BAR
ASOCIAMOS LOS LISTENER
CREAMOS LOS FRAGMENTOS
ESTABLECEMOS EL MODO DE NAVEGACIÓN
CREAMOS LA PESTAÑAS
OBTENEMOS LA REFERENCIA
ACTION BAR CON TABS

© J.D.CABRERA
ActionBar abar = getActionBar();
abar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
ActionBar.Tab tab1 = abar.newTab().setText("Tab 1");
ActionBar.Tab tab2 = abar.newTab().setText("Tab 2");
Fragment tab1frag = new Tab1Fragment();
Fragment tab2frag = new Tab2Fragment();
tab1.setTabListener(new MiTabListener(tab1frag));
tab2.setTabListener(new MiTabListener(tab2frag));
abar.addTab(tab1);
abar.addTab(tab2);
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
public class Tab1Fragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater,
ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragmento1, container, false);
}
}

© J.D.CABRERA
ACTION BAR CON TABS
public class MiTabListener implements ActionBar.TabListener {
private Fragment fragment;
public MiTabListener(Fragment fg)
{ this.fragment = fg; }
@Override
public void onTabReselected(Tab tab, FragmentTransaction ft) {
//ACCIÓN DESEADA// }
@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
//ACCIÓN DESEADA//
ft.replace(R.id.contenedor, fragment);
@Override
public void onTabUnselected(Tab tab, FragmentTransaction ft) {
//ACCIÓN DESEADA//
ft.remove(fragment);} }

© J.D.CABRERA
ACTION BAR CON TABS
MATERIAL DESIGN

© J.D.CABRERA
IMPLEMENTAMOS EL VIEWPAGER
AGREGAMOS LA TABLAYOUT
IMPLEMENTAMOS LA TOOLBAR
AGREGAMOS EL COORDINATORLAYOUT
IMPLEMENTAMOS LA APPBAR
PERSONALIZAMOS EL TEMA
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
<android.support.design.widget.CoordinatorLayout
CÓDIGO
<android.support.design.widget.AppBarLayout>
CÓDIGO
<android.support.v7.widget.Toolbar>
CÓDIGO
<android.support.design.widget.TabLayout>
CÓDIGO
</android.support.design.widget.AppBarLayout>
CÓDIGO
<android.support.v4.view.ViewPager>
CÓDIGO
</android.support.design.widget.CoordinatorLayout>

© J.D.CABRERA
CREAMOS EL ADAPTADOR
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
public class Adaptador extends FragmentPagerAdapter {
public Adaptador(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return null;
}
@Override
public CharSequence getPageTitle(int position) {
return null;
}
@Override
public int getCount() {
return 0;
}
}

© J.D.CABRERA
EL MODIFICAMOS EL CONSTRUCTOR
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
public class Adaptador extends FragmentPagerAdapter {
int numeroDeSeciones
public Adaptador(FragmentManager fm, int numeroDeSeciones) {
super(fm);
this. numeroDeSeciones = numeroDeSeciones
}
..//..
@Override
public int getCount() {
return numeroDeSeciones;
}
}

© J.D.CABRERA
EL MODIFICAMOS EL MÉTODO getItem()
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new Fragmento1();
case 1:
case 2:
default:
return null;
}
}

© J.D.CABRERA
EL MODIFICAMOS EL MÉTODO getPageTitle()
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
@Override
public CharSequence getPageTitle(int position) {
switch (position) {
case 0:
return new “TAB 1”;
case 1:
return new “TAB 2“ ;
case 2:
return new “TAB 3”;
default:
return null;
}
}

© J.D.CABRERA
SE CREA LA VISTA DE LOS FRAGMENTOS
SE CREA EL JAVA DE LOS FRAGMENTOS
ACTION BAR CON TABS

© J.D.CABRERA
ACTION BAR CON TABS
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_actionbar03, menu);
return true;
}

© J.D.CABRERA
ACTION BAR CON TABS
TabLayout tabLayout = (TabLayout)
findViewById(R.id.TabLayout);
tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
tabLayout.setTabMode(TabLayout.MODE_FIXED);
tabLayout.addTab(tabLayout.newTab());

© J.D.CABRERA
ACTION BAR CON TABS
private Adaptador Adaptador;
private ViewPager ViewPager;
@Override
protected void onCreate(Bundle savedInstanceState)
ViewPager = (ViewPager) findViewById(R.id.ViewPager);
Adaptador = new Adaptador(getSupportFragmentManager(),
tabLayout.getTabCount());
ViewPager.setAdapter(Adaptador);

© J.D.CABRERA
TOOLBAR
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:elevation="@dimen/elevation"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
tools:ignore="UnusedAttribute"/>

© J.D.CABRERA
NAVIGATION DRAWER
STYLING ACTION BAR
DROP DOWN NAVIGATION
ACTION VIEW
ACTION PROVIDER
ICONO DE NAVEGACIÓN
ACTIVIDAD DE INVESTIGACIÓN
NAVIGATION TABS

DISPOSITIVOS MÓVILES: ACTION BAR - TOOLBAR

DISPOSITIVOS MÓVILES: ACTION BAR - TOOLBAR

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to DISPOSITIVOS MÓVILES: ACTION BAR - TOOLBAR

Similar to DISPOSITIVOS MÓVILES: ACTION BAR - TOOLBAR (20)

More from Jacinto Cabrera Rodríguez

More from Jacinto Cabrera Rodríguez (20)

DISPOSITIVOS MÓVILES: ACTION BAR - TOOLBAR