{"id":11582,"date":"2014-07-17T11:00:44","date_gmt":"2014-07-17T08:00:44","guid":{"rendered":"http:\/\/examples.javacodegeeks.com\/?p=11582"},"modified":"2019-05-09T11:09:53","modified_gmt":"2019-05-09T08:09:53","slug":"android-fragment-tabs-example","status":"publish","type":"post","link":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/","title":{"rendered":"Android Fragment Tabs Example"},"content":{"rendered":"

As title clarifies, today we ‘re gonna see how to implement a Tab Layout<\/code> using Fragments<\/code><\/a>. Regarding the previous versions of Android, a Tab Layout<\/code> could be implemented using TabWidget<\/code> and TabHost<\/code>, but now, these are deprecated, so we have to find another workaround, if we don’t want to directly use Google’s solution<\/a>.<\/p>\n

So, today, another easy example: we ‘ll create three (3) tabs (they correspond to my most-driven cars), which will contain fragments; Android Fragments<\/code> must be setup using Listeners<\/code> – you ‘ll see what I mean while moving on.<\/p>\n

For the need of this example, we will use the following tools in a Windows 64-bit platform:<\/p>\n

    \n
  1. JDK 1.7<\/li>\n
  2. Eclipse 4.4 Luna<\/li>\n
  3. Android SDK 4.4<\/li>\n<\/ol>\n
    Tip<\/strong>
    \nYou may skip project creation and jump directly to the     beginning of the example<\/strong><\/a> below.<\/div>\n<\/p>\n

    1. Creating a New Android Application Project<\/h2>\n

    Open Eclipse IDE and go to File \u2192 New \u2192 Project \u2192 Android Application Project.<\/p>\n

    Fill in the name of the application, the project and the package in the appropriate fields and then click Next.<\/p>\n

    \"Figure<\/a>
    Figure 1. Create a new Android application<\/figcaption><\/figure><\/p>\n

    In the next window, the \u201cCreate Activity\u201d option should be checked. The new created activity will be the main activity of your project. Then press Next button.<\/p>\n

    \"Figure<\/a>
    Figure 2. Configure the project<\/figcaption><\/figure><\/p>\n

    In \u201cConfigure Launcher Icon\u201d window you should choose the icon you want to have in your app. We will use the default icon of android, so click Next button.<\/p>\n

    \"Figure<\/a>
    Figure 3. Configure the launcher icon<\/figcaption><\/figure><\/p>\n

    Select the \u201cBlank Activity\u201d option and press Next.<\/p>\n

    \"Figure<\/a>
    Figure 4. Create the activity and select its type<\/figcaption><\/figure><\/p>\n

    You then have to specify a name for the new Activity and a name for the layout description of your app. The .xml files for the layout will automatically be created in the res\/layout<\/code> folder. Finally, press Finish.<\/p>\n

    \"Figure<\/a>
    Figure 5. Create a new blank activity<\/figcaption><\/figure><\/p>\n

    Here is the very final structure of the project, just in case you ‘ll miss something, while developing:<\/p>\n

    \"Figure<\/a>
    Figure 6. The final structure of the project<\/figcaption><\/figure><\/p>\n

    2. Creating the layout of the Main Activity<\/span><\/h2>\n

    Let’s do it by opening res\/layout\/activity_main.xml<\/code> and navigating to the respective xml tab and paste the following.<\/p>\n

    activity_main.xml<\/code><\/i><\/span><\/p>\n

    <?xml version=\"1.0\" encoding=\"utf-8\"?>\n<FrameLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    android:id=\"@+id\/activity_main\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\" \/>\n<\/pre>\n
    This is about the main screen that our tabs will be hosted on; there come’s the ActionListener<\/code> that I fore-mentioned. Especially, we here deal with ActionBar.TabListener<\/code><\/a>.
     
    <\/div> <\/div><\/p>\n
    We ‘ll override its methods, but we don’t actually need the first parameter of them ( tab<\/code> ), as we ‘ll use Fragment<\/code> elements. Doing so, means that each time that our TabListener<\/code> is called, a user action occurs (in our case, the only user action is the tabs’ transition), so we have to conform our TabListener<\/code> in order to automatically change the layout, according to the selected tab.<\/p>\n
    Each tab’s content will be in a separate layout file (so, three extra in overall, one for each tab), but the actual transition will be implemented in the MainActivity<\/code>, using TabListeners  for each tab.<\/p>\n
    I ‘ll leave the rest of your “gaps” to be filled, while reading TabListener<\/code>‘s comments; you ‘ll find this way more mind-sharpening.<\/i><\/p>\n
    But why to use a FrameLayout<\/code>?<\/i>
    \n    This<\/a> and this<\/a> will resolve this issue, too.<\/p>\n
    3. Coding the Main Activity<\/h2>\n
    Let’s first navigate to src\/com.javacodegeeks.android.textviewtest\/MainActivity.java<\/code>. Next, complete the class like this:<\/p>\n
    MainActivity.java<\/code><\/i><\/span><\/p>\n
    package com.javacodegeeks.android.tablayout_with_fragments;\n\nimport android.app.ActionBar;\nimport android.app.Activity;\nimport android.app.Fragment;\nimport android.os.Bundle;\n\npublic class MainActivity extends Activity {\n\n\t\/\/ Declaring our tabs and the corresponding fragments.\n\tActionBar.Tab bmwTab, fordTab, toyotaTab;\n\tFragment bmwFragmentTab = new BmwFragmentTab();\n\tFragment toyotaFragmentTab = new ToyotaFragmentTab();\n\tFragment fordFragmentTab = new FordFragmentTab();\n\t\n\t@Override\n\tprotected void onCreate(Bundle savedInstanceState) {\n\t\tsuper.onCreate(savedInstanceState);\n\t\tsetContentView(R.layout.activity_main);\n\t\t\n\t\t\/\/ Asking for the default ActionBar element that our platform supports.\n\t\tActionBar actionBar = getActionBar();\n\t\t \n        \/\/ Screen handling while hiding ActionBar icon.\n        actionBar.setDisplayShowHomeEnabled(false);\n \n        \/\/ Screen handling while hiding Actionbar title.\n        actionBar.setDisplayShowTitleEnabled(false);\n \n        \/\/ Creating ActionBar tabs.\n        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);\n \n        \/\/ Setting custom tab icons.\n        bmwTab = actionBar.newTab().setIcon(R.drawable.bmw_logo);\n        toyotaTab = actionBar.newTab().setIcon(R.drawable.toyota_logo);\n        fordTab = actionBar.newTab().setIcon(R.drawable.ford_logo);\n        \n        \/\/ Setting tab listeners.\n        bmwTab.setTabListener(new TabListener(bmwFragmentTab));\n        toyotaTab.setTabListener(new TabListener(toyotaFragmentTab));\n        fordTab.setTabListener(new TabListener(fordFragmentTab));\n       \n        \/\/ Adding tabs to the ActionBar.\n        actionBar.addTab(bmwTab);\n        actionBar.addTab(toyotaTab);\n        actionBar.addTab(fordTab);\n\t}\n}\n<\/pre>\n
    Let’s stick to the difficult part of it: line 11 declares three ActionBar<\/code> tabs, while in lines 39-41, a TabListener<\/code> is assigned to each one of them, according to the specific Fragment<\/code> that it corresponds to (lines 12-14). What lines 39-41 also make clear is, that we have to code a constructor<\/code>, for the TabListener<\/code> class.<\/p>\n
    In addition to the fore-mentioned class, we also have to write three extra classes, as lines 12-14 clarify.<\/p>\n
    4. Coding the “extra” Classes<\/h2>\n
    Let’s start by writing the TabListener<\/code> class.<\/p>\n
    TabListener.java<\/code><\/i><\/span><\/p>\n
    package com.javacodegeeks.android.tablayout_with_fragments;\n\nimport android.app.ActionBar.Tab;\nimport android.app.Fragment;\nimport android.app.FragmentTransaction;\nimport android.app.ActionBar;\n\npublic class TabListener implements ActionBar.TabListener {\n\n\tprivate Fragment fragment;\n\t\n\t\/\/ The contructor.\n\tpublic TabListener(Fragment fragment) {\n\t\tthis.fragment = fragment;\n\t}\n\n\t\/\/ When a tab is tapped, the FragmentTransaction replaces\n\t\/\/ the content of our main layout with the specified fragment;\n\t\/\/ that's why we declared an id for the main layout.\n\t@Override\n\tpublic void onTabSelected(Tab tab, FragmentTransaction ft) {\n\t\tft.replace(R.id.activity_main, fragment);\n\t}\n\n\t\/\/ When a tab is unselected, we have to hide it from the user's view. \n\t@Override\n\tpublic void onTabUnselected(Tab tab, FragmentTransaction ft) {\n\t\tft.remove(fragment);\n\t}\n\n\t\/\/ Nothing special here. Fragments already did the job.\n\t@Override\n\tpublic void onTabReselected(Tab tab, FragmentTransaction ft) {\n\t\t\n\t}\n}\n<\/pre>\n
    We ‘ll continue by adding the classes, that refer to the make’s FragmentTab.[ulp id=’XSQzgZ7lDbTb31Tj’]<\/p>\n
    BmwFragmentTab.java<\/code><\/i><\/span><\/p>\n
    package com.javacodegeeks.android.tablayout_with_fragments;\n\nimport android.os.Bundle;\nimport android.view.LayoutInflater;\nimport android.view.View;\nimport android.view.ViewGroup;\nimport android.app.Fragment;\n \npublic class BmwFragmentTab extends Fragment {\n    @Override\n    public View onCreateView(LayoutInflater inflater, ViewGroup container,\n            Bundle savedInstanceState) {\n        View rootView = inflater.inflate(R.layout.bmw_layout, container, false);\n        return rootView;\n    }\n}\n<\/pre>\n
    What we accomplished here is creating an independent Fragment<\/code> tab (regarding our BMW category), whom’s onCreate<\/code> method results to the corresponding xml layout (a simple TextView<\/code> that contains my personal experience, according to the specified make).<\/p>\n
    ToyotaFragmentTab.java<\/code><\/i><\/span><\/p>\n
    package com.javacodegeeks.android.tablayout_with_fragments;\n\nimport android.os.Bundle;\nimport android.view.LayoutInflater;\nimport android.view.View;\nimport android.view.ViewGroup;\nimport android.app.Fragment;\n \npublic class ToyotaFragmentTab extends Fragment {\n    @Override\n    public View onCreateView(LayoutInflater inflater, ViewGroup container,\n            Bundle savedInstanceState) {\n        View rootView = inflater.inflate(R.layout.toyota_layout, container, false);\n        return rootView;\n    }\n}\n<\/pre>\n
    Continuing on the same concept with BmwFragmentTab<\/code>, we here point the ToyotaFragmentTab<\/code> to the toyota_layout<\/code> (no need for worries till here, as this is about simple layouts, as I fore-mentioned, which we ‘ll code in the next paragraph).<\/p>\n
    FordFragmentTab.java<\/code><\/i><\/span><\/p>\n
    package com.javacodegeeks.android.tablayout_with_fragments;\n\nimport android.os.Bundle;\nimport android.view.LayoutInflater;\nimport android.view.View;\nimport android.view.ViewGroup;\nimport android.app.Fragment;\n \npublic class FordFragmentTab extends Fragment {\n    @Override\n    public View onCreateView(LayoutInflater inflater, ViewGroup container,\n            Bundle savedInstanceState) {\n        View rootView = inflater.inflate(R.layout.ford_layout, container, false);\n        return rootView;\n    }\n}\n<\/pre>\n
    Same here, a FragmentTab<\/code> that points the layout we need.<\/p>\n
    5. Coding the “extra” layouts<\/h2>\n
    What is clear from the previous paragraph, is the fact that we need three xml layouts, to host our FragmentTabs’ user interface. A simple TextView<\/code> for each one, as I said.<\/p>\n
    bmw_layout.xml<\/code><\/i><\/span><\/p>\n
    <RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\" >\n \n    <TextView\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:layout_centerHorizontal=\"true\"\n        android:layout_centerVertical=\"true\"\n        android:text=\"Yes, I'm a proud E46-er!\" \/>\n \n<\/RelativeLayout>\n<\/pre>\n
    toyota_layout.xml<\/code><\/i><\/span><\/p>\n
    <RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\" >\n \n    <TextView\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:layout_centerHorizontal=\"true\"\n        android:layout_centerVertical=\"true\"\n        android:text=\"You mud? Toyota Hilux 2.4TD!\" \/>\n \n<\/RelativeLayout>\n<\/pre>\n
    ford_layout.xml<\/code><\/i><\/span><\/p>\n
    <RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\" >\n \n    <TextView\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:layout_centerHorizontal=\"true\"\n        android:layout_centerVertical=\"true\"\n        android:text=\"God, help the poor man that bought my Fiesta.\" \/>\n \n<\/RelativeLayout>\n<\/pre>\n
    6. Running the application<\/h2>\n
    \"Figure<\/a>
    Figure 7. Initial state of the app – first tab is selected by default<\/figcaption><\/figure><\/p>\n
    Let’s tap the other two tabs, too!<\/p>\n
    \"Figure<\/a>
    Figure 8. Tapping the second tab<\/figcaption><\/figure>
    \n
    \"Figure<\/a>
    Figure 9. Tapping the third tab<\/figcaption><\/figure><\/p>\n
    7. Source Code Download<\/h2>\n
    Cheers!
    \nThis was an example of Fragment Tabs in Android. You can also download the source code for this example:     TabLayout_with_Fragments.zip<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
    As title clarifies, today we ‘re gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could be implemented using TabWidget and TabHost, but now, these are deprecated, so we have to find another workaround, if we don’t want to directly use Google’s solution. So, today, …<\/p>\n","protected":false},"author":12,"featured_media":1202,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[489],"tags":[1156],"class_list":["post-11582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fragment","tag-eclipse"],"yoast_head":"\nAndroid Fragment Tabs Example - Java Code Geeks<\/title>\n<meta name=\"description\" content=\"As title clarifies, today we 're gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Android Fragment Tabs Example - Java Code Geeks\" \/>\n<meta property=\"og:description\" content=\"As title clarifies, today we 're gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could\" \/>\n<meta property=\"og:url\" content=\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Examples Java Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/javacodegeeks\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/toubou.techblog\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-17T08:00:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-09T08:09:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thodoris Bais\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ThodorisBais\" \/>\n<meta name=\"twitter:site\" content=\"@javacodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thodoris Bais\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\"},\"author\":{\"name\":\"Thodoris Bais\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/045f5a70ed608824c16959f146ede983\"},\"headline\":\"Android Fragment Tabs Example\",\"datePublished\":\"2014-07-17T08:00:44+00:00\",\"dateModified\":\"2019-05-09T08:09:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\"},\"wordCount\":850,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg\",\"keywords\":[\"Eclipse\"],\"articleSection\":[\"Fragment\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\",\"name\":\"Android Fragment Tabs Example - Java Code Geeks\",\"isPartOf\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg\",\"datePublished\":\"2014-07-17T08:00:44+00:00\",\"dateModified\":\"2019-05-09T08:09:53+00:00\",\"description\":\"As title clarifies, today we 're gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could\",\"breadcrumb\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/examples.javacodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Android\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/android\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"core\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/android\/core\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"app\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/android\/core\/app\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Fragment\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/android\/core\/app\/fragment\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Android Fragment Tabs Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#website\",\"url\":\"https:\/\/examples.javacodegeeks.com\/\",\"name\":\"Java Code Geeks\",\"description\":\"Java Examples and Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\"},\"alternateName\":\"JCG\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/examples.javacodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/examples.javacodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/javacodegeeks\",\"https:\/\/x.com\/javacodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/045f5a70ed608824c16959f146ede983\",\"name\":\"Thodoris Bais\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Thodoris-Bais_avatar_1425256492-96x96.jpg\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Thodoris-Bais_avatar_1425256492-96x96.jpg\",\"caption\":\"Thodoris Bais\"},\"description\":\"Thodoris is an Oracle Certified Associate Java Programmer and currently works as a Junior Software Developer, for Intrasoft International S.A. He holds a diploma at Informatics & Telecommunications Engineering and is interested in continuous development.\",\"sameAs\":[\"http:\/\/thodorisbais.blogspot.com\",\"https:\/\/www.facebook.com\/toubou.techblog\/\",\"https:\/\/instagram.com\/thodoris.bais\/\",\"https:\/\/www.linkedin.com\/pub\/thodoris-bais\/69\/6b7\/408\",\"https:\/\/x.com\/@ThodorisBais\"],\"url\":\"https:\/\/examples.javacodegeeks.com\/author\/thodoris-bais\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Android Fragment Tabs Example - Java Code Geeks","description":"As title clarifies, today we 're gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/","og_locale":"en_US","og_type":"article","og_title":"Android Fragment Tabs Example - Java Code Geeks","og_description":"As title clarifies, today we 're gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could","og_url":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/","og_site_name":"Examples Java Code Geeks","article_publisher":"https:\/\/www.facebook.com\/javacodegeeks","article_author":"https:\/\/www.facebook.com\/toubou.techblog\/","article_published_time":"2014-07-17T08:00:44+00:00","article_modified_time":"2019-05-09T08:09:53+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg","type":"image\/jpeg"}],"author":"Thodoris Bais","twitter_card":"summary_large_image","twitter_creator":"@ThodorisBais","twitter_site":"@javacodegeeks","twitter_misc":{"Written by":"Thodoris Bais","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#article","isPartOf":{"@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/"},"author":{"name":"Thodoris Bais","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/045f5a70ed608824c16959f146ede983"},"headline":"Android Fragment Tabs Example","datePublished":"2014-07-17T08:00:44+00:00","dateModified":"2019-05-09T08:09:53+00:00","mainEntityOfPage":{"@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/"},"wordCount":850,"commentCount":0,"publisher":{"@id":"https:\/\/examples.javacodegeeks.com\/#organization"},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage"},"thumbnailUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg","keywords":["Eclipse"],"articleSection":["Fragment"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/","url":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/","name":"Android Fragment Tabs Example - Java Code Geeks","isPartOf":{"@id":"https:\/\/examples.javacodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage"},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage"},"thumbnailUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg","datePublished":"2014-07-17T08:00:44+00:00","dateModified":"2019-05-09T08:09:53+00:00","description":"As title clarifies, today we 're gonna see how to implement a Tab Layout using Fragments. Regarding the previous versions of Android, a Tab Layout could","breadcrumb":{"@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#primaryimage","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/android-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/examples.javacodegeeks.com\/android\/core\/app\/fragment\/android-fragment-tabs-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/examples.javacodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"Android","item":"https:\/\/examples.javacodegeeks.com\/category\/android\/"},{"@type":"ListItem","position":3,"name":"core","item":"https:\/\/examples.javacodegeeks.com\/category\/android\/core\/"},{"@type":"ListItem","position":4,"name":"app","item":"https:\/\/examples.javacodegeeks.com\/category\/android\/core\/app\/"},{"@type":"ListItem","position":5,"name":"Fragment","item":"https:\/\/examples.javacodegeeks.com\/category\/android\/core\/app\/fragment\/"},{"@type":"ListItem","position":6,"name":"Android Fragment Tabs Example"}]},{"@type":"WebSite","@id":"https:\/\/examples.javacodegeeks.com\/#website","url":"https:\/\/examples.javacodegeeks.com\/","name":"Java Code Geeks","description":"Java Examples and Code Snippets","publisher":{"@id":"https:\/\/examples.javacodegeeks.com\/#organization"},"alternateName":"JCG","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/examples.javacodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/examples.javacodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/examples.javacodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/javacodegeeks","https:\/\/x.com\/javacodegeeks"]},{"@type":"Person","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/045f5a70ed608824c16959f146ede983","name":"Thodoris Bais","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Thodoris-Bais_avatar_1425256492-96x96.jpg","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Thodoris-Bais_avatar_1425256492-96x96.jpg","caption":"Thodoris Bais"},"description":"Thodoris is an Oracle Certified Associate Java Programmer and currently works as a Junior Software Developer, for Intrasoft International S.A. He holds a diploma at Informatics & Telecommunications Engineering and is interested in continuous development.","sameAs":["http:\/\/thodorisbais.blogspot.com","https:\/\/www.facebook.com\/toubou.techblog\/","https:\/\/instagram.com\/thodoris.bais\/","https:\/\/www.linkedin.com\/pub\/thodoris-bais\/69\/6b7\/408","https:\/\/x.com\/@ThodorisBais"],"url":"https:\/\/examples.javacodegeeks.com\/author\/thodoris-bais\/"}]}},"_links":{"self":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/11582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/comments?post=11582"}],"version-history":[{"count":0,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/11582\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/media\/1202"}],"wp:attachment":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/media?parent=11582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/categories?post=11582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/tags?post=11582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}