001-Kotlin界面开发之Jetpack Compose Desktop学习路径

Compose Desktop学习之路

在这里插入图片描述

学习过程

理解Kotlin的基本语法

Compose Desktop采用Kotlin构建，因此对Kotlin的基本语法有很好的理解是必不可少的。你可以从官方的Kotlin文档开始。

用一句话概括，Kotlin是一种现代的、静态类型的编程语言，它结合了面向对象和函数式编程的特性。用通俗的话说，Kotlin就是Java的含糖量爆表的全新版本。它非常现代，也非常简洁，同时还保留了Java的一些优点。

学习Kotlin的基本语法，包括变量、函数、类、接口、扩展函数、数据类、枚举类等，是学习Compose Desktop的基础。但是一个Java程序员，应该很快就能掌握Kotlin的基本语法。并且，JetBrains提供了一个非常好的在线Kotlin Playground，你可以在这里练习Kotlin的基本语法。JetBrains的免费Java开发环境IntelliJ IDEA也支持Kotlin，你可以在IntelliJ IDEA中创建一个Kotlin项目，并且支持把Java代码转换为Kotlin代码。

糖度高、身体好，Kotlin是Java程序员的福音。

开发环境搭建

  • 安装IntelliJ IDEA：这是Kotlin和Compose Desktop开发的推荐IDE。
  • 安装JDK：确保你安装了最新的JDK。
  • 创建一个新项目：使用IntelliJ IDEA创建一个带有Compose Desktop支持的Kotlin项目。

这几个步骤就已经完成了Compose Desktop的开发环境搭建。

学习Jetpack Compose的基础知识

Jetpack Compose是Compose Desktop的基础。从官方的Jetpack Compose文档开始，了解核心概念。

这个部分主要包括一些非常基础的概念，如：

  • Composable函数的概念
  • GUI界面的概念
  • Material Design的概念
  • 界面布局的概念
  • 基本的UI组件，如Button、TextField、Checkbox等

探索多平台Compose

  • 官方文档：参考Compose Multiplatform文档.
  • 示例项目：在GitHub上探索可用的示例项目，看看Compose Desktop在实际应用中是如何使用的。

Compose Desktop应用示例

首先，我们来看一个最简单的Compose Desktop应用示例。这个示例展示了如何创建一个简单的窗口，并在窗口中显示一段文本。

import androidx.compose.desktop.ui.tooling.preview.Preview
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.DpSize
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.Window
import androidx.compose.ui.window.application
import java.awt.Dimension@Composable
@Preview
fun App() {MaterialTheme {Box(modifier = Modifier.fillMaxSize(),contentAlignment = Alignment.Center) {Text("您好, Compose Desktop!", style = MaterialTheme.typography.h3)}}
}fun main() = application {Window(onCloseRequest = ::exitApplication,title = "Compose Desktop Demo 000") {App()}
}

这个代码，跟JavaFx的实际上比较类似，JavaFx中的容器、布局类、空间类，在Compose Desktop中都有对应的概念，只是Compose Desktop采用可组合函数的方式来实现。

而在编译这个代码之前，最好先把Gradle的下载地址换个国内的镜像，就在gradle/wrapper/gradle-wrapper.properties文件中，把distributionUrl的地址换成国内的镜像地址，比如https\://services.gradle.org/distributions/gradle-8.7-bin.zip，更换为distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.7-bin.zip。这样下载速度会快很多。

另外就是在build.gradle.kts文件中，添加国内的maven仓库地址，如下：

repositories {maven(url = "https://maven.aliyun.com/repository/public")mavenCentral()
}

当然，在你的settings.gradle.kts中同样需要增加maven("https://maven.aliyun.com/repository/public/")。

