Kotlin學習之旅第十一天
接下來這三天,我們會用Kotlin編寫一個App
今天主要是項目介紹
前言
Kotlin學習之旅(D6)-Kotlin Idioms part 1
Kotlin學習之旅(D7)-Kotlin Idioms part 2
Kotlin學習之旅(D8)-From Java to Kotlin
Kotlin學習之旅(D9)-Android Extensions
Kotlin學習之旅(D10)- Unit Test with Kotlin
項目簡介
我們接下來要做的App是一個簡單的筆記類app
老規矩,先上圖:
主要的功能:
- 查看已有的筆記
- 添加新的筆記
- 編輯已有的筆記
- 能夠通過Action Bar查看下一條筆記
暫時沒有完成的功能點:
- 緩存添加的筆記(目前退出App後數據會被清空,由於需要使用ORM,而且和Kotlin無關,所以這裏暫時捨棄了)
- 刪除已有的筆記(理由同上)
通過這個App學習到的技能包括:
-
通過Intent進行Activity跳轉
-
Intent中傳遞參數
-
Action Bar 和 Menu的使用
-
CoordinatorLayout
-
onSaveInstanceState保存狀態
-
Kotlin 基礎語法和特性
分解需求
查看已有的筆記
首先我們在App裏面加入一些假數據,然後通過ListView進行展示,這裏選擇ListView的原因很簡單,就是因爲簡單。我們不需要額外的元素,也不需要複雜的佈局,有興趣的童鞋可以改成用RecyclerView來進行展示。
那麼這個功能我們就需要用到:
- ListView
編輯已有的筆記
首先通過ListView進行展示,點擊每一條筆記的時候,我們跳轉到詳情頁,也就是編輯頁面,把對應的課題,筆記都顯示到EditText中,然後可以進行編輯和保存
那麼這個功能需要用到:
- setOnItemClickListener -> 監聽點擊的item
- startActivity -> 跳轉到編輯頁面
- intent.putIntExtra() -> 把點擊的位置傳給編輯頁面,從而獲取對應的筆記內容
添加新的筆記
如果大家有留意上面的Gif圖,可以看到在主界面的右下角,有一個FAB,也就是FloatingActionButton ,我們新建筆記的功能可以通過這個按鈕來完成
這個功能需要用到:
- startActivity -> 複用編輯頁面
- vector drawable -> 修改FAB的icon
通過Action Bar查看下一條筆記
從主界面跳轉到編輯頁面以後,如果我們想要看其他的筆記,只能返回然後再點擊對應的,這樣的交互對用戶來說不太友好,因此我在Action Bar加了一個Next的按鈕,用於查看下一條筆記
這個功能需要用到:
- ActionBar 的Menu
- vector drawable
未完成的功能
緩存筆記 & 刪除筆記
大家可以使用Android官方推薦的Room作爲ORM,我在之前的項目中使用過,覺得還是挺方便的
當然使用其他ORM也是可以滴~
總結
這個App比較簡單,但是由於我的個人時間也不是很多,每天下班回到家,吃完晚飯都是8點以後了,除了完成代碼編寫還要寫成文章進行總結,所以只能分開3天來完成。希望大家諒解~
接下來的兩天就是代碼編寫的時間了~加油
Day 11 - Learn Kotlin Trip, Completed.