{"id":15025426,"url":"https://github.com/yinglannull/alphatabsindicator","last_synced_at":"2025-04-13T07:49:34.691Z","repository":{"id":37663151,"uuid":"72083269","full_name":"yingLanNull/AlphaTabsIndicator","owner":"yingLanNull","description":"高仿微信底部状态栏的轻量级库，非MagicIndicator那么功能庞大，简化功能符合大多数BottomTabBar应用设计需求, Lightweight Library of high imitation WeChat bottom status bar","archived":false,"fork":false,"pushed_at":"2018-12-25T05:30:10.000Z","size":4720,"stargazers_count":1076,"open_issues_count":8,"forks_count":219,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-04-13T07:49:30.377Z","etag":null,"topics":["bottombar","indicator","wechat"],"latest_commit_sha":null,"homepage":"","language":"Java","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/yingLanNull.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":"2016-10-27T07:37:33.000Z","updated_at":"2025-03-07T05:33:39.000Z","dependencies_parsed_at":"2022-09-05T14:32:03.863Z","dependency_job_id":null,"html_url":"https://github.com/yingLanNull/AlphaTabsIndicator","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/yingLanNull%2FAlphaTabsIndicator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yingLanNull%2FAlphaTabsIndicator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yingLanNull%2FAlphaTabsIndicator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yingLanNull%2FAlphaTabsIndicator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yingLanNull","download_url":"https://codeload.github.com/yingLanNull/AlphaTabsIndicator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248681494,"owners_count":21144700,"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":["bottombar","indicator","wechat"],"created_at":"2024-09-24T20:02:19.419Z","updated_at":"2025-04-13T07:49:34.667Z","avatar_url":"https://github.com/yingLanNull.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AlphaTabsIndicator\nHigh imitation microblogging at the bottom of the status bar of the lightweight library for most of the bottom status bar application requirements.\n## Abstract\nImitation WeChat at the bottom of the tab label, slide the color gradient, increase the angle mark function, the use of extremely simple, only two lines of code.\n\n## Chinese Documents\n[查看中文文档](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/READEME_CN.md)\n\n## Gif\n![1](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/show/show.gif)\n\n## Screenshot\n![1](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/show/Screenshot1.png)\n![2](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/show/Screenshot2.png)\n![3](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/show/Screenshot3.png)\n![4](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/show/Screenshot4.png)\n\n## Demo\n[Download Demo](https://github.com/yingLanNull/AlphaTabsIndicator/blob/master/show/app-debug.apk)\n\n## Usage\n### Step 1\n#### Gradle\n```\ndependencies {\n    compile 'com.yinglan.alphatabs:library:1.0.8'\n}\n```\n\n### Step 2\n\n#### In Layout\n```\n\t        \u003ccom.yinglan.alphatabs.AlphaTabsIndicator\n                android:id=\"@+id/alphaIndicator\"\n                android:layout_width=\"match_parent\"\n                android:layout_height=\"55dp\"\n                android:orientation=\"horizontal\"\u003e\n\n                \u003ccom.yinglan.alphatabs.AlphaTabView\n                    android:layout_width=\"0dp\"\n                    android:layout_height=\"match_parent\"\n                    android:layout_weight=\"1\"\n                    android:padding=\"5dp\"\n\n                    app:tabIconNormal=\"\"\n                    app:tabIconSelected=\"\"\n                    app:tabText=\"\"\n                    app:tabTextSize=\"\"\n                    app:textColorNormal=\"\"\n                    app:textColorSelected=\"\"\n                    app:badgeBackgroundColor=\"\"\n                    app:paddingTexwithIcon=\"\"/\u003e\n\n                \u003ccom.yinglan.alphatabs.AlphaTabView\n                    android:layout_width=\"0dp\"\n                    android:layout_height=\"match_parent\"\n                    android:layout_weight=\"1\"\n                    android:padding=\"5dp\"\n\n                    app:tabIconNormal=\"\"\n                    app:tabIconSelected=\"\"\n                    app:tabText=\"\"\n                    app:tabTextSize=\"\"\n                    app:textColorNormal=\"\"\n                    app:textColorSelected=\"\"\n                    app:badgeBackgroundColor=\"\"\n                    app:paddingTexwithIcon=\"\"/\u003e\n\n                    、、、、\n                    、、、、\n\n            \u003c/com.yinglan.alphatabs.AlphaTabsIndicator\u003e                                //模式\n```\n#### Function and parameter definition\n\n\u003ctable\u003e\n  \u003ctdead\u003e\n    \u003ctr\u003e\n      \u003cth align=\"center\"\u003eParameters\u003c/th\u003e\n      \u003cth align=\"center\"\u003eMeaning\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/tdead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003etabIconNormal\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eUnselected icon\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003etabIconSelected\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eAlready selected icon\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003etabText\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eTab tag text\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003etabTextSize\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eTab The size of the label\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003etextColorNormal\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eUnchecked text color\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003etextColorSelected\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eSelected text color\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd align=\"center\"\u003ebadgeBackgroundColor\u003c/td\u003e\n        \u003ctd align=\"center\"\u003eCorner background color, default red\u003c/td\u003e\n     \u003c/tr\u003e\n     \u003ctr\u003e\n        \u003ctd align=\"center\"\u003epaddingTexwithIcon\u003c/td\u003e\n        \u003ctd align=\"center\"\u003eThe distance between the icon and text\u003c/td\u003e\n     \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\n#### In Code\n\n##### AlphaTabView Main Method\n```\n        mAlphaTabView.showNumber(int i); //Display digital remind\n        mAlphaTabView.showPoint();       //Show little red dot\n        mAlphaTabView.removeShow();      //Remove the digital remind\n```\n\n##### AlphaTabsIndicator Main Method\n```\n        mAlphaTabsIndicator.setViewPager(ViewPager mViewPger);                     //Set ViewPager\n        mAlphaTabsIndicator.setOnTabChangedListner(OnTabChangedListner listner);   //Settings TAB at the bottom click to monitor\n        mAlphaTabsIndicator.removeAllBadge();                                      //Remove all remind the TAB\n        mAlphaTabsIndicator.setTabCurrenItem(int tabIndex);                        //Settings TAB option\n```\n\n#### Instructions\nThe library is in the permission of the Mr [jeasonlzy](https://github.com/jeasonlzy) permission,on the basis of his [AlphaIndicatorView](https://github.com/jeasonlzy/AlphaIndicatorView) do usability improvements, thank you, now continue to open source.\n## The main improvement:\n1. Increase the Angle of standard, make it more close to WeChat TAB at the bottom;\n1. The diagonal mark size for dynamic control, adaptive according to the height of the TAB;\n1. Limit the appropriate to reduce to use requirement, can be used in the case of not binding viewpager;\n1. When without binding ViewPager Settings TAB option;\n1. The distance between the icon and text can be configured, the default is 5;\n1. Increase click on the TAB to monitor the callback;\n1. Increase in code mViewPager. SetCurrentItem (i) TAB linkage control condition;\n1. Repair is not set in a state of not click Tab.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyinglannull%2Falphatabsindicator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyinglannull%2Falphatabsindicator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyinglannull%2Falphatabsindicator/lists"}