MaterialDesign：BottomAppBar,TopAppBar,Bottom Navigation,Button,FloatingActionButton

最新推荐文章于 2024-05-18 00:05:22 发布
最新推荐文章于 2024-05-18 00:05:22 发布
阅读量628 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houqiu19/article/details/109545582
版权

BottomAppBar

在这里插入图片描述

按钮的item布局

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/title1"
        android:icon="@drawable/add"
        android:title="title1"
        android:contentDescription="content_description_title1"
        app:showAsAction="ifRoom"
        />
    <item
        android:id="@+id/title2"
        android:icon="@drawable/one"
        android:title="title2"
        android:contentDescription="content_description_title2"
        app:showAsAction="never"
        />
    <item
        android:id="@+id/title3"
        android:icon="@drawable/three"
        android:title="title3"
        android:contentDescription="content_description_title3"
        app:showAsAction="ifRoom"
        />
</menu>

主界面xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity2">
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="100dp"
        android:clipToPadding="false">
    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/myBottomAppBar"
        android:layout_width="match_parent"
        app:fabCradleMargin="7dp"按钮和底部栏的margin
		android:backgroundTint="@color/colorLightBlue"
        android:layout_height="wrap_content"
        app:elevation="10dp" app不是Android
        app:fabCradleVerticalOffset="15dp"按钮和底部栏的垂直距离
        app:fabCradleRoundedCornerRadius="30dp"BottomAppBar嵌入位置圆角半径
        android:layout_gravity="bottom"
        app:hideOnScroll="true" 滚动时隐藏
        app:fabAlignmentMode="center" 按钮所处位置，可以是end 右边
        app:navigationIcon="@mipmap/onei"导航窗口
        style="@style/Widget.MaterialComponents.BottomAppBar.Colored"跟随主题颜色
        app:menu="@menu/bottom_app_bar"添加的menu
        />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:layout_width="80dp"
        android:layout_height="80dp"
        app:srcCompat="@drawable/add"
        android:backgroundTint="@color/colorLightGreen"
        app:layout_anchor="@id/myBottomAppBar"
        />
</androidx.coordinatorlayout.widget.CoordinatorLayout>

代码修改Bar缺口

 float size = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 32, getResources().getDisplayMetrics());
        TriangleEdgeTreatment triangleEdgeTreatment = new TriangleEdgeTreatment(size, true);
        ShapePathModel shapePathModel = new ShapePathModel();
        shapePathModel.setTopEdge(triangleEdgeTreatment);
        MaterialShapeDrawable materialShapeDrawable = new MaterialShapeDrawable(shapePathModel);
        materialShapeDrawable.setTint(0XFFDDDDDD);
        bottomAppBar.setBackground(materialShapeDrawable);

修改FloatingButton

	<style name="ThemeOverlay.App.FloatingActionButton" parent="">
        <item name="colorSecondary">@color/colorYellow</item>
        <item name="colorOnSecondary">@color/colorGrey</item>
        <item name="shapeAppearanceSmallComponent">@style/ShapeAppearance.App.SmallComponent</item>
    </style>
    <style name="Widget.App.FloatingActionButton" parent="Widget.MaterialComponents.FloatingActionButton">
        <item name="materialThemeOverlay">@style/ThemeOverlay.App.FloatingActionButton</item>
    </style>

定义一个style绘制

style="@style/Widget.App.FloatingActionButton"

定义主题

监听事件
 bottomAppBar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity2.this,"setNavigationOnClickListener",Toast.LENGTH_SHORT).show();
            }
        });

导航按钮

bottomAppBar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId())
                {
                    case R.id.title1:
                        Toast.makeText(MainActivity2.this,"title1",Toast.LENGTH_SHORT).show();
                        break;
                        case R.id.title2:
                        Toast.makeText(MainActivity2.this,"title2",Toast.LENGTH_SHORT).show();
                        break;
                }
                return false;
            }
        });

局部按钮

TopAppBar

基本用法相似

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity2">
    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        app:liftOnScroll="true"
        android:layout_height="wrap_content">
        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/topAppBar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:title="title"
            app:menu="@menu/top_app_bar"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            app:navigationIcon="@mipmap/onei"
            style="@style/Widget.MaterialComponents.Toolbar.Primary"
            />
    </com.google.android.material.appbar.AppBarLayout>
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="100dp"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:clipToPadding="false">
        <androidx.recyclerview.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/reecyclerview"/>
    </androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

