003-Kotlin界面开发之声明式编程范式

在这里插入图片描述

概念本源

在界面程序开发中,有两个非常典型的编程范式:命令式编程和声明式编程。命令式编程是指通过编写一系列命令来描述程序的运行逻辑,而声明式编程则是通过编写一系列声明来描述程序的状态。在命令式编程中,程序员需要关心程序的执行过程,而在声明式编程中,程序员只需要关心程序的状态。在界面开发中,声明式编程的优势尤为明显,因为界面开发的本质就是描述界面的状态。

命令式编程范式

举个简单的例子,图形界面通常需要考虑的问题是把一堆界面元素组成合理的树状结构,在命令式编程中,我们的做法看起来是下面这样的伪代码:

val root = Container()
val label = Label()
val button = Button()
val panel = Panel()

panel.add(label)
panel.add(button)
root.add(panel)

root.show()

这很合理,这个命令式编程的代码描述了我们创建一系列对象,包括容器、面板、界面元素,然后通过结构调整他们的相互关系,构成界面。在完成构造之后,我们调用 root.show() 来显示这个界面。这个过程中,我们需要关心的是对象的创建、对象的关系、对象的显示,这是一个过程性的描述。

声明式编程范式

其实最常见的声明式编程范式就是 HTML,HTML 是一种标记语言,它的本质是一种声明式的描述,我们通过 HTML 来描述界面的结构,而不是描述界面的构造过程。下面是一个简单的 HTML 代码片段:

<!DOCTYPE html>

<html>
<head>
    <title>My First HTML Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>

好多图形界面开发的程序,Qt或者WPF都采用XML来描述界面,这样的方式也是声明式的。在这种方式中,我们只需要关心界面的结构,而不需要关心界面的构造过程。这种方式的优势在于,我们可以更加专注于界面的结构,而不需要关心界面的构造过程。

Jetpack Compose的声明式界面开发

在Jetpack Compose中,提出了一个概念就是可组合的声明式界面开发。

比如,描述一列标签构成的界面,我们可以这样写:

@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}


@Composable
fun MyScreenContent(names: List<String> = listOf("Android", "there")) {
    Column {
        for (name in names) {
            Greeting(name = name)
            Divider(color = Color.Black)
        }
    }
}

这里,通过@Composable注解,我们定义了一个可组合的函数Greeting,这个函数接受一个字符串参数,然后返回一个Text组件。然后我们定义了一个MyScreenContent函数,这个函数接受一个字符串列表参数,然后返回一个Column组件,这个Column组件包含了一系列的Greeting组件和Divider组件。这样,我们就完成了一个简单的界面的描述。

深入一下

这样的方式就好像是XML这样的结构化文档,但是有是能够运行的代码。非常有意思,最好玩的是还能通过循环、判断来动态生成界面,这样的方式非常灵活,而且非常容易理解。

那么,这个玩意是如何实现的呢?

在前面Kotlin旋风之旅中,我们提到了Kotlin的DSL,这个DSL就是Jetpack Compose的核心。

Jetpack Compose的核心思想就是通过实现一种专门用于描述界面的DSL,开发人员通过这套DSL来描述和生成界面。

下面我们也试着用Kotlin的DSL来实现一个简单的DSL,通过这个DSL实现过程,对Jetpack Compose的实现原理有一个祛魅的过程,神秘感不那么强,调试的过程也会更加容易。

简化家族树DSL

我们要实现的是一种单体繁殖、类人、外星生物(也称为Person)的家族树DSL,这个DSL的结构如下:

fun main() {
    Person("Alice", 80) {
        Children {
            name = "Tom"
            age = 50
            Children {
                name = "Jerry"
                age = 25
                Children("Tom", 2)
            }

            Children {
                name = "Yan"
                age = 15
            }

            // 年龄写错了,改一下
            age = 53
        }

        Children(name = "Tim", age = 40) {
            Children(name = "Jerry", age = 5)
            Children(name = "Alex", age = 15)
        }

        // 调用输出函数,打印家族树
        print()
    }
}

