Scrollable TabLayout in Sketchware

The example provided below shows how to create a simple scrollable TabLayout and add a TabLayout.OnTabSelectedListener to it in Sketchware.

1. In VIEW area of main.xml add a Linear Vertical linear1 with width and height as match_parent. Inside it add a Linear Horizontal linear2.

2. Switch On AppCompat and design.

3. In onCreate event, use an add source directly block and put following codes.
// Create a TabLayout (tabLayout)
android.support.design.widget.TabLayout tabLayout = new android.support.design.widget.TabLayout(this);
// Make TabLayout scrollable
tabLayout.setTabMode(android.support.design.widget.TabLayout.MODE_SCROLLABLE);
// Add Tabs to the TabLayout
tabLayout.addTab(tabLayout.newTab().setText("Sunday")); tabLayout.addTab(tabLayout.newTab().setText("Monday")); tabLayout.addTab(tabLayout.newTab().setText("Tuesday"));
tabLayout.addTab(tabLayout.newTab().setText("Wednesday")); tabLayout.addTab(tabLayout.newTab().setText("Thursday")); tabLayout.addTab(tabLayout.newTab().setText("Friday"));
tabLayout.addTab(tabLayout.newTab().setText("Saturday"));
// Add TabLayout to linear2
linear2.addView(tabLayout);
// Add OnTabSelectedListener to the TabLayout
tabLayout.addOnTabSelectedListener(new android.support.design.widget.TabLayout.OnTabSelectedListener(){
@Override
public void onTabSelected(android.support.design.widget.TabLayout.Tab tab){
switch(tab.getText().toString()){
case "Sunday":
linear1.setBackgroundColor(Color.RED);
break;
case "Monday":
linear1.setBackgroundColor(Color.parseColor("#aaddab"));
break;
case "Tuesday":
linear1.setBackgroundColor(Color.parseColor("#0dddad"));
break;
case "Wednesday":
linear1.setBackgroundColor(Color.BLUE);
break;
case "Thursday":
linear1.setBackgroundColor(Color.YELLOW);
break;
case "Friday":
linear1.setBackgroundColor(Color.WHITE);
break;
case "Saturday":
linear1.setBackgroundColor(Color.GREEN);
break;
}
}
@Override
public void onTabReselected(android.support.design.widget.TabLayout.Tab tab){
}
@Override
public void onTabUnselected(android.support.design.widget.TabLayout.Tab tab){
}

});

4. Save and run the project.

The video below shows the same.


Adding TabLayout in latest version of Sketchware:
https://www.sketchwarehelp.com/2020/02/androidx-tablayout-in-sketchware.html?m=1

Comments

  1. How to create keyboard app
    https://freetril.blogspot.com/2019/05/annabelle-comes-home.html

    ReplyDelete
  2. Dil değiştirme nasıl yapılır

    ReplyDelete
  3. Thanks for sharing this post. I'm very interested in this topic. https://onlineconvertfree.com/converter/images/

    ReplyDelete
  4. Nice post. Thank you for sharing the information.
    moviebox application
    show box

    ReplyDelete
  5. Bro does admob show ads in app made in sketchware

    ReplyDelete
  6. Bro plzz tell me, does admob really show ads in apps made in sketchware

    ReplyDelete
  7. Please send your your Whatsapp group link

    ReplyDelete
  8. How can we set component widgets in these tab layouts ?

    ReplyDelete
  9. الان على موقع مذركير احصل على جميع ما تحتاجه من منتجات مذركير للاطفال و جميع منتجات الام في فترة الحمل و كل ما تحتاجه و ذلك بجودة عالية و اقل الاسعار و مع خصومات رائعة مع كوبون خصم مذركير المميز و يوفر سرير مذركير ذو الجودة العالية و الذي لن تجده في اماكن اخرى

    ReplyDelete
  10. Can u please provide another tutorial on how to use transformers with tablayout and viewpagers

    ReplyDelete
  11. Error:

    Stop block doesn't exist in forever block.

    Please help.

    ReplyDelete
  12. I want to send website link from firebase to app. And that link will be possible to be gone , when I will click.. how to do ?????

    ReplyDelete
  13. I am getting problem to make four side scroll. In sketchware vertical and horizontal are two different scroll only two sided

    ReplyDelete

Post a Comment

Popular posts from this blog

Create Music Player app in Sketchware

A Flash Light App in Sketchware

In Sketchware: How to create a calculator for any simple formula?

Firebase auth in Sketchware for Login Activity

Simple car racing android game in Sketchware