需要一个AppBarLayout封装
其中app:layout_scrollFlags=“scroll|enterAlways|snap”
显示顶部应用程序栏在向上滚动时消失，在向下滚动时出现
使用这个Bar之前theme要改成

android:theme="@style/Theme.MaterialComponents.Light.NoActionBar"

一开始生成的时候滑动布局的NestScroll会在APPBar之中嵌套，只需要加入一行代码即可

 app:layout_behavior="@string/appbar_scrolling_view_behavior"

<com.google.android.material.appbar.CollapsingToolbarLayout
            app:expandedTitleTextAppearance="@style/TextAppearance.App.CollapsingToolbar.Expanded"
            app:collapsedTitleTextAppearance="@style/TextAppearance.App.CollapsingToolbar.Collapsed"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <com.google.android.material.appbar.MaterialToolbar
                android:id="@+id/topAppBar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:title="title"
                app:menu="@menu/top_app_bar"
                app:layout_scrollFlags="scroll|enterAlways|snap"
                app:navigationIcon="@mipmap/onei"
                />
        </com.google.android.material.appbar.CollapsingToolbarLayout>

强调，放大title。这个时候的title不会正常显示，需要自定义style（另外新建一个xml）

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="TextAppearance.App.CollapsingToolbar.Expanded" parent="TextAppearance.MaterialComponents.Headline5">
        <item name="android:textColor">@color/colorGhostWhith</item>
    </style>

    <style name="TextAppearance.App.CollapsingToolbar.Collapsed" parent="TextAppearance.MaterialComponents.Headline6">
        <item name="android:textColor">@color/colorGhostWhith</item>
    </style>
</resources>

在style中绑定才能显示出titie，切记不能顺手就把toolbar的style给定义了

标题内置图片
<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...
    android:fitsSystemWindows="true">

    <com.google.android.material.appbar.AppBarLayout
        ...
        android:layout_height="152dp"
        android:fitsSystemWindows="true">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            ...
            android:fitsSystemWindows="true">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/media"
                android:scaleType="centerCrop"
                android:fitsSystemWindows="true"
                android:contentDescription="@string/content_description_media"
                />

            <com.google.android.material.appbar.MaterialToolbar
                ...
                android:background="@android:color/transparent"
                />

        </com.google.android.material.appbar.CollapsingToolbarLayout>

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

    ...

</androidx.coordinatorlayout.widget.CoordinatorLayout>

同时还要在Manifes里面把style定义为

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Theme.MyApp" parent="Theme.MaterialComponents.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
    </style>
</resources>

这样就获得了透明图片的大标题栏
在这里插入图片描述

可折叠标题栏
<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...>

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

        <com.google.android.material.appbar.CollapsingToolbarLayout
            ...
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
            app:contentScrim="?attr/colorPrimary"
            app:statusBarScrim="?attr/colorPrimaryVariant">

            ...

            <com.google.android.material.appbar.MaterialToolbar
                ...
                app:layout_collapseMode="pin"
                />

        </com.google.android.material.appbar.CollapsingToolbarLayout>

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

    ...

</androidx.coordinatorlayout.widget.CoordinatorLayout>

app:contentScrim="?attr/colorPrimary"
折叠系统栏
app:statusBarScrim="?attr/colorPrimaryVariant"
折叠toolbar
app:layout_scrollFlags=“scroll|exitUntilCollapsed|snap”
exitUntilCollapsed滚动玩折叠之后保留在界面上
scroll随一起滚动

Bottom Navigation

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_gravity="bottom"
        android:layout_height="wrap_content"
        app:menu="@menu/bottom_navigation_menu" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/page_1"
        android:enabled="true"
        android:icon="@drawable/add"
        android:title="label_1"/>
    <item
        android:id="@+id/page_2"
        android:enabled="true"
        android:icon="@drawable/two"
        android:title="label_2"/>
</menu>

bottomNavigationView.setOnNavigationItemSelectedListener

setOnNavigationItemReselectedListener

