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. Nice post. Thank you for sharing the information.
    moviebox application
    show box

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

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

    ReplyDelete
  6. Please send your your Whatsapp group link

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

    ReplyDelete
    Replies
    1. I also want to know.
      How can I use widgets and it's function in this ?

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

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

    ReplyDelete
  10. Error:

    Stop block doesn't exist in forever block.

    Please help.

    ReplyDelete
  11. 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
  12. I am getting problem to make four side scroll. In sketchware vertical and horizontal are two different scroll only two sided

    ReplyDelete
  13. android.support.design cannot be resolved into type

    ReplyDelete
  14. I want to know how to create an appwidget with sketchware. Help me please

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete

Post a Comment

Popular posts from this blog

Simple car racing android game in Sketchware

Creating a Drawing View in Sketchware

Enable Fullscreen for Youtube videos in WebView

How to enable upload from webview in Sketchware?

List of Calendar Format symbols valid in Sketchware