{"id":13428832,"url":"https://github.com/nirukk52/SnapTabLayout","last_synced_at":"2025-03-16T02:30:31.847Z","repository":{"id":44339318,"uuid":"144460646","full_name":"nirukk52/SnapTabLayout","owner":"nirukk52","description":"Android library for fluid tablayout animation as seen on Snapchat.","archived":false,"fork":false,"pushed_at":"2022-07-20T18:28:16.000Z","size":11665,"stargazers_count":768,"open_issues_count":3,"forks_count":52,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-11T01:53:47.601Z","etag":null,"topics":["android","animation","bottomnavigationview","snapchat","tablayout","viewpager"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nirukk52.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-08-12T11:21:27.000Z","updated_at":"2025-03-10T09:55:02.000Z","dependencies_parsed_at":"2022-08-12T11:02:24.624Z","dependency_job_id":null,"html_url":"https://github.com/nirukk52/SnapTabLayout","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirukk52%2FSnapTabLayout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirukk52%2FSnapTabLayout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirukk52%2FSnapTabLayout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirukk52%2FSnapTabLayout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nirukk52","download_url":"https://codeload.github.com/nirukk52/SnapTabLayout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243815571,"owners_count":20352193,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","animation","bottomnavigationview","snapchat","tablayout","viewpager"],"created_at":"2024-07-31T01:01:06.257Z","updated_at":"2025-03-16T02:30:29.294Z","avatar_url":"https://github.com/nirukk52.png","language":"Kotlin","readme":"\n# SnapTabLayout [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Android%20library%20for%20fluid%20tablayout%20animation\u0026url=https://github.com/nirukk52/SnapTabLayout\u0026hashtags=android,design,animation,androiddev,developers)\n### Show some :heart: and star the repo to support the project\n\u003c!--[![CircleCI](https://circleci.com/gh/nirukk52/SnapTabLayout/tree/master.svg?style=shield)](https://circleci.com/gh/nirukk52/SnapTabLayout/tree/master) \n[ ![Download](https://api.bintray.com/packages/nirukk52/maven/SnapTablayout/images/download.svg) ](https://bintray.com/nirukk52/maven/SnapTablayout/_latestVersion) --\u003e\n[![Android Arsenal]( https://img.shields.io/badge/Android%20Arsenal-SnapTabLayout-blue.svg?style=flat )]( https://android-arsenal.com/details/1/7243 ) \n[![Material Up](https://img.shields.io/badge/materialup-SnapTablayout-blue.svg)](https://www.uplabs.com/posts/snaptablayout) \n[![Android_Weekly](https://img.shields.io/badge/androidweekly-%23332-blue.svg)](http://androidweekly.net/issues/issue-332)\n\n\nThis library is the implementation of TabLayout as seen on popular messaging app Snapchat \u003ca href=\"https://www.snapchat.com/download\" target=\"_blank\"\u003eSnapchat.com\u003c/a\u003e.\n\nIt can be used to animate Three or Five tabs.\n\n## 👏 Demo\n![snaptablayout demo 1](https://user-images.githubusercontent.com/28961063/46969922-3c1dd680-d0d5-11e8-81b6-60cf032dcb92.gif)  ![snaptablayout demo 2](https://user-images.githubusercontent.com/28961063/47112776-f26bf200-d274-11e8-9475-879e402a1aa9.gif)   \n\n## Contents\n - [Installation](#💻-Installation)\n - [How to use / Sample](#❔-Usage)\n \t- [Customization](#📐-Customization)\n - [Bugs and feedback](#bugs-and-feedback)\n\n## 💻 Installation\n\n     implementation 'com.fridayof1995.tabanimation:SnapTablayout:0.0.7'\n\n## ❔ Usage\n### Step 1\n```xml    \n\u003ccom.fridayof1995.tabanimation.SnapTabLayout\n        android:id=\"@+id/tabLayout\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:layout_alignParentBottom=\"true\"\n\t.\n\t.\t\t\t\t     \n\tcustom:numOfTabs=\"three\"\n        /\u003e\n```\n### Step 2\n* ### Tab Number (Required)\nThis parameter specifies the number of tabs required:\n```\nsetNumOfTabs(SnapTabLayout.NumOfTabs.THREE);\nor\nsetNumOfTabs(SnapTabLayout.NumOfTabs.FIVE);\n```\n\n* ### Setting the icons (Required)\nThis parameter specifies the icons to be inflated:\nAll of the below are ImageButtons so you can set image, background etc.\n![tab_name_explain](https://user-images.githubusercontent.com/28961063/47033253-f4a95000-d191-11e8-91b6-c95fce21b439.png)\n```\ntabLayout.smallCenterButton.setImageResource()\ntabLayout.largeCenterButton.setImageResource()\ntabLayout.startButton.setImageResource()\ntabLayout.endButton.setImageResource()\n\n//Below required only when using five tabs.\ntabLayout.midStart.setImageResource()\ntabLayout.midEnd.setImageResource()\n```\n\n## 📐 Customization\n\n* ### Background (Optional)\nThis parameter sets the background in extended and collapsed tab mode:\n```\ntabLayout.setBackgroundCollapsed(R.drawable.tab_gradient_collapsed) // By default black fall gradient.\ntabLayout.setBackgroundExpanded(R.drawable.tab_gradient_expanded)\n```\n\n* ### Color Transition in Icons (Optional)\nThis parameter sets the *ColorFilter* in extended and collapsed tab mode:\n```\n// When the layout moves from expanded to collapsed: Icons color transitions from white to black.\ntabLayout.setTransitionIconColors(R.color.white, R.color.black)\n\n```\n\n* ### Color Transition in ViewPager Background (Optional)\nThis parameter gives a smooth color transition to the background of viewpager as seen in demo:\n```\ntabLayout.setVpTransitionBgColors(LeftSideColor: android.R.color.holo_purple\n                , CenterColor: android.R.color.black\n                , RightSideColor: android.R.color.holo_orange_dark)\n\n```\n## Bugs and Feedback\n\nFor bugs, feature requests, and discussion please use [GitHub Issues](https://github.com/nirukk52/SnapTabLayout/issues).\n\n## 👨 Developed By\n\n```\nNiranjan Kurambhatti\n```\n\n## 📃 License\n\n    Copyright 2018 Niranjan Kurambhatti\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n","funding_links":[],"categories":["Libraries","Index"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnirukk52%2FSnapTabLayout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnirukk52%2FSnapTabLayout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnirukk52%2FSnapTabLayout/lists"}