一:前言 困惑起源于这段代码 Composable.clickable(点击1).clickable(点击2).size(100.dp).size(200.dp){ ............... } Composable是随便一个@Composable函数.结果是:点击二会应用,size100dp会应用. 一开始,我试验size的时候,以为是modifier从右往左应用的,但clickable的处理显然违背了这个事实,再放多一个实例 Text("Hi there!", Modifie…

原文: Jetpack Compose学习(6)--关于Modifier的妙用 | Stars-One的杂货小窝 之前学习记录中也是陆陆续续地将常用的Modifier的方法穿插进去了,本期就来详细的讲解下关于modifier的使用 限于篇幅,我是以常用的属性来讲解,漏讲了一些请见谅,毕竟方法真的太多了,之后可能有用的新的效果,会穿插地讲些 本系列以往文章请查看此分类链接Jetpack compose学习 基本使用 我们直接以个简单的例子讲解下使用,设置Box布局的宽高各100dp,且内边距为16…

原文:Jetpack Compose学习(5)--从登录页美化开始学习布局组件使用 | Stars-One的杂货小窝 本篇主要讲解常用的布局,会与原生Android的布局控件进行对比说明,请确保了解Android原生基本布局的知识,否则阅读文章会存在有难度 之前我也是在第一篇中的入门实现了一个简单的登录页面,也是有读者评论说我界面太丑了 当时入门便是想整的简单些,今天我便是实现美化来学习下布局的相关使用,这位同学看好了哦! 本系列以往文章请查看此分类链接Jetpack compose学习 登录页…

原文:Jetpack Compose学习(9)--Compose中的列表控件(LazyRow和LazyColumn) - Stars-One的杂货小窝 经过前面的学习,大致上已掌握了compose的基本使用了,本篇继续进行扩展,讲解下载Compose中的列表控件LazyRow和LazyColumn 之前也是讲解Jetpack Compose学习(6)--关于Modifier的妙用 | Stars-One的杂货小窝,可以通过Modifier属性将Row和Column组件改造为可滑动的 但是如果你需…

Jetpack Compose What and Why, 6个问题 1.这个技术出现的背景, 初衷, 要达到什么样的目标或是要解决什么样的问题. Jetpack Compose是什么? 它是一个声明式的UI工具包(declarative UI toolkit for Android). 它的主要目的就是改变之前命令式地(imperatively)写UI的方法, 改成声明式(declarative)的. 命令式 Android之前的写法就叫命令式: view hierarchy是一个UI wid…

Jetpack Compose Interoperability Compose风这么大, 对于已有项目使用新技术, 难免会担心兼容性. 对于Compose来说, 至少和View的结合是无缝的. (目前来讲, 已有项目要采用Compose, 可能初期要解决的就是升级gradle plugin, gradle, Android Studio, kotlin之类的问题.) 构建UI的灵活性还是有保证的: 新界面想用Compose, 可以. Compose支持不了的, 用View. 已有界面不想动,…

前言 Jetpack Compose 是用于构建原生界面的「新款 Android 工具包」.2021 Google IO 大会上,Google宣布:「Jetpack Compose 1.0 即将面世」. 作为Android未来新的UI开发标准,Compose 会为 Android 开发带来哪些变化呢?本文将带来Jetpack Compose的特点及其跟传统Android UI开发方式的分析: 基于Kotlin 声明式开发 UI刷新机制 状态管理 UI组件类型 实时预览 兼容性 Jetpack C…

1. 简介 Jetpack Compose是在2019Google i/O大会上发布的新的库.Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码,更强大的功能,能提高开发速度(这一段是谷歌自己说的). 说实话,View/Layout的模式对安卓工程师来说太过于熟悉,对于学习曲线陡峭的Jetpack Compose能不能很好的普及还是有所担心. 因为Jetpack Compose的内容比较多,我会分成多个文章来进行介绍. 内容包括常用UI组件的使用,Flow和Compo…

原文: Jetpack Compose学习(2)--文本(Text)的使用 | Stars-One的杂货小窝 对于开发来说,文字最为基础的组件,我们先从这两个使用开始吧 本篇涉及到Kotlin和DSL特性的使用 若不了解的话可能会造成代码阅读困难,阅读前确保你有上述基础知识!!! 本系列以往文章请查看此分类链接jetpackcompose学习 基础使用 @Preview(showBackground = true) @Composable fun textDemo() { ComposeDemo…

原文地址: Jetpack Compose学习(3)--图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 本篇分别对常用的组件:图标(Icon) 按钮(Button) 输入框(TextField)的使用方法及各参数使用进行讲解,参考了不少文章,且费了不少时间去时间去一一实践,希望对各位带来些帮助 本系列以往文章请查看此分类链接jetpackcompose学习 图标Icon使用 Icon接收三种参数,如下图 //第一种就不多说,就是一个…

原文地址 Jetpack Compose学习(4)--Image(图片)使用及Coil图片异步加载库使用 | Stars-One的杂货小窝 本篇讲解下关于Image的使用及使用Coil开源库异步加载网络图片显示 本系列以往文章请查看此分类链接Jetpack compose学习 Image使用 首先,先看下参数 fun Image( painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, align…

Jetpack Compose学习(7)--MD样式架构组件Scaffold及导航底部菜单 | Stars-One的杂货小窝 Compose给我们提供了一个Material Design样式的首页组件(Scaffold),我们可以直接套用从而完成一个APP的首页界面 本系列以往文章请查看此分类链接Jetpack compose学习 由于Scaffold中还包含有其他的组件,所以讲解Scaffold先讲解前置的一些组件 TopAppBar 首先,便是TopAppBar,其本质就是我们Android…

一.简介 Jetpack Compose是Google推出的用于构建原生界面的新Android 工具包,它可简化并加快 Android上的界面开发.Jetpack Compose是一个声明式的UI框架,随着该框架的推出,标志着Android 开始全面拥抱声明式UI开发.Jetpack Compose存在很多优点:代码更加简洁直观.应用开发效率显著提升.Kotlin API功能直观.预览工具强大等. 二.开发环境 为了获得更好的开发体验,笔者这里使用的是Android Studio Canary版…

原文地址: Jetpack Compose学习(8)--State状态及remeber关键字 - Stars-One的杂货小窝 之前我们使用TextField,使用到了两个关键字remember和mutableStateOf,这两个是做什么用的呢?本篇特来补充说明下 mutableStateOf 之前也说过,compose是MVVM模式的一种实现,UI界面依赖数据,数据改变即改变UI 这里需要去监听数据,当数据发生改变才会触发UI渲染,改变UI Android官方将上面这种情况称之为重组,我个人…

起源 守护进程daemon 从守护进程的角度看Docker Compose Docker的解决方案 思路 代码 结果 起源 Docker Compose提供了一个depends_on参数. https://docs.docker.com/compose/compose-file/#depends_on depends_on参数用于描述服务之间的依赖关系,服务依赖将导致如下行为: docker-compose up按照依赖关系的顺序启动服务. docker-compose up SERVICE自动…

原文地址:Jetpack Compose学习(1)--从登录页开始入门 | Stars-One的杂货小窝 Jetpack Compose UI在前几天出了1.0正式版,之前一直还在观望,终于是出了正式版 趁着无事,来篇入门教程,希望给各位一点参考 注:由于compose UI使用了kotlin的DSL语言特性,所以需要熟悉Kotlin Jetpack Compose介绍 Jetpack Compose 是一个用于构建原生 Android UI 的现代工具包.Jetpack Compose 用更少…

前言 Q1的时候公司列了个培训计划,部分人作为讲师要上报培训课题.那时候刚从好几个Android项目里抽离出来,正好看到Jetpack发布了新玩意儿--Compose,我被它的快速实时打包给吸引住了,就准备调研一下,于是上报了此次课题. 名词解析: 以下用到的专业术语可能会有出入,为了避免混淆,下面做一个名词解析表: 名词 解析 备注 组件 可以控制页面展示的部分UI的逻辑单元 View 可以展示的UI,并具备自己维护状态的能力 微件 同组件,可以控制页面展示的部分UI的逻辑单元 Compose…

简介 Jetpack Compose是在2019Google i/O大会上发布的新的库.Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码,更强大的功能,能提高开发速度. Compose 并不是像 RecyclerView.ConstraintLayout 这种做了一个或者几个高级的 UI 控件,而是直接抛弃了我们写了 N 年的 View 和 ViewGroup 那一套东西,从上到下撸了一整套全新的 UI 框架.直白点说就是,它的渲染机制.布局机制.触摸算法以及 UI…

做主页导航时会用到底部导航栏,Jetpack Compose提供了基础槽位的布局Scaffold,使用Scaffold可以构建底部导航栏,例如: @Composable fun Greeting(vm: VM) { val list = listOf("One", "Two", "Three") var selectedItem = remember { mutableStateOf(0) } val navController = rememb…

引入 Jetpack Compose 示例工程 去GitHub上找到Compose的示例工程 https://github.com/android/compose-samples ,clone到本地 网络不好的同学也可以去gitee上面搜索「compose-samples」,也能找到这个示例工程. 我的AndroidStudio(后文简称"as")是4.1.1.示例工程要求Android Studio Arctic Fox.升级一下as. 版本说明 在以前的编号系统中,此版本应为 An…

什么是Android Jetpack https://developer.android.com/jetpack Android Jetpack是一个由多个库组成的套件,可帮助开发者遵循最佳做法.减少样板代码并编写可在各种Android版本和设备中一致运行的代码,让开发者可将精力集中于真正重要的编码工作. 什么是Jetpack Compose Jetpack Compose是用于构建原生Android界面的新工具包.它可简化并加快Android上的界面开发,帮助您使用更少的代码.强大的工具和直观…

Android Compose的Window Insets 除了app的内容区域外, 还有一些其他的固定元素会显示在手机屏幕上, 顶部的状态栏, 刘海, 底部的导航栏, 还有输入法键盘, 它们都是系统的UI, 也叫Insets. 如图所示: 顶部的状态栏通常被用来展示通知, 设备状态等; 底部导航栏通常显示三个导航按钮: back, home, recent. 它们两个合称为system bars. Android的Insets类描述的是偏移尺寸信息, 确实我们开发中更关注的也就是这些系统UI的…

公众号回复 Compose 获取安装包 项目地址: Wanandroid-Compose 经过前段时间的 Android Dev Summit ,相信你已经大概了解了 Jetpack Compose .如果你还没有听说过,可以阅读这篇文章 Jetpack Compose 最新进展 .总而言之,Compose 是一个 颠覆性 的 声明式 UI 框架 ,它的口号就是 消灭 xml 文件 ! 尽管 Jetpack Compose 还只是预览版,API 可能发生变化,缺乏足够的控件支持,甚至不是那么稳定…

前言 上篇文章我给大家分享了我对Android架构的理解,从思想层面去讲述架构的演进过程.很多小伙伴读完后拍手叫好,表示还想听我讲一下对Jetpack 架构的看法,本着帮人帮到底的精神,今天我将再次动笔 尽量从本质上讲清楚Jetpack 架构存在的意义,以及解决的问题. 知识储备:需要对Lifcycle.LiveData.ViewModel.DataBinding有基本了解 作者 Bezier 目录 1.1 为什么要做生命周期绑定? 1.2 Lifecycle解决了哪些问题? 2.1 观察者模式…

前言 2018年谷歌I/O,Jetpack横空出世,官方介绍如下: Jetpack 是一套库.工具和指南,可帮助开发者更轻松地编写优质应用.这些组件可帮助您遵循最佳做法.让您摆脱编写样板代码的工作并简化复杂任务,以便您将精力集中放在所需的代码上. 好好琢磨这段介绍就能解释我们刚才的问题. Jetpack到底是什么? 是一套库.工具和指南.说白了就是一系列的库或者工具集合,而且这些工具是作为我们优质应用的指南,相当于官方推荐做法. google推出这个系列的原因是什么? 规范开发者更快更好的开发出…

从读者的反馈来看,近期大部分安卓开发已跳出舒适圈,开始尝试认识和应用 Jetpack MVVM 到实际的项目开发中. 只可惜,关于 Jetpack MVVM,网上多是 东拼西凑.人云亦云.通篇贴代码 的文章,这不仅不能提供完整的视角来帮助读者,更是给还没入门 Jetpack 的读者 徒添困扰.起到 劝退 的作用. 好消息是,这一期,给大家带来了精心打磨的 Jetpack MVVM 最佳实践案例 让人爱不释手的交互设计! 连贯的用户体验 唯一可信源的统一分发 横竖屏布局的无缝切换 项目简介 本人拥…

Android现有工程使用Compose 看了Compose的示例工程后,我们也想使用Compose.基于目前情况,在现有工程基础上添加Compose功能. 引入Compose 首先我们安装 Android Studio Arctic Fox 或更高版本. 项目的配置gradle/wrapper/gradle-wrapper.properties distributionUrl=https\://services.gradle.org/distributions/gradle-7.1.1-bin…

Android Jetpack Navigation基本使用 本篇主要介绍一下 Android Jetpack 组件 Navigation 导航组件的 基本使用 当看到 Navigation单词的时候 应该就大概知道 这是一个关于导航用的,下面我来简单介绍一下 如何使用Navigation组件的基本使用流程,并且一步步 实际操作一番 Navigation ,下图是案例,实现登录到详情的跳转 1.Navigation 基本概念 Navigation 是一个Jetpack组件 支持用户导航,用于在…

前段时间,有个朋友又出去面试了,这次他面试目标比较清晰,面的都是业务量大.业务比较核心的部门.前前后后去了不少公司,几家大厂里,他说给他印象最深的是字节.  3轮技术面 + 1 轮 HR 面,他最终拿到了 35k*15薪 的 Offer…

middleware 对于现有的一些框架比如koa,express,redux,都需要对数据流进行一些处理,比如koa,express的请求数据处理,包括json.stringify,logger,或者一些安全相关的处理都需要在数据流中进行,还比如redux的整个数据的修改,支持中间件来扩展用户对于数据修改的支持. middleware系统是处理流式数据的利器,实现方便,功能强大. 本文就分别研究一下redux的koa的middleware系统- redux 对于redux,一个数据处理中心,它…