推荐个自己写的JetpackCompose的M3弹窗控件

最新推荐文章于 2024-06-27 23:16:11 发布
最新推荐文章于 2024-06-27 23:16:11 发布
阅读量232 收藏
点赞数
分类专栏： 移动开发精通教程 文章标签： 移动开发 ux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_76125261/article/details/131923469
版权
本文介绍了如何使用自编写的Jetpack Compose M3弹窗控件，包括其特点、版本环境要求、Gradle引入方式以及详细使用方法，如简单使用、自定义内容和动画展示，旨在提供一个易于定制且性能良好的弹窗框架。
摘要由CSDN通过智能技术生成

目录

代码示例

特点

版本环境要求

引入（Gradle KotlinDSL举例）

1. 设置仓库源

2. 引入依赖

使用

简单使用

自定义显示内容

自定义底部显示和隐藏

展示所有动画

代码示例

特点

  • 弹窗一个带有加载动画和基本弹窗结构的UI组件，加载动画包含了常用的三个类型，一个Success显示成功的图标，Error显示错误的图标，Loading为加载中的状态，并且加载状态底部提供文本按钮给用户进行加载状态的操作。
  • 虽然是一个封装过的弹窗框架，但是提供了许多自定义的部分，比如自定义背景色，内容颜色，标题颜色，底部是否显示确认或者取消按钮等，根据google官方Material3控件属性的设置习惯，使用单例来配置颜色内容等属性，遮罩的点击回调，尽可能减少过多的学习成本。
  • 弹窗的中间主要内容是提供组合函数让用户自定义展示使用的，并不会干扰弹窗的主要展示部分，可以自定义自己想显示的内容
  • 所有的动画都是已经设置好的，无需过多管理，使用AnimatedVisibilit
