When each of the tabs is selected, it displays a different Android fragment or page. We're going to create a TabLayout with just three tabs. Design is how it works. - Steve Jobsįire up Android Studio 3 and create a new project (you can name it TabLayoutDemo) with an empty activity called MainActivity. In the following sections, we'll dive into coding a simple app that makes use of TabLayout with a ViewPager. Let's get rolling! Design is not just what it looks like and feels like. For example, the latest Twitter app for Android uses icons instead of text on each tab. Here is an example of a TabLayout with scrollable tab mode-showcased in the latest version of the News & Weather Android app by Google.įurthermore, the information displayed on a tab can be text, an icon, or a combination of both text and an icon. In scrollable tabs, if the number of tabs becomes too wide for the screen, the user can swipe left or right to view more tabs. The screenshot below is the latest official WhatsApp Android app (as of this writing), which uses a TabLayout with a fixed mode configuration. If the tabs are fixed, all of the tabs will be displayed on the screen at the same time. The TabLayout component can have its displayed tabs function in one of two ways: fixed and scrollable. In a TabLayout, when a tab is selected or tapped, a different page (or fragment) is shown to the user. Moreover, it is also included in the design support library. The TabLayout component is one of the components introduced as part of the material design artifacts. TabLayout provides a horizontal layout to display tabs. According to the official Android documentation on TabLayout, it says:
0 kommentar(er)
