实战Compose——做个简洁却不简单的星球打卡App

最新推荐文章于 2024-11-05 13:26:01 发布
最新推荐文章于 2024-11-05 13:26:01 发布
阅读量968 收藏 2
点赞数
分类专栏： 程序员 文章标签： android jetpack android 职场和发展 技术提升
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56144365/article/details/124613146
版权

Focus

Focus是一款帮助你集中的app——为自己的目标建立星球，将时间投入在上面。花在星球上的每一分钟都会被记录，每颗星球可以定制颜色与外观。为了贯彻简单干净不让人分心的设计理念，app采用白灰为主色调。为了不使界面显得单调，所以增加了不少的动画。

UI使用Compose实现，采用了MVI架构，涉及框架包括Navigation,Hilt,Room,Flow

预览

先看看目前的所有功能总的预览吧，使用流程主要就是：

  1. 创建星球界面设置星球名字，打卡时间和详细描述
  2. 星球列表界面选中要打卡的星球
  3. 主界面设置要打卡的时间，开始打卡

功能

主界面

  • 左右滑动 设置倒计时时间
  • 长按星球 当卫星消失再出现并开始逆时针转动的时候开始计时。打卡的时长会被记录进对应的星球中

星球列表界面

双击星球 进入星球列表界面

  • 上拉星球 显示星球颜色的渐变背景，再点击可以删除星球
  • 左右滑动 查看已有星球
  • 上滑界面 查看星球详细信息
  • 点击✨ 选中当前星球为要打卡的星球

新建星球界面

点击 星球列表界面的最后一个带加号的星球进入新建星球界面

  • 颜色选择 选中新星球的颜色，这些颜色按钮也做了渐变的动画
  • 时间选择 没啥好说的
  • 点击✨ 创建星球

