Android 仿幕布APP 树形结构富文本笔记功能

最新推荐文章于 2024-06-19 11:01:44 发布
最新推荐文章于 2024-06-19 11:01:44 发布
阅读量795 收藏 2
点赞数
分类专栏： 我的学习日志 文章标签： java android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45200197/article/details/110295599
版权

引言：

最近在做一个大创项目，项目中需要嵌入一个笔记记录的功能，该笔记记录采用类似于幕布app的树形分级模式，如下图所示
在这里插入图片描述在这里插入图片描述

功能概括：

  • 内容呈现树形分级展示
  • 预览模式与编辑模式
  • 点击父级内容右侧的小三角按钮，将会显示/隐藏子级内容
  • 添加节点
    • 在编辑父级节点内容时点击回车按钮，添加子级节点内容
    • 点击外部的添加按钮，添加一个级别最大的节点内容
  • 删除节点
    • 在编辑父级内容时，点击删除节点按钮，会删除父级节点及其子节点
    • 若该节点没有子节点，则删除其本身
  • 更改节点级别
  • 每一级节点内容可以调节字体颜色，斜体，粗体，下划线，删除线

功能实现分析:

  • 预览模式与编辑模式这一功能，我通过采用Edittext，并setEnabled来设置Edittext的可写性

未完待续–

知行1223
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
树结构显示软件Treeview
10-06
用于显示进化树的软件，它可以读取NEXUS及PHYLIP生成的进化树格式文件，生成进化树，并输出到打印机。
android树形菜单，树形结构，多级展示
07-24
树形菜单，用来展示有层次结构的数据，像文件管理器，一个文件夹下面有很多文件，文件夹，可能文件夹下面还有文件还有文件夹。我们需要展示这些结构，但是安卓并没有提供一个比较方便的控件来展示,所以就需要我们自定义。博客详解:http://blog.csdn.net/wangjie1310/article/details/47026937
前端uni-app树形组件 tree组件，可拖拽移动，点击展开收缩，无限添加子集
chenchuang0128的博客
05-26 2731
下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?// 颜色设定 不同颜色寓意不同权重。"name": "其他规模企业","name": "生物与新医药","name": "其他规模企业","name": "新能源汽车","name": "大型企业","name": "中型企业","name": "小型企业","name": "大型企业","name": "中型企业","name": "小型企业","name": "行业分类",
uni app 树状结构数据展示
最新发布
yuehua_zhang的博客
06-19 1126
注意 treedata 中 isshow 是翻着的 false 展示 true 隐藏 isopen 是正常 false 关闭 true 展开。name: '僧1-曾1-重1-孙1-子1-节点2',name: '僧1-曾1-重1-孙1-子2-节点2',name: '曾1-重1-孙1-子1-节点2',name: '曾1-重1-孙1-子2-节点2',树状数据展示，可以点击item 将点击数据给父组件 ，满足自己需求。name: '重1-孙1-子1-节点2',uselast 只能使用末级。
uniapp 树形结构展示
技术不够，加班来凑
01-31 3227
rangeKey是关键，如果不设置rangeKey，有可能加载出来数据是不展示的，只能看到树形结构的图标，rangKey对应的是数据的字段名,:range="rangeList"绑定数据，confirmLeftTree点击树形结构确定的事件触发。实现树形结构，在官网插件市场找了tki-tree进行改造，自行下载：https://ext.dcloud.net.cn/plugin?需要注意的是： 点击图片展示树形结构只能用固定语法。将原有的树形选中方法进行优化。
树形结构
qq_35687211的博客
05-30 332
package com.isoftston.issuser.conchapp.views.security; import android.content.Context; import android.content.Intent; import android.os.Bundle; import android.util.Log; import android.view.View; impo...
仿幕布网思维导图，React Hooks +TypeScript + Vite实现.zip
05-20
在本项目中，开发者使用了React Hooks、TypeScript和Vite来构建一个仿幕布网的思维导图应用。这是一个现代前端开发的实践案例，它展现了如何利用这些先进技术来提高开发效率和代码质量。 首先，React Hooks是React ...
Mubu-1.2.4.exe幕布笔记windows系统版
09-13
幕布通过树形结构来组织内容，让笔记更有条理性。写好笔记，并学会整理，内容将更加清晰深刻，方便的分享，放大笔记的价值。 2.思维整理:快速的整理思路，一键查看思维导图。养成结构化的思维方式，不断拆分细化每...
幕布笔记按字母顺序导出（Python+Opml）
12-21
【知识点详解】 1. **幕布笔记与导出格式**： ...通过解析OPML文件，进行内容排序，然后将排序后的信息写入新的文本文件，最终实现了便于查阅的笔记结构。整个过程展示了Python在处理数据和文件操作上的灵活性。
幕布大纲笔记，可生成思维导图
09-14
大纲笔记
Android树形结构列表
02-25
Android树形结构列表
树形结构组件 树形结构组件 xyTree
06-25
树形结构组件 xyTree树形结构组件 xyTree树形结构组件 xyTree树形结构组件 xyTree
安卓富文本编辑器
05-28
安卓富文本编辑器，功能强大
手机web树形菜单结构
06-02
手机版网页上的树形结构，结构清晰，父子级条例清楚，源码DEMO，支持id，pid，支持单级加载和批量加载，同时支持静态数据和动态数据，手机端完美展示。
android 创建任意层树形结构开发Demo
12-29
Android创建任意层次结构开发Demo ，直接拿来用、详情见我的博客：http://blog.csdn.net/u011916937
幕布- 极简大纲笔记 | 一键生成思维导图
10-31
幕布是一款结合了大纲笔记和思维导图的头脑管理工具,帮你用更高效的方式和更清晰的结构来记录笔记、管理任务、制定计划甚至是组织头脑风暴。
实现APP中树形分类
perseveranceTTT的博客
11-09 3929
控件androidtreeview
前端vue uni-app使用Vue和ECharts构建交互式树形结构图
chenchuang0128的博客
12-31 1572
题目：使用Vue和ECharts构建交互式树形结构图摘要：本文介绍了如何使用Vue.js和ECharts构建一个交互式的树形结构图。通过整合ECharts的强大可视化功能，我们创建了一个可拖拽移动、点击展开和收缩的树形结构图，并实现了无限添加子集的功能。一、引言随着数据可视化的快速发展，树形结构图作为一种常用的数据展示方式，被广泛应用于展示层次结构、关系网络和数据分类等场景。特别是在Web前端开发中，使用Vue.js等前端框架结合ECharts等可视化库，可以轻松实现树形结构图的交互式展示。
Python脚本整理幕布英语笔记：按字母顺序导出OPML
在测试代码中，作者通过`outline`变量访问并打印了OPML文件的基本结构，比如总项数、子项数量以及文本内容。通过定义递归函数`out_note()`，作者实现了带缩进的逐层输出，使得导出的笔记清晰地按照字母顺序排列。 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值