这个描述的家族树大概是:

    |___Name: Bob, Age: 60
        |___Name: Tom, Age: 50
            |___Name: Jerry, Age: 25
                |___Name: Tom, Age: 2
            |___Name: Yan, Age: 15
        |___Name: Tim, Age: 40
            |___Name: Jerry, Age: 5
            |___Name: Alex, Age: 15

可以看到这个代码有几个特点:

  1. 通过Person函数来描述一个人,这个函数接受一个名字和年龄,然后通过Children函数来描述这个人的孩子。
  2. 名字和年龄可以省略,也可以通过nameage参数来指定。
  3. 描述的过程中,如果需要修改,也能通过nameage参数来修改。
  4. 能够调用print函数来打印自己的家族树。

这个DSL看起来非常简单,其实非常强大。这样就能够把一个家族树描述成跟其天然结构非常接近的、合法的Kotlin代码。

实现DSL

这个东西是怎么实现的呢?现给出完整代码:

class PersonImpl(n: String = "", a: Int = 0) {
    var name: String = n
    var age: Int = a

    private fun nBlank(indent: Int) = " ".repeat(indent)

    fun print(indent: Int = 0) {
        print("${nBlank(indent)}|___")
        print("Name: $name, ")
        println("Age: $age")
        for (child in children) {
            child.print(indent + 2)
        }
    }

    private val children = mutableListOf<PersonImpl>()

    fun addChildren(name: String, age: Int, block: PersonImpl.() -> Unit = {}) {
        val child = PersonImpl()
        child.name = name
        child.age = age
        child.block()
        children.add(child)
    }

    operator fun invoke(block: PersonImpl.() -> Unit = {}): PersonImpl {
        block()
        return this
    }


}

fun Person(name: String = "", age: Int = 0, block: PersonImpl.() -> Unit = {}) = PersonImpl(name, age)(block)

fun PersonImpl.Children(name: String = "", age: Int = 0, block: PersonImpl.() -> Unit = {}) =
    addChildren(name, age, block)

代码解析

上面的调用Person的方式要能实现,就需要定义一个函数,它包括三个参数,并且最后一个参数必须是一个能够接受某个类型的函数。

所以fun Person(name: String = "", age: Int = 0, block: PersonImpl.() -> Unit = {}) = PersonImpl(name, age)(block)符合这个要求,这也是一个Kotlin的语法糖,单行函数的函数定义。

同时,这个函数申明还省略了返回值类型,这是因为Kotlin的类型推导能力很强,编译器能够根据函数体的返回值类型推导出函数的返回值类型。

写成完整的函数形式,并且把构造对象和调用函数分开来写,是这样的。

fun Person(name: String = "", age: Int = 0, block: PersonImp.() -> Unit={}) {
    val p = PersonImp(name, age)
    p(block)
}

这个函数提供了调用Person(){}的方式,在大括号里面的代码,针对一个PersonImpl实例进行操作,这种方式称为接受者函数字面值。这个功能的实现,我猜要依赖于扩展函数的特性,相当于零时定义一个对象的扩展函数,并且在函数体内部可以直接访问这个对象的属性和方法。

当然,要能够想函数一样调用这个新建的对象,就需要在PersonImpl类中定义一个invoke操作符函数,这个函数的返回值是PersonImpl,这样就能够实现Person(){}的调用方式。

接下来就是Children函数,这个函数的作用是为一个PersonImpl对象添加一个孩子,这个函数的实现也是类似的,通过addChildren函数来实现。

fun PersonImpl.Children(name: String = "", age: Int = 0, block: PersonImpl.() -> Unit = {}) =
    addChildren(name, age, block)

这个实现了一个扩展函数,这个函数因此只能在PersonImpl对象上调用,当然,前面那个接受者函数的代码block里面,所有的调用都是针对PersonImpl对象的。

其他普通的构造函数、默认参数、属性、方法等等,都是普通的Kotlin代码,没有什么特别的。

总结

在深入进行Jetpack Compose的学习之前,我们先通过一个简单的DSL实现,了解了Jetpack Compose的核心思想:通过声明式的DSL来描述界面。这样的方式非常灵活,而且非常容易理解,也非常容易调试。通过这样的方式,我们可以更加专注于界面的结构,而不需要关心界面的构造过程。