reselect应该是在select之前的事件，因为没有被拦截

各种属性

        app:backgroundTint="@color/colorPink"//背景颜色
        app:menu="@menu/bottom_navigation_menu"//列表
        app:itemRippleColor="@color/colorGhostWhith"//水波纹
        app:labelVisibilityMode="labeled"//标签是否需要点击才能显示 全部显示尽量加上选中效果
        app:itemIconTint="@color/colorYellow"//ICON构筑颜色
        app:itemTextColor="@color/colorLightGreen"//ICON字颜色
        app:itemTextAppearanceActive="@style/Active"//选中状态
        app:itemTextAppearanceInactive="@style/Inactive"//未选中状态

Button

//文字主题按钮
<Button
       ......
        android:text="Text button"
        app:strokeColor = "@color/colorBoderBlue"//边界颜色
        app:strokeWidth = "1dp"//边界宽
        app:rippleColor = "@color/colorPink"//水波纹
        style="@style/Widget.MaterialComponents.Button.TextButton"
        />
//ICON主题按钮
<Button
		......
		app:backgroundTint="@color/colorPink"//颜色
        app:icon="@mipmap/onei"
        app:iconGravity = "end"//icon相对位置
        app:iconPadding="5dp"//icon与文字距离
        style="@style/Widget.MaterialComponents.Button.TextButton.Icon"
    />        
    <Button
    	...//单纯的有外框按钮 不需要自己写
        android:text="Outlined button"
        style="?attr/materialButtonOutlinedStyle"/>
    <Button
        ...//外框加上icon
        android:text="Outlined button"
        app:icon="@mipmap/onei"
        style="@style/Widget.MaterialComponents.Button.OutlinedButton.Icon"/>

文字按钮组

MaterialButtonToggleGroup materialButtonToggleGroup = findViewById(R.id.toggleButton) ;
        materialButtonToggleGroup.addOnButtonCheckedListener(new MaterialButtonToggleGroup.OnButtonCheckedListener() {
            @Override
            public void onButtonChecked(MaterialButtonToggleGroup group, int checkedId, boolean isChecked) {
                switch (checkedId)
                {
                    case R.id.button1:
                        if (isChecked)
                        {
                            Toast.makeText(MainActivity.this,"button1 is check",Toast.LENGTH_SHORT).show();
                        }else {
                            Toast.makeText(MainActivity.this,"button1 is not check",Toast.LENGTH_SHORT).show();
                        }

                        break;
                    case...
                }
            }
        });

icon按钮组

<com.google.android.material.button.MaterialButtonToggleGroup
    ...>
    <Button
        ...
        app:icon="@drawable/ic_favorite_24dp"
        style="@style/Widget.App.Button.OutlinedButton.IconOnly"
    />
    <Button
        ...
        app:icon="@drawable/ic_remove_red_eye_24dp"
        style="@style/Widget.App.Button.OutlinedButton.IconOnly"
    />
    <Button
        ...
        app:icon="@drawable/ic_notifications_24dp"
        style="@style/Widget.App.Button.OutlinedButton.IconOnly"
    />
</com.google.android.material.button.MaterialButtonToggleGroup>

Style

<style name="Widget.App.Button.OutlinedButton.IconOnly" parent="Widget.MaterialComponents.Button.OutlinedButton">
    <item name="iconPadding">0dp</item>
    <item name="android:insetTop">0dp</item>
    <item name="android:insetBottom">0dp</item>
    <item name="android:paddingLeft">12dp</item>
    <item name="android:paddingRight">12dp</item>
    <item name="android:minWidth">48dp</item>
    <item name="android:minHeight">48dp</item>
</style>

使用的大控件一样，监听方法也一样
group里面使用方法

app:singleSelection = "true"
app:selectionRequired = “true"

可以决定是否单选 是否必选

复选框
<CheckBox
    android:id="@+id/icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/sl_favourite_24dp"
    app:buttonTint="@android:color/white"
/>

In res/drawable/sl_favourite_24dp.xml:

<selector>
    <item
        android:drawable="@drawable/ic_favourite_outlined_24dp"
        android:state_checked="false"
    />
    <item
        android:drawable="@drawable/ic_favourite_filled_24dp"
        android:state_checked="true"
    />
    <item android:drawable="@drawable/ic_favourite_outlined_24dp" />
