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.