十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结

先捋一下我们目前已经实现的功能:

1、创建了四个界面分别为:

十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第1张图片十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第2张图片

主页(MainPage)和小说名字页(FictionNamePage)

十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第3张图片十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第4张图片

章节列表页(ChapterListPage)和写作页(WriteTextPage)

2、 实现了各个页面之间的跳转,包括从一个页面跳转到另一个页面,以及返回原页面等功能。

十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第5张图片

发现动图里有“主页”两个字的虚影,但是实际看的时候没有,可能是我录制不正确导致的,只看功能哈,忽略小瑕疵。 

3、小说名字页面(FictionNamePage)

实现了小说名字创建、修改,小说名字保存并在数据库中保存对应数据功能。

【所需功能已全部完成】

十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第6张图片

 4、主页面(MainPage)

实现了书籍列表展示功能(LazyColumn),并实现了删除、重命名、导出功能。

【剩余需实现功能:导入功能】

上面的操作基本都演示了,就不重新操作了。

5、 章节列表页(ChapterListPage)

主要就是显示章节信息,以及能进行章节删除,章节信息显示已经完成,详情见(六)。

之后也只需要将数据库中的对应信息填充到对应的接口上就行,这个应该不需要我在写一遍了吧,看看后面评论的反馈,有需要再写。

还有一个就是总字数了,这里得写一下

先确定一下思路:

思路一:

在保存章节内容的时候,顺便将字数信息更新,然后在ChapterListPage页面启动时去数据库里面找我们需要的数据。

思路二:

每次启动ChapterListPage页面时,对所有章节字数进行统计,计算后显示在对应区域。

显然思路一在代码上可能更加繁琐一点,因为采用这种思路的话,还要在删除章节的功能中加入更新字数的功能。

思路二相对简单一点,但是每次页面重组都会调用计算,导致出现较多的算力消耗,而且显示出来的界面也会因为各种函数而不断重组,导致调用次数会增加很多。

但是最后还是采用了思路二,因为一有点繁琐,而且在调试过程中会碰到不同协程调用顺序的问题,解决起来挺麻烦,不如这样简单点。

所以根据思路二,先要对数据库进行操作,获取所有章节的字数并求和:

class ChapterListViewModel(
    private val writeTextRepository: WriteTextRepository,
    private val chapterListRepository: ChapterListRepository,
    private val fictionNameRepository: FictionNameRepository
) : ViewModel() {

    suspend fun getBook(fictionId: Int): Book {
        val queryJob = viewModelScope.async {
            chapterListRepository.getBookOfId(fictionId)
        }
        return queryJob.await()
    }

    fun updateBook(fictionId: Int,textNumber:Int) {
        viewModelScope.launch {
            val book =
                fictionNameRepository.getBookOfId(fictionId)
            if (book != null) {
                fictionNameRepository.updateBook(
                    Book(book.numberId, fictionId, book.fictionName, textNumber)
                )
            }
        }
    }

    suspend fun getAllChaptersNumber(fictionId: Int): Int {

        val chapters = viewModelScope.async {
            writeTextRepository.getAllChapters(fictionId)
        }.await()

        return chapters.sumOf { it.chapterTextNumber }
    }
}

在ChapterListViewModel中获取所有章节并求和其字数,其中

interface WriteTextRepository {

    suspend fun getAllChapters(id: Int): List
}

之后就直接去 ChapterListPage中,想要在页面中自动触发,一下就应该想到LaunchEffect:

var showTextNumber by remember { mutableStateOf("") }
LaunchedEffect(key1 = Any(), block = {
        val specificBook = viewModel.getBook(fictionId!!)
        val textNumber = viewModel.getAllChaptersNumber(fictionId)
        val textNumberOrigin = specificBook.textNumber
        if (textNumber != textNumberOrigin){
            viewModel.updateBook(fictionId,textNumber)
        }

        showTextNumber = if (textNumber>9999){
            "%.1f".format(textNumber.toFloat()/10000)+ "w字"
        }else{
            textNumber.toString() + "字"
        }

    })

用于显示的Text:

Text(
      text = showTextNumber,
      fontSize = 16.sp)

你会发现我在里面加了一个判断,其实就是为了同步数据库和显示这边的数据,当场现算应该是错不了的,但是数据库中的可能是存的旧数据,所以如果不一致的话要更新一下数据库的数据。

 这样就完事了!

十六、使用Jetpack Compsoe编写一个写小说的Android应用:第一次阶段总结_第7张图片

到这里的话,这一页的功能就全部完成了! 

6、写作页(WriteTextPage)

这页要实现的功能比较多,上面的工具栏按钮多,下面我也添加了工具栏,所以这一页先说目前为止实现了哪些功能:

  1. 返回上一页
  2. 保存
  3. 新加章,其中包括在最后一章新加和在中间章点击直接插入最新章等功能
  4. 抽屉显示
  5. 页面布局也算一个

那么接下来要实现的功能有:

  1. 撤销与反撤销
  2. 下方工具栏的页面切换
  3. 插入回车时多插入一行
  4. 实现类似edittext中的selection效果,就是跟随光标移动,如果你给TextField写一大段文字,你会发现它没有光标跟随的,每次都需要自己去滚,很不人性化。

以上就是本次总结,下次先从主页面的导出功能整起! 

你可能感兴趣的:(Android,android,kotlin,android,jetpack)