先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip204888 (备注鸿蒙)
正文
pluginManagement {
repositories {
google()
gradlePluginPortal()
mavenCentral()
maven(“https://maven.pkg.jetbrains.space/public/p/compose/dev”)
}
plugins {
val composeVersion = extra[“compose.version”] as String
id(“org.jetbrains.compose”).version(composeVersion)
}
}
这里compose.version的版本号是声明在gradle.properties中的,代码如下所示:
compose.version=1.3.0
然后我们在shared模块中的build文件中引用插件
plugins {
kotlin(“multiplatform”)
kotlin(“native.cocoapods”)
id(“com.android.library”)
id(“org.jetbrains.compose”)
}
并为commonMain添加compose依赖,代码如下所示:
val commonMain by getting {
dependencies {
implementation(compose.ui)
implementation(compose.foundation)
implementation(compose.material)
implementation(compose.runtime)
}
}
sync之后,你会发现一个错误警告:uikit还处于试验阶段并且有许多bug…
uikit就是compose-jb暴露的UIKit对象。为了能够使用,我们需要在gradle.properties文件中添加如下配置:
org.jetbrains.compose.experimental.uikit.enabled=true
添加好配置之后,我们先来运行下iOS项目,确保添加的配置是无误的。
果然,不运行不知道,一运行吓一跳
这个问题困扰了我两三天,实在是无从下手,毕竟现在相关的资料很少,经过N次的搜索,最终解决的方案很简单:Kotlin版本升级至1.8.0就可以了。
kotlin(“android”).version(“1.8.0”).apply(false)
再次运行项目,结果如下图所示。
不过这是KMM的iOS项目,接下来我们看如何使用Compose编写iOS页面。
开始iOS之旅
我们替换掉iOSApp.swift中的原有代码,替换后的代码如下所示:
import UIKit
import shared
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
var window: UIWindow?
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
window = UIWindow(frame: UIScreen.main.bounds)
let mainViewController = Main_iosKt.MainViewController()
window?.rootViewController = mainViewController
window?.makeKeyAndVisible()
return true
}
}
上面的代码看不懂没关系,我们只来看获取mainViewController的这一行
let mainViewController = Main_iosKt.MainViewController()
Main_iosKt.MainViewController是通过新建在shared模块iOSMain目录下的main.ios.kt文件获取的,代码如下所示:
fun MainViewController(): UIViewController =
Application(“Login”) {
//调用一个Compose方法
}
接下来所有的事情就都可以交给Compose了。
实现一个登录页面
因为页面这部分是公用的,所以我们在shared模块下的commonMain文件夹下新建Login.kt文件,编写一个简单的登录页面,代码如下所示:
@Composable
internal fun login() {
var userName by remember {
mutableStateOf(“”)
}
var password by remember {
mutableStateOf(“”)
}
Surface(modifier = Modifier.padding(30.dp)) {
Column {
TextField(userName, onValueChange = {
userName = it
}, placeholder = { Text(“请输入用户名”) })
TextField(password, onValueChange = {
password = it
}, placeholder = { Text(“请输入密码”) })
Button(onClick = {
//登录
}) {
Text(“登录”)
}
}
}
}
上述代码声明了一个用户名输入框、密码输入框和一个登录按钮,就是简单的Compose代码。
然后需要在main.ios.kt中调用这个login方法:
fun MainViewController(): UIViewController =
Application(“Login”) {
login()
}
运行iOS程序,效果如下图所示:
嗯~,Compose 在iOS上UI几乎可以做到100%复用,还有不学习Compose的理由吗?
实现一个双端网络请求功能
在之前的第1弹和第2弹中,我们分别实现了在Desktop、和Web端的网络请求功能,现在我们对之前的功能在iOS上再次实现。
添加网络请求配置
首先在shared模块下的build文件中添加网络请求相关的配置,这里网络请求我们使用Ktor,具体的可参照之前的文章:KMM的初次尝试~
配置代码如下所示:
val commonMain by getting {
dependencies {
…
implementation(“org.jetbrains.kotlinx:kotlinx-coroutines-core:1.6.4”)
implementation(“io.ktor:ktor-serialization-kotlinx-json:
k
t
o
r
V
e
r
s
i
o
n
"
)
i
m
p
l
e
m
e
n
t
a
t
i
o
n
(
"
i
o
.
k
t
o
r
:
k
t
o
r
−
c
l
i
e
n
t
−
c
o
r
e
:
ktorVersion") implementation("io.ktor:ktor-client-core:
ktorVersion")implementation("io.ktor:ktor−client−core:ktorVersion”)
implementation(“io.ktor:ktor-client-content-negotiation:
k
t
o
r
V
e
r
s
i
o
n
"
)
i
m
p
l
e
m
e
n
t
a
t
i
o
n
(
"
i
o
.
k
t
o
r
:
k
t
o
r
−
s
e
r
i
a
l
i
z
a
t
i
o
n
−
k
o
t
l
i
n
x
−
j
s
o
n
:
ktorVersion") implementation("io.ktor:ktor-serialization-kotlinx-json:
ktorVersion")implementation("io.ktor:ktor−serialization−kotlinx−json:ktorVersion”)
}
}
val iosMain by getting {
dependencies {
implementation(“io.ktor:ktor-client-darwin:$ktorVersion”)
}
}
val androidMain by getting {
dependencies {
implementation(“io.ktor:ktor-client-android:$ktorVersion”)
}
}
添加接口
这里我们仍然使用「wandroid」中的每日一问接口 :wanandroid.com/wenda/list/…
DemoReqData与之前系列的实体类是一样的,这里就不重复展示了。
创建接口地址类,代码如下所示。
object Api {
val dataApi = “https://wanandroid.com/wenda/list/1/json”
}
创建HttpUtil类,用于创建HttpClient对象和获取数据的方法,代码如下所示。
class HttpUtil {
private val httpClient = HttpClient {
install(ContentNegotiation) {
json(Json {
prettyPrint = true
isLenient = true
ignoreUnknownKeys = true
})
}
}
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip204888 (备注鸿蒙)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
isLenient = true
ignoreUnknownKeys = true
})
}
}
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip204888 (备注鸿蒙)
[外链图片转存中…(img-ln1zDFJk-1713117733910)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!