如何在app中添加两个centerDocked，一个在底部导航，另一个在正常位置

在App中添加两个centerDocked布局，一个在底部导航，另一个在正常位置，可以通过以下步骤实现：

创建一个根布局，可以是RelativeLayout或LinearLayout。
在根布局中添加一个底部导航的centerDocked布局。可以使用CoordinatorLayout作为根布局，并使用AppBarLayout和BottomAppBar来实现底部导航栏。底部导航栏可以包含多个导航项，例如按钮或图标。

<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...>

    <com.google.android.material.appbar.AppBarLayout
        ...>

        <com.google.android.material.bottomappbar.BottomAppBar
            ...>
            
            <!-- 添加底部导航项 -->
            <com.google.android.material.bottomnavigation.BottomNavigationView
                ...>
                
                <!-- 添加导航项 -->
                <item
                    android:id="@+id/navigation_item1"
                    .../>
                    
                <item
                    android:id="@+id/navigation_item2"
                    .../>
                    
                <!-- 其他导航项 -->
                
            </com.google.android.material.bottomnavigation.BottomNavigationView>
            
        </com.google.android.material.appbar.AppBarLayout>
        
    </com.google.android.material.bottomappbar.BottomAppBar>
    
    <!-- 其他布局内容 -->
    
</androidx.coordinatorlayout.widget.CoordinatorLayout>

在根布局中添加一个正常位置的centerDocked布局。可以使用普通的布局，如RelativeLayout或LinearLayout，并将其放在底部导航布局上方。

<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...>

    <com.google.android.material.appbar.AppBarLayout
        ...>

        <com.google.android.material.bottomappbar.BottomAppBar
            ...>
            
            <!-- 添加底部导航项 -->
            <com.google.android.material.bottomnavigation.BottomNavigationView
                ...>
                
                <!-- 添加导航项 -->
                <item
                    android:id="@+id/navigation_item1"
                    .../>
                    
                <item
                    android:id="@+id/navigation_item2"
                    .../>
                    
                <!-- 其他导航项 -->
                
            </com.google.android.material.bottomnavigation.BottomNavigationView>
            
        </com.google.android.material.appbar.AppBarLayout>
        
        <!-- 添加正常位置的centerDocked布局 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center"
            ...>
            
            <!-- 添加其他视图元素 -->
            
        </LinearLayout>
        
    </com.google.android.material.bottomappbar.BottomAppBar>
    
</androidx.coordinatorlayout.widget.CoordinatorLayout>

在以上步骤中，使用了Android Jetpack库中的CoordinatorLayout、AppBarLayout、BottomAppBar和BottomNavigationView来实现底部导航。您可以根据实际需求，进行适当的布局和样式调整。

如何在app中添加两个centerDocked，一个在底部导航，另一个在正常位置

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