TabLayout en Sketchware

En este tutorial, aprenderás cómo utilizar TabLayout en Sketchware para crear pestañas en tu aplicación de Android. TabLayout es una herramienta poderosa para la navegación entre diferentes secciones de tu aplicación, y es ampliamente utilizada en aplicaciones modernas para mejorar la experiencia del usuario.

Para implementar TabLayout en Sketchware, sigue los siguientes pasos:

  1. Crea 5 Linear, al primer linear le pones de nombre cod, base, layout1, layout2, trash.
  2. Crea un CustomView con nombre empty y dentro de él agrega un Linear con ID linear1.
  3. Agrega el siguiente código en el evento OnCreate y activa el AppCompat para evitar errores de compilación.

androidx.appcompat.app.AppCompatActivity {
    override void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        androidx.coordinatorlayout.widget.CoordinatorLayout base = new androidx.coordinatorlayout.widget.CoordinatorLayout(this);

        com.google.android.material.appbar.AppBarLayout appBarLayout =
            (com.google.android.material.appbar.AppBarLayout) _toolbar.getParent();

        appBarLayout.setStateListAnimator(null);

        androidx.viewpager.widget.ViewPager viewPager = new androidx.viewpager.widget.ViewPager(this);
        viewPager.setLayoutParams(new ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

        MyPagerAdapter adapter = new MyPagerAdapter();
        viewPager.setAdapter(adapter);
        viewPager.setCurrentItem(0);
        base.addView(viewPager);

        com.google.android.material.tabs.TabLayout tabLayout = new com.google.android.material.tabs.TabLayout(this);
        tabLayout.setLayoutParams(new ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        tabLayout.setTabGravity(com.google.android.material.tabs.TabLayout.GRAVITY_FILL);
        tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#008dcd"));
        tabLayout.setTabTextColors(Color.parseColor("#008dcd"), Color.parseColor("#ffffff"));
        tabLayout.setupWithViewPager(viewPager);
        cod.addView(tabLayout);
        cod.setElevation(5f);
    }
}

Puedes personalizar este código y agregar más pestañas según tus necesidades. ¡Explora las capacidades de TabLayout en tu aplicación!