这个实现的过程中,两个语法糖要自己在大脑里反复转换,最后一个参数是匿名函数,则可以移到括号外面;接受者匿名函数相当是临时定义一个扩展函数。

有一点点绕,但是多改改代码,也能够理解。

接下来,就要开始真正的Jetpack Compose的学习之旅了。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Python作业记录

复制过来的代码的换行有问题&#xff0c;但是也不是什么大问题。 后续我会进行补充和修改。 请将如下英文短句根据单词切分成列表&#xff1a; The continent of Antarctica is rising. It is due to a geological phenomenon called post-glacial uplift 并在切分好的列表…

pdmaner连接sqlexpress

别以为sqlserver默认的端口总是1433 案例 有台sqlserver2008 express服务器&#xff0c;刚安装&#xff0c;支持混合模式登录&#xff0c;其它什么配置也没改。 先看用ADO连接 这说明&#xff1a; 案例中sqlserver端口不是1433 &#xff01;&#xff01;&#xff01;ADO连接…

轻型民用无人驾驶航空器安全操控------理论考试多旋翼部分笔记

官网&#xff1a;民用无人驾驶航空器综合管理平台 (caac.gov.cn) 说明&#xff1a;一是法规部分&#xff1b;二是多旋翼部分 本笔记全部来源于轻型民用无人驾驶航空器安全操控视频讲解平台 目录 官网&#xff1a;民用无人驾驶航空器综合管理平台 (caac.gov.cn) 一、轻型民用无人…

二叉树相关习题

题目&#xff1a;100. 相同的树 - 力扣&#xff08;LeetCode&#xff09; 给你两棵二叉树的根节点 p 和 q &#xff0c;编写一个函数来检验这两棵树是否相同。 如果两个树在结构上相同&#xff0c;并且节点具有相同的值&#xff0c;则认为它们是相同的。 示例 1&#xff1a; …

阅读笔记记录

论文作者将对话建模成一个seq2seq的映射问题&#xff0c;该seq2seq框架以对话历史数据&#xff08;通过belief tracker建模&#xff09;和数据库查询结果&#xff08;通过Database Operator得到结果&#xff09;作为支撑。 Abstract 教会机器完成与人自然交流的任务是充满挑战…

测试分层:减少对全链路回归依赖的探索!

引言&#xff1a;测试分层与全链路回归的挑战 在软件开发和测试过程中&#xff0c;全链路回归测试往往是一个复杂且耗费资源的环节&#xff0c;尤其在系统庞大且模块众多的场景下&#xff0c;全链路测试的集成难度显著提高。而“测试分层”作为一种结构化的测试方法&#xff0…

融合虚拟化与容器技术,打造灵活又安全的AI算力服务

随着人工智能技术的不断进步&#xff0c;AI企业在迅速推进大模型业务时&#xff0c;往往会倾向于采用容器化的轻量部署方案。相较于传统的虚拟机部署&#xff0c;容器化在快速部署、资源利用、环境一致性和自动化编排等方面具备显著优势。 然而&#xff0c;容器技术所固有的隔…

协程3 --- golang的协程调度

文章目录 单进程时代多进程/线程时代协程时代内核级线程模型&#xff08;1&#xff1a;1&#xff09;用户级线程模型&#xff08;N&#xff1a;1&#xff09;两级线程模型CMP&#xff08;M&#xff1a;N&#xff09;GM模型 GMP模型 单进程时代 描述&#xff1a;每一个程序就是一…

微服务透传日志traceId

问题 在微服务架构中&#xff0c;一次业务执行完可能需要跨多个服务&#xff0c;这个时候&#xff0c;我们想看到业务完整的日志信息&#xff0c;就要从各个服务中获取&#xff0c;即便是使用了ELK把日志收集到一起&#xff0c;但如果不做处理&#xff0c;也是无法完整把一次业…

【原创】java+ssm+mysql收纳培训网系统设计与实现