最低0.47元/天 解锁文章
Docker（八）：Docker Compose（容器编排） 管理多容器应用—实战案例演示
✨ 欢迎来到【Seal ^_^ 的CSDN博客】！这里是我记录技术心得、分享经验的地方。✨
09-13 5万+
🟢 Docker（八）：Docker Compose（容器编排） 管理多容器应用—实战案例演示
Android Jetpack compose简单示例以及版本兼容处理
eshi999的博客
03-08 449
代码方式书写android布局
Compose应用
weixin_34179968的博客
04-03 656
在用 PHP 开发自己博客后台的时候，碰到一个问题：一般的后台框架都会提供中间件，给使用者自定义额外的功能，so，PHP 应该如何整合一系列的功能中间件呢？ 你可能想到的实现 注册中间件的时候将其存到数组中，执行时遍历数组。 const app = new App(); // 注册中间件 // this.middlewares.push(middleware); app.use(middle...
Android Compose MVI 框架
最新发布
2301_79780572的博客
11-05 1109
Compose MVI架构 使用hilt 依赖注入 协程请求
docker-compose使用案例
qq_41257365的博客
01-14 522
docker-compose使用案例 它的安装就不多说了。 其实docker-compose这个就是写一些docker-compose.yml文件 配置一个简单的docker-compose.yml version: '3.1' services: ##可以有多个写在下面，如mysql,tomcat,adminer mysql: restart: alw...
学不动也要学，Jetpack Compose 写一个 IM APP（一）
weixin_54056045的博客
01-25 1014
在 2019 年的 Google/IO 大会上，亮相了一个全新的 Android 原生 UI 开发框架 Jetpack Compose。与 IOS 的 SwiftUI 一样，Jetpack Compose 也是一个声明式的 UI 框架，随着 Android 和 IOS 两大移动平台相继推出了自己平台专属的声明式 UI 框架，标志着整个行业已开始转向声明性界面模型，该模型大大简化了与构建和更新界面关联的工程设计 经过两年多的打磨，到了今年七月底，Google 正式发布了 Jetpack Compose 的
Docker之compose使用【附实用案例】（不建议收藏）
皮皮的博客
07-29 1739
Compose项目是Docker官方的开源项目，负责实现对基于Docker容器的多容器应用服务的快速编排。 Compose项目由python编写，调用了Docker提供的API来对容器进行管理。 代码在：https://github.com/docker/compose上开源。 Compose常见概念： 任务（task）：一个容器被称为一个任务，拥有独一无二的ID。 服务（service）：相同应用镜像的副本集合，一个服务可以横向扩展多个容器实例。 服务栈（stack）：由多个服务组成，相互配合完成特定业
Jetpack Compose——Slider（滑块控件）简单使用
lplj717的博客
12-22 2044
基于compose_version=1.1.0-beta01版本 参数如下： Slider( value: Float,//当前值 onValueChange: (Float) -> Unit,//滑动时回调当前值 modifier: Modifier = Modifier,//布局修饰 enabled: Boolean = true,//是否启用或交互 valueRange: ClosedFloatingPointRange<Float> =
Jetpack Compose——ProgressIndicator（进度条）的简单使用
lplj717的博客
12-20 2680
CircularProgressIndicator（圆形进度条） 首先看看参数，有两种构造 CircularProgressIndicator( /*@FloatRange(from = 0.0, to = 1.0)*/ progress: Float,//进度 modifier: Modifier = Modifier,//布局修饰 color: Color = MaterialTheme.colors.primary,//进度指示器颜色 strokeWidt
Jetpack Compose——Switch、CheckBox、RadioButton简单介绍
lplj717的博客
12-15 1755
Switch 首先看看参数： Switch( checked: Boolean,//是否选中 onCheckedChange: ((Boolean) -> Unit)?,//点击回调 modifier: Modifier = Modifier,//布局修饰 enabled: Boolean = true,//是否可用 interactionSource: MutableInteractionSource = remember { MutableIntera
Docker Compose实例
weixin_46759354的博客
02-07 1094
一个简单的Docker容器部署案例
使用create-compose-app，轻松构建Compose应用
gitblog_00033的博客
05-20 713
使用create-compose-app，轻松构建Compose应用 create-compose-app⌨️ A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configuration项目地址:https...
35. 我用Compose开发了一款音视频处理app
u010436867的博客
09-28 952
Compose 音视频app开发
Docker Compose简介及示例
benben的博客
09-10 1057
Compose项目简介 在日常工作中，经常会碰到需要多个容器相互配合来完成某项任务的情况。Docker开源项目Compose专门负责实现对Docker容器集群的快速编排，官方是这样定义的：Compose是一个用于定义和运行多个Docker容器的工具。使用Compose，你可以使用YAML文件来配置应用程序的服务。 Compose中两个重要概念： 服务：一个应用的容器，实际上可以包括若个运行...
手把手教你用 COMPOSE 开发地图 APP～
allisonchen的专栏
11-13 723
很难想象1.0早在2021 年 7 月就发布了。如今两年过去了，Google Play 上排名前 1000 的 App 中已有24%采用了 Compose 这个新技术， 其影响力可见一斑。Jetpack Compose 作为MAD（现代 Android 开发）理念中的一员，确实取得了不少成绩。但我留意到有个技术角落被大家忽视了，那就是 Map 地图。其实，我有阵子没接触 Compose SDK 了，但最近突然发现Google Map。
Android Studio compose的简单使用与案例实现
weixin_57235263的博客
12-01 1574
Jetpack并不是一个框架或者组件，它是一套库、工具和指南的集合，可帮助开发者更轻松地编写优质应用。这些组件可帮助开发者遵循最佳做法、摆脱编写样板代码的工作并简化复杂任务，以便将精力集中放在所需的代码上。说明：循环滚动跑马灯Text控件text 文字内容modifier 控件修饰器textModifier 文字修饰器gradientEdgeColor 左右边界渐变透明色，默认白色渐变。color 文字颜色letterSpacing 字符间距textDecoration 文字装饰。
手把手教你用 Jetpack Compose 开发地图 APP～
yan_chenglong的博客
04-27 249
很难想象1.0早在2021 年 7 月就发布了。如今两年过去了，Google Play 上排名前 1000 的 App 中已有24%采用了 Compose 这个新技术， 其影响力可见一斑。Jetpack Compose 作为MAD（现代 Android 开发）理念中的一员，确实取得了不少成绩。但我留意到有个技术角落被大家忽视了，那就是 Map 地图。其实，我有阵子没接触 Compose SDK 了，但最近突然发现Google Map。
从0开始搭建一个APP：compose搬砖的一天
1
11-02 315
OK，先水到这，主要是阐述了一些第一次开发可能遇到的简单问题，也没有啥知识点，水一下，也挺好。再提一嘴，compose和Kotlin的学习是差不多的，要把格局打开，就是想象力得打开，打开了就会发现，很多东西，他其实已经存在了。
Jetpack Compose+架构=优秀APP？
m0_64365896的博客
12-09 1563
前言 Jetpack Compose是Android推出的新一代声明式UI框架，Compose库是用响应式编程的方式对View进行构建，用更少更直观的代码拥有更强大的功能，同时还能提高开发速度。随着alpha版本的发布，其API也逐渐稳定，此时谁先掌握这一项新技术，谁就能在这一行业中抢占先机。 但一些使用过Compose的小伙伴反馈说Compose的实现效果不好，其实是他们没有搭配框架使用,任何代码都是需要依托于框架实现的，使用框架可以降低程序之间的依赖性和耦合性，使重复性达到最高。 那么Compose应
写一个compose app
05-23
好的，我可以给你一个简单的Compose App示例。这个App将显示一个列表，列表中有一些简单的文本项。你可以点击其中的任何一项，在屏幕底部显示相应的文本。 首先，在build.gradle文件中，添加以下依赖项： ``` ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>