TabLayout标题右上角加数字标记_tablayout角标资源-CSDN文库

共3185个文件

class：1864个

xml：618个

png：476个

5星 · 超过95%的资源需积分: 50 76 浏览量 2017-02-09 11:50:35 上传评论收藏 24.48MB RAR 举报

在Android开发中，`TabLayout`是谷歌支持库提供的一种组件，用于展示多个标签页，通常与`ViewPager`配合使用，实现滑动切换不同页面的效果。`TabLayout`的标题右上角添加数字标记是一种常见的需求，这可以用来指示用户有未读的消息或者更新等。在本篇文章中，我们将深入探讨如何实现这一功能。我们了解`TabLayout`的基本使用。`TabLayout`是`android.support.design.widget`包下的一个视图，它提供了一种方便的方式来显示和管理多个标签页。通常，我们通过以下步骤来设置`TabLayout`： 1. 添加依赖：在`build.gradle`文件中，确保已经引入了`design`库。 ```groovy dependencies { implementation 'com.android.support:design:版本号' } ``` 2. 在布局文件中添加`TabLayout`： ```xml <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" /> ``` 3. 初始化`TabLayout`并与`ViewPager`绑定： ```java TabLayout tabLayout = findViewById(R.id.tab_layout); ViewPager viewPager = findViewById(R.id.view_pager); // 设置适配器 viewPager.setAdapter(adapter); // 将TabLayout与ViewPager绑定 tabLayout.setupWithViewPager(viewPager); ``` 接下来，我们讨论如何在`TabLayout`的标题上添加数字标记。这里我们使用自定义的`BadgeDrawable`来实现这个功能。`BadgeDrawable`是`Material Design`库中用于表示徽章或标记的一个类。我们可以通过重写`TabLayout`的`Tab`类来添加徽章。 1. 创建自定义`Tab`类： ```java public class BadgedTab extends TabLayout.Tab { private BadgeDrawable badge; public void setBadge(BadgeDrawable badge) { this.badge = badge; if (badge != null) { badge.setVisible(true); } else { badge.setVisible(false); } } public BadgeDrawable getBadge() { return badge; } } ``` 2. 修改`TabLayout`的`setupWithViewPager`方法，使其返回自定义的`BadgedTab`对象： ```java public static TabLayout.Tab setupWithViewPager(TabLayout tabLayout, ViewPager viewPager) { for (int i = 0; i < viewPager.getAdapter().getCount(); i++) { TabLayout.Tab tab = tabLayout.newTab(); tab.setCustomView(viewPager.getAdapter().getPageTitle(i)); tab.setTag(i); tabLayout.addTab(tab); } viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout) { @Override public void onPageSelected(int position) { super.onPageSelected(position); tabLayout.getTabAt(position).select(); } }); tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(TabLayout.Tab tab) {} @Override public void onTabReselected(TabLayout.Tab tab) {} }); return (BadgedTab) tabLayout.getTabAt(0); // 返回自定义的BadgedTab } ``` 3. 使用自定义`Tab`对象设置徽章： ```java BadgedTab tab = (BadgedTab) setupWithViewPager(tabLayout, viewPager); tab.setBadge(new BadgeDrawable(context)); // 设置徽章 tab-badge.setText("10"); // 设置徽章上的数字 ``` 以上代码实现了在`TabLayout`的标题右上角添加数字标记的功能。需要注意的是，`BadgeDrawable`提供了丰富的定制选项，例如颜色、形状和动画效果，可以根据实际需求进行调整。在提供的`BadgedTabLayoutPractise-master`项目中，应该包含了完整的实现示例。通过阅读和分析项目的源码，你可以更深入地理解这个功能的实现细节，并根据项目需求进行相应的修改和扩展。这个项目可能包括了创建`BadgeDrawable`、自定义`Tab`、以及与`ViewPager`的交互等关键部分，是学习`TabLayout`徽章功能的好资源。

资源推荐

资源详情

资源评论

收起资源包目录

TabLayout标题右上角加数字标记（3185个子文件）

