1

[![我想要这样的底栏][1]][1]

在 android 中使用以下库来自定义底部标签栏： https ://github.com/Droppers/AnimatedBottomBar

它非常易于使用并提供许多动画。但是，我不希望菜单文本内容显示在底部栏中。

我只想在选择或未选择时显示图标。

我怎样才能用这个库实现？或者有没有办法实现这样的事情？

4

2 回答 2

2

我浏览了提到的库，它目前不支持此功能，但我们可以调整代码以使其适用于您的用例，但要做到这一点，您需要将代码包含为模块/文件夹而不是依赖项。

为此，您需要按照以下步骤操作

  • 你需要摆脱对implementation 'nl.joery.animatedbottombar:library:1.0.9'
  • 清理项目以将其从缓存中删除
  • 您可以克隆代码，将'library'代码中的文件夹添加为 Android 模块，然后使用将其包含在您的 gradle 中implementation project(path: ':library')

完成上述步骤后，您可以根据需要修改代码。现在对于您的用例，将内部文件中updateTabType存在的方法替换为下面line#99library/src/main/java/nl/joery/animatedbottombar/TabView.kt

private fun updateTabType() {
    animatedView = icon_layout
    selectedAnimatedView = icon_layout //here we are forcing it use icon_layout for both views all the time
    if (selectedAnimatedView.visibility == View.VISIBLE) {
        animatedView.visibility = View.VISIBLE
        selectedAnimatedView.visibility = View.INVISIBLE
    } else {
        animatedView.visibility = View.INVISIBLE
        selectedAnimatedView.visibility = View.VISIBLE
    }
    bringViewsToFront()
}

此外，该库在 MIT 开源许可下获得许可，因此您可以愉快地免费更改自己的代码版本。

更新

此外，在library模块 gradle 中，请删除对 bintray 的引用，这不是必需的

apply plugin: 'com.android.library'
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'

android {
    compileSdkVersion 29

    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 29
        versionCode 1
        versionName "1.0.9"

        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
        consumerProguardFiles 'consumer-rules.pro'
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation "org.jetbrains.kotlin:kotlin-stdlib:1.3.61"
    implementation 'androidx.core:core-ktx:1.3.2'
    implementation 'androidx.appcompat:appcompat:1.2.0'

    implementation 'androidx.recyclerview:recyclerview:1.1.0'
    implementation 'androidx.viewpager2:viewpager2:1.0.0'
    implementation 'com.google.android:flexbox:2.0.1'
    implementation 'androidx.constraintlayout:constraintlayout:2.0.2'

    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.2'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'

    implementation "androidx.navigation:navigation-ui-ktx:2.3.1"
}
于 2021-02-16T12:33:35.990 回答
0

如果您在 repo 的描述中看到，您将看到有关选项卡外观的一些属性

将此添加app:abb_selectedTabType = "icon"到您可能已经在 xml 中添加的代码中，如下所示

<nl.joery.animatedbottombar.AnimatedBottomBar
        android:id="@+id/bottom_bar"
        android:background="#FFF"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:abb_selectedTabType="text"
        app:abb_indicatorAppearance="round"
        app:abb_indicatorMargin="16dp"
        app:abb_indicatorHeight="4dp"
        app:abb_tabs="@menu/tabs"
        app:abb_selectedTabType = "icon" 
        app:abb_selectedIndex="1" />
于 2021-02-16T10:12:46.590 回答