首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Jetpack Compose for Desktop: 里程碑1发布

image 更轻松桌面 UI 开发 Compose for Desktop 提供了声明式和响应式的方法,通过使用 Kotlin 来创建用户界面,它的 API 参考了其他现代框架( React 和Flutter...本质上讲 Compose for Desktop 允许开发者通过组合函数在代码声明桌面 UI,并且它会自动响应应用的状态同步。...就像 Kotlin 本身一样,Compose for Desktop 也遵循简单操作性和平稳迁移的理念,这样 Compose for Desktop 可以与 Swing 和 AWT集成在一起,这样开发者的...,其中涵盖了一系列主题,例如:操作图像、处理鼠标事件以及发送桌面通知等等。...在 #compose-desktop ,就可以找到有关 Compose for Desktop 的讨论,在#compose ,也可以讨论涉及 Android 上的 Compose 和 Jetpack

4.7K30

【译】JetPack Compose for Desktop 初体验

Compose for desktop 的早期版本,他们为 IntelliJ 增加了一个桌面项目引导,可以让我们在几秒内配置好项目。...首先,我们需要从左侧菜单中选择 Kotlin,然后修改项目名称和位置。之后,我们需要选择项目模板。这是配置项目的一个重要步骤。我们需要从项目模板列表挑选桌面模板,向下滚动就能找到。...运行你的第一个桌面应用 如果进展顺利,整个桌面项目加载完成后你将会看到以下界面: ? 此时,你可以运行该应用程序了。...代码 Window 函数开始,用给定的内容打开一个窗口。它需要几个参数来初步配置窗口的属性, title、size、location、centered、content 等。...他还从 Compose Android 应用创建了 the Spotify desktop clone[7],这给了我很大的启发。

5.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    安卓软件开发:使用Jetpack Compose实现 NimWebViewApp

    在这篇文章里,我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack ComposeKotlin开发NimWebViewApp的加载和操作的案例。...一、项目背景 本文展示如何使用 Jetpack Compose 的 AndroidView 加载 WebView,处理页面的加载状态和返回导航操作。...(3)WebView:通过 AndroidView WebView 集成到 Jetpack Compose ,启用了 JS 功能,大多数现代网站可以正常加载。...和 WebView 的结合 用 Jetpack Compose 的 AndroidView 可以轻松实现了传统的 Android 视图控件( WebView)嵌入到 Compose ,且通过 update...六、总结 本文展示了如何在 Jetpack Compose 中集成 WebView,处理加载状态和返回导航。

    35070

    图像编辑器 Monica 之图像涂鸦、裁剪、有趣的滤镜

    图像编辑器 Monica Monica 是一款跨平台的桌面图像编辑器,使用 Kotlin Compose Desktop 进行开发基于 mvvm 架构,使用 koin 作为依赖注入的框架。...Monica 开发的背景和初衷可以看 使用 Kotlin Compose Desktop 开发的图像编辑器。 目前 Monica 还处于开发阶段,当前版本的主要功能包括: 加载本地图片、网络图片。...放大、缩小图像。 对修改的图像进行保存。 二. 图像涂鸦 涂鸦是 Monica 的基础功能,就是对图像进行随意涂画。 点击上图带提示的按钮,就可以进入涂鸦界面,对图像进行随意的涂鸦。...图像裁剪 点击带提示的裁剪按钮 可以进入图像裁剪的界面 用户可以基于九宫格的选框,对图像进行裁剪。 裁剪完之后,会在主界面显示截取之后的图像图像裁剪也是大量基于 Canvas 的操作。 四....后期 Monica 的重点是增加对图像各种形状的裁剪,对现有算法的效率进行提升,增加用户和软件的交互,尝试引入一些深度学习的算法等等。

    11910

    Compose 跨平台现状

    Compose 能应用于跨平台,主要是基于 KMM 架构,KMM 的介绍可以查看官方文档《Get started with Kotlin Multiplatform Mobile[1]》,我们来看下 KMM... compose-jb[2] 仓库来看,目前能复用的只有 Android 和 Desktop,想支持全跨平台的话,任务依然很艰巨,我们来看下简单的架构图: Android 与 Desktop 使用...,jb-compose 为 commonMain 层使用的通用模块,jetpack-compose 为 Android 所集成的平台模块,compose-desktopdesktop 所集成的平台模块...如果项目有资源混淆需求的话, 建议直接定义获取图片的方法,: 3、多语言统一 多语言的实现与图片资源设置类似: 在运行 desktop 项目时遇到中文多语言乱码问题,解决办法是将项目编码改成 UTF...-8 即可: 资源设置可以查看我的项目:KMPCompose[7] desktop 多语言设置:java如何实现多语言切换[8] 总结 在整个调研和使用下来,感觉 Compose 跨平台还有很长的路要走

    3.4K30

    谷歌社区说|聊聊Compose跨平台与KMM

    Compose Multiplatform 与 KMM的关系 Compose Multiplatform 与 KMM的实践 开发者该如何选择 这里需要先说明的是,本次分享我们只会使用的角度去分享,作为一次跨平台技术的普及...最主要的是,paging-common的API与AndroidX 下的API完全相同,仅仅是将包androidx.paging迁移到了app.cash.paging,所以这部分的使用我们直接按照AndroidX...Desktop与Web 我们上面都是以Android和iOS为例,其实Desktop与Web端也是一样的,相对比来说我觉得Desktop已经比较成熟了,UI也是可以完全复用Jetpack Compose...好在Kotlin在1.8.20版本推出了Kotlin/Wasm,最新的Compose for Web 是基于Kotlin/Wasm的,当前处于试验阶段。...可以通过使用 UIKitView,在共享用户界面嵌入复杂的特定于平台的小部件,地图、 Web 视图、媒体播放器和照相机等。

    1K10

    安卓软件开发:使用AndroidView(MDC)实现高级轮播图App-下篇

    下面的代码展示了如何在 Activity 初始化 RecyclerView 配置 CarouselSnapHelper 和 CarouselLayoutManager。...R.drawable.app, R.drawable.app, R.drawable.a ) } } 轮播图的 RecyclerView 创建一个适配器加载和显示图像...Jetpack Compose 的 LazyColumn 和 LazyRow 提供了内置的性能优化机制,处理长列表时会自动实现惰性加载,不会加载屏幕外的内容,提升性能。...:用 Kotlin 描述布局 Compose 直接用 Kotlin 代码写布局,比如用 Column 来取代 LinearLayout,用 Row 排列横向的元素。...Jetpack Compose:内置性能优化 Compose 则通过惰性布局( LazyColumn、LazyRow)自动优化性能。它只会渲染屏幕上可见的内容,减少了不必要的计算。

    44581

    安卓软件开发:手把教Jetpack Compose实现对接接口服务层的开发

    在这篇文章里,我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现对接接口服务层的开发案例。无论你有没有开发经验,相信这篇文章对你会非常有所帮助。...这篇文章详细介绍如何通过 Jetpack Compose 构建一个简单Demo,实现从远程 API 获取数据、显示分类列表的功能。...通过 Retrofit 远程 API 获取分类信息。2.1 核心组件 • MainActivity:负责应用的入口。 • MainViewModel:处理 API 获取数据的逻辑。...3.2 网络请求的异常处理如果远程 API 获取数据时,可能会遇到各种异常(网络连接失败等)。...4.3 假数据和状态模拟 • 假数据:在预览过程,无法依赖真实的网络请求。所以,手动编写了假数据( fakeCategories) @Preview 函数调用,为了在 AS 中进行 UI 预览。

    318102

    为什么除了 Flutter 之外,我们还需要另一个跨平台开发框架?

    Compose Multiplatform 由 Compose for DesktopCompose for Web 组成,通过 Kotlin Multiplatform 支持许多不同的平台。...我们希望通过本文帮助大家进一步了解 Compose 的跨平台能力,以及 JetBrains 将 Compose Android 扩展到这些其他平台背后的主要驱动力是什么。...Compose 是一套声明式框架,其最大特色在于摆脱了传统 Android 方法的层级结构,或者说布局与控制树。...JetBrains IDE Compose for Desktop 项目 Compose 与 Swing 有一个比较大的共同点:与其他使用本机控件的跨平台框架,比如例如 Java 的 SWT(Standard...Igotti 回应称,“我们使用 Kotlin/JS 编译器。”Compose 的 Web 版本不如桌面版先进,说明文档也警告称“API 尚未最终确定,预计会发生重大变化。”

    1.8K40

    跨平台开发框架 Compose Multiplatform 1.0 发布

    Compose Multiplatform 由 Compose for DesktopCompose for Web 组成,通过 Kotlin Multiplatform 支持许多不同的平台。...Compose Desktop 使用 Skia,这是一个经过良好优化的图形库,目前被许多对性能敏感的应用程序(包括现代浏览器)使用。...除了桌面,Compose Multiplatform 提供了一个强大的、声明性的 Kotlin/JS API 来处理 DOM——它具备你在现代 Web 框架想要和需要的所有功能,包括全面的 DOM API...这个 App 已经有超过 100 万月活用户,并在 4 个月前完全 C++ 和 Electron 迁移到 Compose Multiplatform。...要尝试 Compose Multiplatform 快速开始构建面向多个平台的应用程序,可以使用 IntelliJ IDEA 2021.1+ Kotlin 项目向导。

    97210

    为什么除了Flutter之外,我们还需要另一个跨平台开发框架?

    Compose Multiplatform 由 Compose for DesktopCompose for Web 组成,通过 Kotlin Multiplatform 支持许多不同的平台。...我们希望通过本文帮助大家进一步了解 Compose 的跨平台能力,以及 JetBrains 将 Compose Android 扩展到这些其他平台背后的主要驱动力是什么。...JetBrains IDE Compose for Desktop 项目 Compose 与 Swing 有一个比较大的共同点:与其他使用本机控件的跨平台框架,比如例如 Java 的 SWT(Standard...Igotti 回应称,“我们使用 Kotlin/JS 编译器。”Compose 的 Web 版本不如桌面版先进,说明文档也警告称“API 尚未最终确定,预计会发生重大变化。”.../2021/08/06/compose_for_desktop_kotlin_framework/ 今日好文推荐 技术总监惨遭公司起诉索赔90万,原因是拖延开发进度?

    1.1K20

    Compose也能开发iOS了,快来体验~

    前言 在之前,我们已经体验了Compose for DesktopCompose for Web,目前Compose for iOS 已经有尚未开放的实验性API,乐观估计今年年底将会发布Compose...,代码如下所示: compose.version=1.3.0 然后我们在shared模块的build文件引用插件 plugins { kotlin("multiplatform")...实现一个双端网络请求功能 在之前的第1弹和第2弹,我们分别实现了在Desktop、和Web端的网络请求功能,现在我们对之前的功能在iOS上再次实现。...Compose-jb很久之前已经发了稳定版本只是Compose-iOS目前还没有开放出来,而KMM当前还处于试验阶段,不过在2023年Kotlin的RoadMapKotlin已经表示将会在23年发布第一个稳定版本的...因此,第四弹开始,此系列将更名为:Kotin跨平台第N弹:~ 写在最后 自身体验来讲,我觉得KMM+Compose-jb 对Android开发者来说是非常友好的,不需要像Flutter那样还需要额外学习

    1.4K30

    Jetpack Compose 1.1 现已进入稳定版!

    作者 / Android 开发者关系工程师 Florina Muntenescu 我们一既往地搭建 产品路线图,现在已经发布了 Jetpack Compose 的 1.1 版本,这是 Android...Compose 1.1 还让许多之前的实验性 API 过渡到了稳定阶段,并支持新版 Kotlin。...全新稳定功能和 API 图像矢量 (Image vector) 缓存 Compose 1.1 引入了图像矢量 (Image vector) 缓存,带来了巨大的性能改进。...注意: 使用 Compose 1.1 需要使用 Kotlin 1.6.10。如需了解更多信息,您可以查看 ComposeKotlin 的兼容性对应关系。 想知道未来计划?...您可以查看 最新路线图,了解我们目前正在评估和开发的功能,比如延迟加载项目动画、可下载的字体、可移动的内容等等!

    1.1K20

    Jetpack Compose Alpha 版现已发布!

    进而,我们还了解到 Kotlin 深受开发者的喜爱,如今在排名前一千名的应用,有超过 70% 的应用使用了 Kotlin,60% 的专业 Android 开发者都在使用 Kotlin。...Alpha 版本发布内容如下:  Animations Constraint Layout 无障碍初步支持 输入和手势 与视图的互操作性 (可以在您现有的 app 混合可以组合的功能) 懒加载列表 Material...历史上看,Android 的视图层次结构一直被描述为 UI 组件树。随着 app 状态的变化,需要更新 UI 层次结构来显示当前的数据。...要了解更多相关信息,请参阅 Compose for existing apps codelab 或查看以下两个示例: Tivi 和 Sunflower 展示了如何在现有项目中集成 Compose Crane...示例应用 展示了如何在 Compose 嵌入一个 MapView 观看视频: 将 Compose 加入现有的应用:https://youtu.be/PjQdFmiDgwk 强大的工具 Android

    4.1K30

    首款采用Kotlin语言编写的恶意APP现身Google Play商店

    :引用空指针; 可以利用JVM、Android和浏览器的现有库进行互操作; 兼容很多现有工具,因为它能够选择任何Java IDE或从命令行构建(Android Studio 3.0提供了帮助用户使用Kotlin...可以在将Java代码粘贴到Kotlin文件时即时转换所有Java文件或代码片段。 谷歌公司于2017年5月宣布 Kotlin为编写Android应用程序的主流语言之一。...回到对于Swift Cleaner的分析,在它首次启动后,会将受害者的设备信息通过短信发送到其远程C&C服务器提供的指定号码,并启动后台服务以远程C&C服务器获取任务。...在收到SMS命令后,远程服务器将执行URL转发以及启用点击或广告诈骗。...该博客文章进一步报告说,恶意软件可以将用户的服务提供商信息、登录信息和验证码图像上传到远程C&C服务器。

    1.7K60

    【Docker项目实战】使用Docker部署Filestash文件管理器

    1.2 Filestash特点 浏览器管理文件:允许用户通过任何现代浏览器轻松管理存储在不同位置的文件,无需安装额外的软件。...图像查看器:提供图像预览和查看功能,支持包括尼康、佳能等相机原始格式在内的多种图像格式。 图像转码:将原始图像格式转换为标准格式,便于查看和分享。...共享链接作为网络驱动器:共享的链接可以作为完整的网络驱动器挂载,方便远程访问和协作。 办公文档支持:能够打开和编辑常见的办公文档格式,docx、xlsx等。...Nyan猫加载动画:在加载过程展示可爱的Nyan猫动画,增加趣味性。 快速访问:常用文件夹可以固定在首页,实现一键快速访问。...这在进行代码审查、合并分支或远程调试时特别有用。 教育和培训资源分发: 教师或课程开发者可以使用Filestash来存储和分享教学材料,PDF文档、PPT演示文稿和视频教程。

    27900
    领券