pluginManagement {repositories {maven("https://maven.aliyun.com/repository/public/")maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")google()gradlePluginPortal()mavenCentral()}plugins {kotlin("jvm").version(extra["kotlin.version"] as String)id("org.jetbrains.compose").version(extra["compose.version"] as String)id("org.jetbrains.kotlin.plugin.compose").version(extra["kotlin.version"] as String)}
}

就算是都加上了，IDEA还是要卡一会，因为傻瓜的IDEA也要从遥远的地方下载kotlin那一套。

这两个步骤完成之后，就可以编译这个Compose Desktop应用程序了。

在这里插入图片描述

可以调用gradle run命令来运行这个应用程序。

还能用gradle createRuntimeImage命令来创建一个可执行文件，这个可执行文件可以在没有安装JDK的机器上运行。

大概在build/compose/binaries/app/Demo000目录下，有一个可执行文件，双击这个文件就可以运行这个应用程序。整个目录大概170MB左右。当然，这都不重要……

理解状态管理

学会如何在Compose Desktop中管理状态。这对于构建交互式应用程序至关重要。这个地方实际上是Compose Desktop的核心，也是最难的地方。

Compose Desktop的核心思想是函数式编程，状态管理是函数式编程的核心。Compose Desktop提供了一些函数来帮助我们管理状态，如remember和mutableStateOf。这些函数可以帮助我们在Compose Desktop中管理状态，使得我们的应用程序更加健壮和易于维护。

探索布局和修饰符

布局是一切GUI设计的中心工作之一。

理解不同的布局组合（Box、Column、Row等）以及如何使用Modifier来设计和定位UI元素，是构造Compose Desktop应用程序的主要工作内容。

用户输入的处理

学会如何使用Button、TextField和Checkbox等组合来处理用户输入。

一方面要掌握工具，也就是具体的用于处理用户输入的组合函数，另一方面也要仔细学习不同组件的实际用途，跟需求分析结合在一起。

列表

显示数量不定的数据是GUI设计的常见需求。Compose Desktop提供了LazyColumn和LazyRow等组合函数来处理这种情况。

高级主题

  • 自定义绘图：学会如何使用Canvas组合来创建自定义绘图。
  • 动画：探索如何为Compose Desktop应用程序添加动画。
  • 互操作性：了解如何与现有的Swing应用程序进行互操作。

测试

学会为Compose Desktop应用程序编写测试，以确保它按预期工作。

Compose Desktop提供了一些测试工具，如ComposeTestRule和onNode，可以帮助我们编写测试。这些工具可以帮助我们确保我们的应用程序按预期工作，同时也可以帮助我们快速定位和修复问题。

应用部署

学会如何使用compose.desktop.application插件打包和分发Compose Desktop应用程序。

总结

Compose Desktop是一个非常强大的桌面应用程序框架，它提供了一种现代、简洁、易于使用的方式来构建桌面应用程序。学习Compose Desktop需要掌握Kotlin的基本语法、Jetpack Compose的基础知识、状态管理、布局和修饰符、用户输入的处理、列表、高级主题、测试和应用部署等内容。

通过上面的学习过程，就有可能获得对Compose Desktop较深入的理解，并能够构建自己的桌面应用程序。

那么，就让我们开始这段……感情……哦不……旅程吧……

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/462002.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Vue 组件基础（五）

Vue 组件基础（五）

一、Vue 组件的基础概念 组件(Component)是Vue最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。每个组件负责一部分特定的任务，比如：显示一个…
阅读更多...
RabbitMQ 存储机制

RabbitMQ 存储机制

一、消息存储机制 不管是持久化的消息还是非持久化的消息都可以被写入到磁盘。持久化的消息在到达队列时就被写入到磁盘，非持久化的消息一般只保存在内存中，在内存吃紧的时候会被换入到磁盘中，以节省内存空间。这两种类型的消息的落盘处理都…
阅读更多...
随机性、熵与随机数生成器:解析伪随机数生成器（PRNG）和真随机数生成器（TRNG）

随机性、熵与随机数生成器:解析伪随机数生成器（PRNG）和真随机数生成器（TRNG）

随机性在诸多领域中扮演着至关重要的角色,涵盖密码学、仿真和机器学习等方面。因为随机性为无偏决策、不可预测序列和安全加密提供了基础。然而生成随机数是一项复杂的任务,理解伪随机数生成(pseudo-random number generation, PRNG)与真随机数生成(true random number generat…
阅读更多...
从零开始点亮一个LED灯 —— keil下载、新建工程、版本烧录、面包板使用、实例代码

从零开始点亮一个LED灯 —— keil下载、新建工程、版本烧录、面包板使用、实例代码

一、keil下载 参考视频：Keil5安装教程视频 (全套资料51和32皆可用Keil5编译设置)_哔哩哔哩_bilibili 视频内容包括下载链接、安装教程、库导入，非常详细！ 二、新建工程 2.1.使用stm32CubeMX新建工程 10. 使用STM32CubeMX新建工程 — [野…
阅读更多...
嵌入式硬件电子电路设计（三）电源电路之负电源

嵌入式硬件电子电路设计（三）电源电路之负电源

引言：在对信号线性度放大要求非常高的应用需要使用双电源运放，比如高精度测量仪器、仪表等;那么就需要给双电源运放提供正负电源。 目录 负电源电路原理 负电源的作用 如何产生负电源 负电源能作功吗？ 地的理解 负电压产生电路 BUCK电…
阅读更多...
互斥量的使用

互斥量的使用

官方的描述 互斥量主要是对于共享资源的保护 其中参数要注意 osMutexRecursive：//递归互斥量 互斥锁嵌套属性，同一个线程可以在不锁定自身的情况下多次使用互斥锁。每当拥有互斥锁的线程获得互斥锁时，锁计数就会增加。互斥锁也必须被释放多次…
阅读更多...
商务英语学习柯桥学外语到泓畅-老外说“go easy on me”是什么意思？

商务英语学习柯桥学外语到泓畅-老外说“go easy on me”是什么意思？

在口语中“go easy on sb ”这个短语是很常见的 01 go easy on me 怎么理解？ 在口语中，“go easy on me”是一个非常常见的表达，通常表示请求对方在某方面对自己宽容一些，不要对自己太过苛刻或严厉。 短语（go&#xff…
阅读更多...
vscode在cmake config中不知道怎么选一个工具包？select a kit

vscode在cmake config中不知道怎么选一个工具包？select a kit

vscode在cmake config中不知道怎么选一个工具包，或者发现一直在用VS的工具包想换成自己的工具包。select a kit vscode在cmake config中不知道怎么选一个工具包，或者发现一直在用VS的工具包想换成自己的工具包。select a kit 1.在VSCode中 按ctrlshift…
阅读更多...
SpringBoot【实用篇】- 热部署

SpringBoot【实用篇】- 热部署

文章目录 目标:1.手动启动热部署2.自动启动热部署4.禁用热部署 目标: 手动启动热部署自动启动热部署热部署范围配置关闭热部署 1.手动启动热部署 当我们没有热部署的时候，我们必须在代码修改完后再重启程序，程序才会同步你修改的信息。如果我们想快速查…
阅读更多...
AI 原生时代，更要上云：百度智能云云原生创新实践

AI 原生时代，更要上云：百度智能云云原生创新实践

本文整理自百度云智峰会 2024 —— 云原生论坛的同名演讲。 我今天分享的主题，是谈谈在云计算和 AI 技术快速发展和深入落地的背景下，百度智能云在云原生的基础设施产品和技术层面做的一些创新实践。 毋庸置疑，过去十几年云计算和 AI 技术是…
阅读更多...
Java项目实战II基于Java+Spring Boot+MySQL的植物健康系统（开发文档+数据库+源码）

Java项目实战II基于Java+Spring Boot+MySQL的植物健康系统（开发文档+数据库+源码）

目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发，CSDN平台Java领域新星创作者，专注于大学生项目实战开发、讲解和毕业答疑辅导。获取源码联系方式请查看文末 一、前言 基于Java、…
阅读更多...
BGP路径属性与路由反射器

BGP路径属性与路由反射器

前言 IBGP水平分割规则用于防止AS内部产生环路，在很大程度上杜绝了IBGP路由产生环路的可能性，但是同时也带来了新的问题：BGP路由在AS内部只能传递一跳，如果建立IBGP对等体全互联模型又会加重设备的负担。 BGP 路径属性 AS_Path …
阅读更多...
uniapp学习（010-2 实现抖音小程序上线）

uniapp学习（010-2 实现抖音小程序上线）

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等 总时长 23:40:00 共116P 此文章包含第113p的内容 文章目录 抖音小程序下载抖音开发者工具先去开发者工具里进行测试 抖音开放平台配置开始打包上传…
阅读更多...
无线基础配置

无线基础配置

配置图 各部分配置 AC1 vlan b [AC6605]vlan batch 10 20 100 Info: This operation may take a few seconds. Please wait for a moment...done. [AC6605]int [AC6605]interface g [AC6605]interface GigabitEthernet 0/0/2 [AC6605-GigabitEthernet0/0/2]port …
阅读更多...
影刀RPA实战：识别简单计算验证码

影刀RPA实战：识别简单计算验证码

1.官方计算验证码 基于影刀AI引擎的验证码识别指令，该指令不是长期免费，有一定的免费额度，用完之后需要我们到影刀官方充值。 上图使我们要识别的计算验证码 影刀指令代码： 配置我们选择计算题，文件路径本次指定本地…
阅读更多...
HarmonyOS：UIAbility组件概述

HarmonyOS：UIAbility组件概述

一、概述 UIAbility组件是一种包含UI的应用组件，主要用于和用户交互。 UIAbility的设计理念： 原生支持应用组件级的跨端迁移和多端协同。支持多设备和多窗口形态。 UIAbility划分原则与建议： UIAbility组件是系统调度的基本单元&#xff0c…
阅读更多...
单链表的基本操作实现

单链表的基本操作实现

定义 链表节点长这个样子，数据域data指针域next指向下一个结点 typedef struct lnode {int data;struct lnode *next; }lnode ,*linklist; 初始化 /*初始化*/ linklist f1(){linklist l(linklist)malloc(sizeof(lnode));l->nextNULL;return l; }int main(){l…
阅读更多...
C++ 优先算法——复写零（双指针）

C++ 优先算法——复写零（双指针）

目录 题目：复写零 1. 题目解析 2. 算法原理 一. 先找到最后一个“复写”数 处理边界情况 二. 复写操作 3. 代码实现 题目：复写零 1. 题目解析 题目截图： 该题目要求的与移动零相似，都要在一个数组上进行操作，…
阅读更多...
使用linuxdeployqt打包Qt程序问题及解决方法

使用linuxdeployqt打包Qt程序问题及解决方法

dpkg: 处理归档 libmysqlclient18_5.6.25-0ubuntu1_amd64.deb (--install)时出错： 预依赖问题 - 将不安装libmysqlclient18:amd64 在处理时有错误发生： libmysqlclient18_5.6.25-0ubuntu1_amd64.deb下载libmysqlclient18/5.6.25 libmysqlclient18/5.6…
阅读更多...
配置BGP与IGP交互和路由自动聚合示例

配置BGP与IGP交互和路由自动聚合示例

组网需求 如图所示，用户将网络划分为AS65008和AS65009，在AS65009内，使用IGP协议来计算路由（该例使用OSPF做为IGP协议）。要求实现两个AS之间的互相通信。 配置思路 采用如下的思路配置BGP与IGP交互： 在AR…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023