</selector>

这样的checkbox可以和平时一样正常使用

ExtendedFloatingActionButton

后两个方法仅FloatingActionButton

// To show:
fab.show()
// To hide:
fab.hide()
// To extend:
fab.extend()
// To shrink:
fab.shrink()

配合CoordinatorLayout使用

<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  <!-- Main content -->
  <com.google.android.material.floatingactionbutton.FloatingActionButton
      android:id="@+id/floating_action_button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom|right"
      android:layout_margin="16dp"
      android:contentDescription="@string/fab_content_desc"
      app:srcCompat="@drawable/ic_plus_24"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

app:fabSize="mini（auto normal）"决定按钮大小
app:backgroundTint 背景颜色
app:borderWidth 边界宽

houqiu19
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Compose UI 之 Small TopAppBar
VoidHope的博客
03-06 198
AppBar 主要由2类，顶部 AppBar和底部 AppBar。顶部 AppBar 包含了 4 中类型：TopAppBar下面会逐个介绍 AppBar 的类型及给出示例。
使用 Material Design 组件实现深色主题
谷歌开发者
09-05 1083
作者 / Chris Banes, Android 开发者关系团队工程师Material 主题 (Theming) 涵盖的内容很多，但都旨在帮助开发者打造优良且富有表现力的用户体验，如果...
Jetpack Compose——TopAppBar（顶部应用程序栏）、BottomAppBar（底部应用程序栏）
lplj717的博客
12-21 3474
该博客基于：compose_version = '1.1.0-beta01' TopAppBar：位于屏幕的顶部。一般包含标题，导航图标和其他的更多操作等BottomAppBar：位于屏幕的底部，一般显示导航和按键操作 TopAppBar 首先看看TopAppBar的参数：有两种参数类型 TopAppBar( modifier: Modifier = Modifier,//布局修饰 backgroundColor: Color = MaterialTheme.colors.prim
Flutter 中的 BottomAppBar 小部件：全面指南
最新发布
smileKH的博客
05-18 431
是一个位于屏幕底部的水平应用栏，它为用户提供了快速访问应用主要功能的方式。可以包含导航图标、标题以及与之配合的浮动操作按钮（shape: CircularNotchedRectangle(), // 设置底部导航栏的形状color: Theme.of(context).primaryColor, // 使用主题颜色],),
Jetpack Compose 重写TopAppBar 实现标题多行折叠
jiulang9的博客
11-16 804
想用compose实现类似掘金的文章详细页面的标题栏 便使用了MediumTopAppBar一开始用着没什么问题，但是标题字数多了，MediumTopAppBar就不支持了
android 浮动工具栏,android – 顶级工具栏菜单BottomAppBar菜单BottomNavigationDrawerFragment就像Material Design一样...
weixin_39541681的博客
05-26 805
我想要实现的是这个图像(虽然没有顶部NavigationView)但是使用工具栏菜单BottomAppBar菜单BottomNavigationDrawerFragment与材料设计完全相同：我可以通过replace()(My Answer)管理BottomAppBar菜单：val bottomBar = findViewById(R.id.bottomAppBar)bottomBar.repla...
Android Material Bottom Navigation使用教程
04-30
Material Design的组件库包含了许多元素，如按钮、输入框、导航抽屉等，而Bottom Navigation是其中之一。本教程将详细介绍如何在Android项目中使用Material Design的Bottom Navigation。 Bottom Navigation是一种...
BottomNavigationViewSample：BottomNavigationView示例
02-03
BottomNavigation查看示例 一个新的Android组件BottomNavigationView简单示例。 依存关系 implementation ' com.google.android.material:material:1.1.0 ' 讲解 版本号 AndroidX版本（主分支） 影片版本（影片...
BottomNavigationView实现material design 的tab选项卡效果
11-13
在Android应用开发中，...以上就是如何使用`BottomNavigationView`在Android应用中实现Material Design的tab选项卡效果。通过适当的定制和布局设计，可以创建出符合Material Design规范且用户体验良好的底部导航栏。
bottom-nav：材质设计bottom-nav https：material.ioguidelinescomponentsbottom-navigation.html
02-03
底部导航（Bottom Navigation）在Material Design中扮演着重要的角色，其主要功能是让用户在多个主要功能之间快速切换。这种设计通常包含3到5个图标按钮，位于屏幕底部，每个图标对应一个主要的页面或功能。当用户...
NavigationDrawer-MaterialDesign:图书馆导航抽屉材料设计
04-12
＃导航抽屉（库） 它需要14+ API和android支持v7 23.2.1（AppCompatActivity +工具栏） ###特别感谢：D Jacob A. Moura的所有想法，奉献精神，时间和帮助。... < artifactId>navigationdrawer-material < version
Android 学习笔记 BottomNavigationView（底部导航栏）控制多个fragment切换
jijiyyoyo的博客
04-29 2848
实现： BottomNavigationView是由谷歌官方指定的安卓底部导航栏,基本适用方法为: 在res文件中添加menu文件夹,并创建menu.mxl文件.用于存放bottomNAvigationView中的文字和图片. 创建5个fragment (with ViewModel) 用于之后方便之后对fragment进行编辑. 要实现BottomNavigationView对多个fragment进行切换,需在res中创建一个navigation文件夹并创建navigation.xml文件用于存放新建
【Flutter】【widget】BottomNavigationBar和BottomAppBar
自动人生博客
11-07 1244
BottomNavigationBar 底部导航栏欢迎关注，留言，咨询，交流！
CoordinatorLayout系列（三）AppBarLayout之layout_scrollFlags
whoami_I的博客
11-24 1200
在上一篇文章里面CoordinatorLayout系列（二）AppBarLayout里面讲到了AppBarLayout的使用，这一篇准备讲一下AppBarLayout是怎么通过layout_scrollFlags控制child view的滑动，以及各种flag产生的效果。 一、Flags种类 Flags在代码里面具体位于AppBarLayout的LayoutParams中： public Layo...
flutter 底部导航栏使用BottomAppBar组件和floatingActionButton浮动按钮组件实现中间嵌入式圆形导航
weixin_43294560的博客
04-26 1947
底部导航栏使用BottomAppBar组件 底部导航栏除了可以使用BottomNavigationBar固定样式外,还可以自定义导航栏中的按钮 BottomAppBar( color:, 底部导航栏颜色 shape: CircularNotchedRectangle(), 有缺口的圆形矩阵,用来放置浮动按钮 child...
NavigationView和FloatingActionButton的使用
沙湖的天地的博客
03-01 1527
转载自http://www.cnblogs.com/JohnTsai/p/5172056.html正如其名，NavigationView，导航View。一般我们用它和DrawerLayout实现抽屉式导航设计，效果如下图。 通过学习官方文档，我们知道NavigationView继承自FrameLayout。一般用于应用的导航菜单，菜单的内容来自于menu文件。NavigationView通常放置在
Flutter 基于 CustomScrollView 实现可浮动交互的 AppBar
大灰狼的小绵羊哥哥的博客
06-12 1251
一、CustomScrollView 二、SliverAppBar 1、floating 属性 1） floating = ture 2）floating = false 2、pinned 属性 1）pinned = true 三、在 CustomScrollView 中使用 SliverAppBar 四、在 CustomScrollView 中使用 SliverList 五、最终效果: 五、完整代码 一、CustomScrollView Flutte.
Android学习Material design中的底部导航栏BottomNavigationBar
hui9520的博客
01-04 2426
今天写项目的之于看了一下material Design关于底座图标BottomNacigationBar的介绍,网上的资料已经很详细了,在此留下记录便于以后查找.   首先要添加项目依赖   compile 'com.ashokvarma.android:bottom-navigation-bar:1.3.1' 我们也可以点击file选中Project Structure ,然后选择De
Android底部导航栏BottomNavigationBar使用方法
热门推荐
喻志强的博客
08-24 2万+
BottomNavigationView bottomNavigationBar的简单使用
androidx.compose.material:material:3中移除了BottomNavigation吗?
06-13
不是的，androidx.compose.material:material:3中仍然包含BottomNavigation组件。但是请注意，BottomNavigation现在已经从alpha版本升级到了stable版本，并且可能有一些API变化。建议您查看最新的Compose官方文档以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值