个人主页&#xff1a;程序猿小小杨 个人简介&#xff1a;从事开发多年&#xff0c;Java、Php、Python、前端开发均有涉猎 博客内容&#xff1a;Java项目实战、项目演示、技术分享 文末有作者名片&#xff0c;希望和大家一起共同进步&#xff0c;你只管努力&#xff0c;剩下的交…

apache poi 实现下拉框联动校验

apache poi 提供了 DataValidation​ 接口 让我们可以轻松实现 Excel 下拉框数据局校验。但是下拉框联动校验是无法直接通过 DataValidation ​实现&#xff0c;所以我们可以通过其他方式间接实现。 ‍ 步骤如下&#xff1a; 创建一个隐藏 sheet private static void create…

Linux权限概念 | 权限修改

文章目录 1.Linux的权限概念2.Linux权限管理3.文件访问权限的相关设置方法 1.Linux的权限概念 Linux下有两种用户&#xff1a;超级用户&#xff08;root&#xff09;和普通用户。对应root用户而言&#xff1a;可以在Linux系统下做任何事情&#xff0c;不受限制。而普通用户&am…

题目练习之二叉树那些事儿(续集)

♥♥♥~~~~~~欢迎光临知星小度博客空间~~~~~~♥♥♥ ♥♥♥零星地变得优秀~也能拼凑出星河~♥♥♥ ♥♥♥我们一起努力成为更好的自己~♥♥♥ ♥♥♥如果这一篇博客对你有帮助~别忘了点赞分享哦~♥♥♥ ♥♥♥如果有什么问题可以评论区留言或者私信我哦~♥♥♥ 这一篇博客我们继…

删除MacOS下PowerPoint烦人的加载项

起因 最近要写论文&#xff0c;需要插入很多公式&#xff0c;利用自带的吧&#xff0c;太过繁琐&#xff0c;每次插入都需要点击插入-公式-符号&#xff0c;然后头脑发热想用下本科写论文时用过的MathType&#xff0c;结果这货现在要收费了&#xff0c;新版本只能适用30天&…

清华双臂机器人扩散大模型RDT:先预训练后微调,支持语言、图像、动作多种输入(1B参数)

前言 通过上文介绍的GR2&#xff0c;我们看到了视频生成模型在机器人训练中的应用 无独有偶&#xff0c;和GR2差不多一个时期出来的清华RDT&#xff0c;其模型架构便基于视频生成架构DiT改造而成(当然&#xff0c;该清华团队其实也在DiT之前推出了U-ViT&#xff0c;具体下文会…

Linux下GCC编译器的安装

Linux下GCC编译器的安装 以下所有的版本都可以在https://gcc.gnu.org/pub/gcc/infrastructure/这里找最新的 通过apt-get方式下载的Qt5.9的gcc编译器版本只是4.8.3&#xff0c;无法打开一些Qt5的库头文件&#xff0c;所以准备在Llinux下再安装一个gcc5.3.0。 查看gcc版本 ubu…

qt相关知识

lineEdit中的一些知识 首先我要设置lineEdit中的文本怎么操作 ui->lineEdit->setText(); 如何给窗口设置名字 this->setWindowTitle("计算器"); 如何给按钮设置我们的图片 QIcon ic("图片地址")&#xff1b; ui->button->setIcon(ic…

使用官网tar包制作OpenSSL及OpenSSH rpm包进行升级安装(OpenSSH_9.9p1, without OpenSSL未解决)

一、制作openssl-1.1.1w.rpm包 1、安装基础依赖包和rpmbuild及其依赖包 yum install curl which make gcc perl perl-WWW-Curl rpm-build rpm-build rpmdevtools tree -y yum install gcc-c glibc glibc-devel openssl openssl-devel \pcre-devel zlib zlib-devel perl…

WAL日志

1.WAL概述 PG WAL&#xff08;Write-Ahead Logging&#xff09;日志是PostgreSQL数据库中的一种重要机制&#xff0c;用于保证数据库的完整性和数据恢复。 1.1定义与功能 WAL日志是PostgreSQL的持久性技术&#xff0c;它将所有对数据库的修改操作&#xff08;如INSERT、UPDA…