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.

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. Bro does admob show ads in app made in sketchware

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

    ReplyDelete
  5. Please send your your Whatsapp group link

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

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

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

    ReplyDelete
  9. Error:

    Stop block doesn't exist in forever block.

    Please help.

    ReplyDelete
  10. 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

Post a Comment

Popular posts from this blog

A Flash Light App in Sketchware

Create Music Player app in Sketchware

Simple car racing android game in Sketchware

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

Firebase auth in Sketchware for Login Activity