首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

书客编辑器安卓Kotlin版

精辟句:有人性的人不吃老虎,有兽性的老虎会吃人。

下面针对书客编辑器安卓Kotlin版,进行详解说明。

效果图

在进行讲解之前,首先看一下书客编辑器安卓版的效果图:

一、引入资源

引入书客编辑器安卓Kotlin版的方式有很多,这里主要提供两种方式:

1、在build.gradle文件中添加以下代码:

2、在maven文件中添加以下代码:

二、使用

书客编辑器安卓版简易所在就是只需要简单引入资源之后,可以直接进行使用。因为书客编辑器安卓版不仅仅提供了功能实现,还提供了界面。所以使用过程中,连界面绘制都不用了。

界面分析

书客编辑器安卓版界面大致分为三个部分,即编辑器顶部,内容区(编辑区+预览区)和底部(工具栏)。

首先在布局文件中引入书客编辑器安卓版控件,如布局文件为activity_main.xml,只需要在该文件内添加以下代码即可:

实际上IbookerEditorView继承LinearLayout,所以它具备LinearLayout的一切功能。

三、功能介绍

根据轮廓图可以看出,书客编辑器安卓版布局只有三个部分,所以关于书客编辑器安卓版功能模块也就分三个部分对外提供使用,即修改哪一个布局模块就是对于哪一个功能模块。

顶部功能模块

书客编辑器安卓版顶部实际上是采用IbookerEditorTopView控件进行呈现,所以要实现顶部相关控件功能首先要获取该控件。

书客编辑器安卓版顶部界面图,从左到右分别对应返回(back),撤销(undo),重做(redo),编辑模式(edit),预览模式(preview),帮助(help),关于(about)。知道每个按钮对应的功能,所以就可以去修改或完善相关实现过程。

例如修改返回按钮一些属性,可以使用一下代码:

当然也可以通过IbookerEditorTopView获取相关控件,然后针对该控件进行逐一处理:

这里只是使用返回按钮进行举例说,其他按钮使用规则更返回按钮一样。

中间功能模块

书客编辑器安卓版中间区域又分为两个部分,分别是编辑部分和预览部分,所以要修改相关功能就要获取到相关部分的控件。其中编辑部分由IbookerEditorEditView控件进行呈现,预览部分由IbookerEditorPreView控件进行呈现。

例如修改编辑部分相关属性,可以使用如下代码:

编辑部分并不是只有一个控件,所以也可以获取相关控件,然后针对特定控件进行逐一操作:

底部功能模块

书客编辑器安卓版,底部为工具栏,由IbookerEditorToolView进行呈现。

工具栏一共提供了30多种功能,每一个按钮对应一个功能。各个控件分别为:

所以要修改底部相关属性,首先要获取到IbookerEditorToolView控件,然后对该控件进行操作。

当然底部一共有30多个控件,也可以直接获取到相关控件,然后该控件进行操作,如:

补充功能:按钮点击事件监听

这里的按钮点击事件监听主要是针对顶部布局按钮和底部布局按钮。

顶部部分按钮点击事件监听,需要实现IbookerEditorTopView.OnTopClickListener接口,而每个按钮点击通过对应Tag来判断,具体代码如下:

其中IMG_BACK、IBTN_UNDO等变量是由IbookerEditorEnum枚举类提供。

底部部分按钮点击事件监听,需要实现IbookerEditorToolView.OnToolClickListener接口,而每个按钮点击通过对应Tag来判断,具体代码如下:

其中IBTN_BOLD、IBTN_ITALIC等变量是由IbookerEditorEnum枚举类提供。

Github地址【https://github.com/zrunker/IbookerEditorAndroidK/】

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180228G00EPW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券