_mwmH5YMfr+xbEv8So7qH78x0rU= 466KB

MediaSessionCompat.aidl 787B

ParcelableVolumeInfo.aidl 689B

PlaybackStateCompat.aidl 688B

MediaMetadataCompat.aidl 680B

ResultReceiver.aidl 675B

RatingCompat.aidl 673B

resources-debug.ap_ 466KB

resources-debug-androidTest.ap_ 1KB

app-debug.apk 1.53MB

gradlew.bat 2KB

fileSnapshots.bin 556KB

fileHashes.bin 139KB

taskArtifacts.bin 51KB

localClassSetAnalysis.bin 27KB

fileSnapshotsToTreeSnapshotsIndex.bin 21KB

localJarClasspathSnapshot.bin 19KB

RecyclerView.class 79KB

ViewPager.class 51KB

StaggeredGridLayoutManager.class 46KB

FragmentManagerImpl.class 45KB

CoordinatorLayout.class 40KB

AppCompatDelegateImplV7.class 39KB

RecyclerView$LayoutManager.class 37KB

SearchView.class 36KB

Toolbar.class 36KB

BackStackRecord.class 35KB

DrawerLayout.class 34KB

LinearLayoutManager.class 33KB

NestedScrollView.class 32KB

WindowDecorActionBar.class 30KB

Fragment.class 29KB

MenuBuilder.class 28KB

ItemTouchHelper.class 27KB

SlidingPaneLayout.class 27KB

TabLayout.class 27KB

R$styleable.class 26KB

LinearLayoutCompat.class 25KB

SwitchCompat.class 24KB

AccessibilityNodeInfoCompat.class 24KB

SwipeRefreshLayout.class 24KB

GridLayoutManager.class 24KB

ListPopupWindow.class 22KB

AppCompatDrawableManager.class 22KB

TextInputLayout.class 22KB

CollapsingToolbarLayout.class 22KB

VectorDrawableCompat.class 22KB

RecyclerView$Recycler.class 21KB

ViewDragHelper.class 21KB

R$style.class 21KB

MediaSessionCompat$MediaSessionImplBase.class 21KB

R$style.class 21KB

FragmentActivity.class 21KB

ActionBarOverlayLayout.class 20KB

R$styleable.class 20KB

R$style.class 20KB

SuggestionsAdapter.class 19KB

ActionMenuPresenter.class 19KB

ToolbarWidgetWrapper.class 18KB

ToolbarActionBar.class 18KB

ViewCompat.class 18KB

AlertController.class 18KB

ViewCompat$BaseViewCompatImpl.class 18KB

ActionMenuView.class 17KB

AnimatedVectorDrawableCompat.class 17KB

AppBarLayout$Behavior.class 17KB

MenuItemImpl.class 17KB

MediaBrowserCompat$MediaBrowserImplBase.class 16KB

BottomSheetBehavior.class 16KB

DefaultItemAnimator.class 16KB

CollapsingTextHelper.class 15KB

NotificationCompatJellybean.class 14KB

AppCompatSpinner.class 14KB

ActivityChooserView.class 14KB

ActivityChooserModel.class 14KB

AccessibilityNodeInfoCompat$AccessibilityNodeInfoStubImpl.class 14KB

ItemTouchHelper$Callback.class 13KB

IMediaSession$Stub$Proxy.class 13KB

Snackbar.class 13KB

ActionBarContextView.class 13KB

FragmentTransitionCompat21.class 13KB

MediaBrowserServiceCompat.class 13KB

FloatingActionButton.class 13KB

PagerTitleStrip.class 13KB

NavigationMenuPresenter$NavigationMenuAdapter.class 12KB

AdapterHelper.class 12KB

MediaBrowserCompat$MediaBrowserImplApi21.class 12KB

R$attr.class 12KB

ScrollingTabContainerView.class 12KB

R$attr.class 12KB

AppBarLayout.class 12KB

MenuPopupHelper.class 11KB

NotificationCompat$WearableExtender.class 11KB

AlertDialog$Builder.class 11KB

ExploreByTouchHelper.class 11KB

