Kotlin學習之旅(D11)-第一個App之項目介紹

Kotlin學習之旅第十一天

接下來這三天,我們會用Kotlin編寫一個App

今天主要是項目介紹

前言

Kotlin學習之旅(D1)-學習計劃&基本語法

Kotlin學習之旅(D2)-基本語法

Kotlin學習之旅(D3)-類與繼承

Kotlin學習之旅(D4)-函數與Lambda表達式

Kotlin學習之旅(D5)-高級語法

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

老規矩,先上圖:

Oct-21-201810-31-50.md.gif

主要的功能:

  • 查看已有的筆記
  • 添加新的筆記
  • 編輯已有的筆記
  • 能夠通過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.


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章