了解本专栏 订阅专栏 解锁全文 超级会员免费看
2024高教社杯思路代码
关注
专栏目录
订阅专栏
FastGPT部署接入 M3E和chatglm2-m3e文本向量模型
洛阳泰山的博客
04-24 1816
FastGPT 默认使用了 openai 的 embedding 向量模型，如果你想私有部署的话，可以使用 M3E 向量模型进行替换。M3E 向量模型属于小模型，资源使用不高，CPU 也可以运行。下面教程是基于 “睡大觉” 同学提供的一个的镜像。
Jetpack Compose底部对话框库——BottomSheetDialog的全新体验！
gitblog_00064的博客
06-01 486
Jetpack Compose底部对话框库——BottomSheetDialog的全新体验！ bottomsheetdialog-composeThe most convenient way to use BottomSheetDialog in Jetpack Compose项目地址:https://gitcode.com/gh_mirrors/bo/bottomsheetdialog-com...
android compose 底部弹框
eshi999的博客
04-02 496
compose 底部呼出弹框
Android开发系列（十二）Jetpack Compose之BottomSheet
最新发布
06-27 421
BottomSheet 是 Android 中一个常用的 UI 组件，它通常用于显示从屏幕底部弹出的用户界面。Jetpack Compose 中也有一个名为 BottomSheet 的组件，它可以用来实现类似的功能。当点击按钮改变showBottomSheet为true是，这是才执行ModalBottomSheet开始底部弹窗，当用户用手向上滑动时，弹框会向上伸张，当用手向下滑动时，弹框会慢慢消失。BottomSheet 是一个可滚动的面板，可以从屏幕底部弹出，显示额外的内容。执行效果如下图所示。
compose——底部弹窗BottomSheetScaffold和ModalBottomSheetLayout
wy313622821的博客
09-19 2438
ModalBottomSheetLayout 是 Jetpack Compose 中的一个组件，用于创建底部弹窗。它可以在屏幕底部显示一个半透明的背景，并从底部滑出一个内容面板。ModalBottomSheetLayout 包含两个主要部分：背景和内容面板。
Android Jetpack Compose 底部弹窗，拍照，选择文件
fanketly的博客
10-12 2702
Android Jetpack Compose 底部弹窗，拍照，选择文件
Kotlin——jetpackCompose按钮弹出dialog、列表（类似recyclerView）、双向绑定--列表(可单选/多选)、列表选中显示边框（最简单的方式）
wy313622821的博客
12-26 6449
package com.example.jetpackcompose import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.material.* import androidx.compose.runtime.Composable import androidx.compose....
使用Jetpack Compose实现PopupMenu
江小白的博客
07-05 788
Jetpack Compose是Google推出的现代化UI工具包，使用声明式UI模式构建用户界面。它有许多内建的Composable函数，让开发者可以轻松实现各种界面元素，包括PopupMenu。在这篇博客中，我们将深入研究如何在Jetpack Compose中创建PopupMenu。
初探Jetpack Compose
ymeddmn的博客
06-25 148
Jetpack Compose Jetpack Compose 是用于构建原生界面的新款 Android 工具包。它可简化并加快 Android 上的界面开发。使用更少的代码、强大的工具和直观的 Kotlin API，快速让应用生动而精彩。 可组合函数 Jetpack Compose 是围绕可组合函数构建的。这些函数可让您以编程方式定义应用界面，只需描述应用界面的形状和数据依赖关系，而不必关注界面的构建过程。如需创建可组合函数，只需将 @Composable 注释添加到函数名称中即可。 注 组合函数不能有参
M3扫描控件源代码及SQLite
11-22
总的来说，结合M3扫描控件和SQLite，开发者可以构建出强大而灵活的条码数据管理应用，适用于零售、物流、仓储等多个领域。通过深入理解这两者的交互和工作流程，开发者可以构建出更高效、安全且用户友好的解决方案。
m3u8的下载转换工具
04-01
它们可以自动处理M3U8文件，下载所有相关分片，并将它们组合成一个完整的本地视频文件。 5. **转换功能**：除了下载，这些工具往往还具备将M3U8流转换为更通用的视频格式，如MP4、AVI或MKV，以方便在各种设备上播放...
M3u8 Downloader(M3U8下载)下载
09-12
M3U8 Downloader是一款专为M3U8格式视频设计的开源下载工具，它具有高效、免费的特点，尤其在处理大容量视频下载时表现出色，显著缩短了下载时间，使得用户可以在几分钟甚至几秒钟内完成原本可能需要一两个小时的...
Jetpack Compose UI 底部弹窗实现
yuf0812的博客
07-29 2564
Compose UI 底部弹窗
Jetpack Compose 弹出框
m0_52458424的博客
03-02 300
Jetpack Compose Android 1.1.1弹出框，对话框
Kotlin SheetBottomDialog 实现底部支付弹窗 (圆角矩形，展开状态等避坑指南）
qq_37685768的博客
05-26 1473
1.啥都别扯，先看效果： 2.扯扯原因 谷歌在2021年底宣布韩国谷歌商店应用支持多种支付方式，但前提是得满足一些开发规范，并且要求使用SheetBottom来开发支付弹出框，我也是第一次接触这玩意儿，所以就开始怼啊，怼完发现还真比自定义的底部弹出Dialog好使。就想分享下这几天的开发过程以及踩的坑，希望能够帮到你。 3.细细分说 继续解决标题中问题的童鞋： 圆角矩形实现：3.2+3.3 展开状态：3.4（直接搜behavior） 3.1 SheetBottom依赖 只要在App级build.gradl
模拟底部弹出小菜单
wuli_Xiao的博客
07-20 505
大体思路：1、创建一个可以触发弹出事件的控件（我用的是按钮） 2、定义一个全局的视图，作为弹出视图 3、在按钮的Action中，调用创建弹出视图的方法，再调用创建按钮和文字label的方法。（我这里是把按钮和Label各自创建了模型，所以，每次创建都只需要在文件中调用它们的自定义初始化方法），然后将返回的按钮和label添加到弹出视图上显示即可。
JetpackCompose快速实现底部导航栏，BottomNavigation使用
步行者
12-24 7958
首先放上一个效果，这里需要特别鸣谢@扔物线大佬，因为我这边使用的颜色，图片都是从大佬的项目中直接拿过来的。原谅我是个白嫖怪~ 在@扔物线大佬的WeCompose项目中，对于底部导航栏的实现是使用Row + Column组合的方式实现的。但是我今天在阅读android developer文件的jetpack compose 指南的时候，发现官方个实现了Material Design的BottomNavigation效果，大致看了下文档，发现使用也是很简单。对于熟悉Flutter#BottomNavigati.
你推荐几个可以下载m3u的网站
02-06
我可以为你推荐几个可以下载 m3u 格式文件的网站： 1. 土豆网：这是一个视频网站，可以下载很多电视剧和电影的 m3u8 格式文件。 2. 优酷：这是另一个视频网站，也可以下载各种视频的 m3u8 格式文件。 3. YouTube...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

2024高教社杯思路代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值