NavigationMenuPresenter.class 11KB

SortedList.class 11KB

NotificationCompat$Builder.class 11KB

ActionMenuItemView.class 11KB

共 3185 条

#Internal package file, do not edit. #Fri Feb 03 13:59:32 CST 2017 210.set=ANDROID_RESOURCE 282.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xhdpi-v4\\abc_list_selector_disabled_holo_light.9.png 14.set=ANDROID_RESOURCE 180.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\layout\\abc_screen_toolbar.xml 368.set=ANDROID_RESOURCE 118.set=ANDROID_RESOURCE 60.set=ANDROID_RESOURCE 2.set=ANDROID_RESOURCE 329.set=ANDROID_RESOURCE 164.set=ANDROID_RESOURCE 26.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\layout\\design_bottom_sheet_dialog.xml 209.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 78.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xhdpi-v4\\abc_switch_track_mtrl_alpha.9.png 307.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\layout\\abc_activity_chooser_view.xml 21.set=ANDROID_RESOURCE 338.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 53.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-mdpi-v4\\abc_scrubber_track_mtrl_alpha.9.png 107.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 313.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 236.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 159.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 125.set=ANDROID_RESOURCE 365.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 288.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 211.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 80.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-hdpi-v4\\abc_list_pressed_holo_light.9.png 134.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 340.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 263.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 186.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 336.set=ANDROID_RESOURCE 277.set=ANDROID_RESOURCE 161.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 290.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 192.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxxhdpi-v4\\abc_ic_menu_copy_mtrl_am_alpha.png 132.set=ANDROID_RESOURCE 238.set=ANDROID_RESOURCE 179.set=ANDROID_RESOURCE 59.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 343.set=ANDROID_RESOURCE 284.set=ANDROID_RESOURCE 34.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 88.set=ANDROID_RESOURCE 86.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 319.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxxhdpi-v4\\abc_spinner_mtrl_am_alpha.9.png 65.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxhdpi-v4\\abc_textfield_search_default_mtrl_alpha.9.png 61.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 217.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-mdpi-v4\\abc_ic_go_search_api_mtrl_alpha.png 304.set=ANDROID_RESOURCE 40.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxhdpi-v4\\abc_list_focused_holo.9.png 245.set=ANDROID_RESOURCE 346.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxhdpi-v4\\abc_ic_star_half_black_36dp.png 269.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxhdpi-v4\\abc_btn_rating_star_on_mtrl_alpha.png 186.set=ANDROID_RESOURCE 115.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxxhdpi-v4\\abc_ic_star_black_16dp.png 49.set=ANDROID_RESOURCE 92.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-mdpi-v4\\abc_list_focused_holo.9.png 321.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\anim\\abc_popup_exit.xml 244.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-xxhdpi-v4\\abc_btn_check_to_on_mtrl_015.png 167.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\layout\\design_navigation_item_subheader.xml 275.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 198.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 121.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 350.set=ANDROID_RESOURCE 296.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-mdpi-v4\\abc_scrubber_control_to_pressed_mtrl_005.png 291.set=ANDROID_RESOURCE 142.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\mipmap-xhdpi-v4\\ic_launcher.png 250.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 173.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 95.set=ANDROID_RESOURCE 100.set=ANDROID_RESOURCE 271.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-hdpi-v4\\abc_ic_ab_back_mtrl_am_alpha.png 206.set=ANDROID_RESOURCE 0.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable-hdpi-v4\\abc_ic_search_api_mtrl_alpha.png 311.set=ANDROID_RESOURCE 252.set=ANDROID_RESOURCE 193.set=ANDROID_RESOURCE 56.set=ANDROID_RESOURCE 19.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 15.file=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_\\res\\drawable\\abc_tab_indicator_material.xml 46.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 213.set=ANDROID_RESOURCE 98.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 21.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\build\\intermediates\\res\\resources-debug.ap_ 17.set=ANDROID_RESOURCE 327.base=E\:\\Downloads\\BadgedTabLayoutPractise-master\\app\\bui

评论收藏

内容反馈