热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

超强新框架,引领2022开发新纪元

纵观Android发展至今,十余年间Google一直在针对不同的主题对它进行整改补强,其目的就是为了给开发者们一个更加舒适高效的开发平台,更好的实现各种功能。可以看到在UI构建方面



纵观Android发展至今,十余年间Google一直在针对不同的主题对它进行整改补强,其目的就是为了给开发者们一个更加舒适高效的开发平台,更好的实现各种功能。

可以看到在 UI 构建方面,基本上这么多年依赖并没有什么变化,就现在的发展趋势来说,传统的UI架构让很多开发者表示苦不堪言:UI 在构建上需要编写大量的模板代码。大家都对自定义 View 比较熟悉,每次编写都要处理 onMeasure、onLayout、onDraw,在 onInterceptTouchEvent、onTouchEvent 中处理各种手势分发,此外我们还需要根据 attrs.xml 等支持好自定义属性,可以说繁琐至极。如果想在现有组件上去做重构,面对如此多的代码,几乎是天方夜谭。


Compose应运而生

无法优化重构,那么就只能创造新的架构来进行开发。自Flutter之后,Google也是在今年正式发布了Compose1.0。很多人可能都会有疑问:有了Flutter,为什么还要推出Compose,这不是自己打脸吗(其实主要是也学不过来了)?虽然同为声明式UI,二者虽然比较相似,但究其根本定位还是不尽相同:

Flutter:作为一款专为跨平台而生的框架,从上到下都透露着大胆和创新,选择Dart已经是胆大包天,在Web平台支持选用Canvaskit 的WebAssembly 模式更是足够冒进,很多人难以接受他的任性。

Flutter架构图(图片来自网络)

Compose:Compose则是一个全新的UI库,隶属Jetpack中的一员,它的出现是为了重新定义Android UI的开发方式,相比原生Android UI的开发方式,它大幅度提高了原生UI的开发效率:


  • 声明式UI,不需要手动刷新数据
  • 去掉XML,完全解除了混合写法(xml+Java、kotlin)的局限性
  • 超强兼容性,大多数常用库(如Navigation、ViewModel和Kotlin协程)都适用于Compose,Compose 能够与现有 View 体系并存,你可以为一个既有项目引入 Compose
  • 加速开发,提供了非常多开箱即用的Material 组件,如果的App是 遵循 Material Design的话,使用Jetpack Compose 能让你节省不少精力。
  • 精简代码数量,减少bug的出现
  • 功能完备,现阶段几乎可以完全覆盖Android现有视图系统的所有能力
  • 实时预览,Compose 预览机制可以做到与真机无异,真正的所见所即得

相比之下,二者的区别一目了然:如果想做一个多端跨平台开发者,那么Flutter会让你如虎添翼;想要继续扎根Android深耕细作,那么Compose更适合作为你学习的第一选择。如何学习Compose当然对于大部分开发者来说,Compose 确实没有那么容易上手,毕竟大家都习惯了传统的自定义 View 四版斧;而且在写法上也有所不同,声明式 UI 基于 Kotlin DSL来完成UI页面的编写;此外在渲染机制上也发生了变化,通过「高性能重组」尽可能来提升渲染的性能,所以几乎是一个全新的框架。

为了帮助大家更好地理解Compose,早日上手实操,这里给大家介绍一份谷歌大佬强势分享《Jetpack Compose-从入门到精通》,手把手带大家领略Compose的风采。 这份资料旨在给希望了解、学习、应用Android Jetpack Compose的小伙伴一个参考资料:


第一章 初识Jetpack Compoese

1.为什么我们需要一个新的UI 工具?
2.Jetpack Compose的着重点


  • 加速开发
  • 强大的UI工具
  • 直观的Kotlin API

3.API 设计

4.Compose API 的原则


  • 一切都是函数
  • 顶层函数(Top-level function)
  • 组合优于继承
  • 信任单一来源

5.深入了解Compose


  • Core
  • Foundation
  • Material

6.插槽API


如需要参考完整版请去我GitHub进行访问查阅



2.深入详解 Jetpack Compose | 优化 UI 构建


  • Compose 所解决的问题
  • Composable 函数剖析
  • 声明式 UI
  • 组合 vs 继承
  • 封装
  • 重组
  • ……

3.深入详解 Jetpack Compose | 实现原理


  • @Composable 注解意味着什么?
  • 执行模式
  • Positional Memoization (位置记忆化)
  • 存储参数
  • 重组
  • ……


如需要参考完整版请去我GitHub进行访问查阅



2.Jetpack Compose应用2
3.Jetpack Compose应用做一个倒计时器


  • 数据结构
  • 倒计时功能
  • 状态模式
  • Compose 布局
  • 绘制时钟

4.用Jetpack Compose写一个玩安卓App


  • 准备工作
  • 引入依赖
  • 新建 Activity
  • 创建 Compose
  • PlayTheme
  • 画页面
  • 底部导航栏
  • 管理状态
  • 添加页面

5.用Compose Android 写一个天气应用


  • 开篇
  • 画页面
  • 画背景
  • 画内容
  • ……

6.用Compose快速打造一个“电影App”


  • 成品
  • 实现方案
  • 实战
  • 不足
  • ……


如需要参考完整版请去我GitHub进行访问查阅






推荐阅读
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 深入解析Android自定义View面试题
    本文探讨了Android Launcher开发中自定义View的重要性,并通过一道经典的面试题,帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识,还提供了实际操作建议。 ... [详细]
  • 本文详细介绍了 GWT 中 PopupPanel 类的 onKeyDownPreview 方法,提供了多个代码示例及应用场景,帮助开发者更好地理解和使用该方法。 ... [详细]
  • Explore how Matterverse is redefining the metaverse experience, creating immersive and meaningful virtual environments that foster genuine connections and economic opportunities. ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 本文详细介绍了 com.facebook.drawee.view.SimpleDraweeView 中的 setScaleType 方法,提供了多个实际代码示例,并解释了其在不同场景下的应用。 ... [详细]
  • 本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率,使用经典的EK(Edmonds-Karp)和Dinic算法进行求解。 ... [详细]
  • 作为一名专业的Web前端工程师,掌握HTML和CSS的命名规范是至关重要的。良好的命名习惯不仅有助于提高代码的可读性和维护性,还能促进团队协作。本文将详细介绍Web前端开发中常用的HTML和CSS命名规范,并提供实用的建议。 ... [详细]
  • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
author-avatar
你好cd_197
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有