Android思维导图布局:效果展示及使用方法

思维导图布局的前身是树形布局,对树形布局基本使用还不太了解的朋友可以先看看我写的树形布局系列教程,了解了树形布局的使用方法后再来阅读本文章。

先睹为快

来看看效果吧,横向效果如下:
在这里插入图片描述
纵向效果如下:(布局可拖拽,后面会讲解)
在这里插入图片描述

基本使用

首先导入库。

allprojects {
   
    
	repositories {
   
   
	 	 ...
	 	 maven {
   
    url 'https://jitpack.io'
		 }
	} 
}

dependencies {
   
    
	implementation 'com.github.PYJTLK:MindMapViewTest:1.2'
}

为了方便讲解,下面来实现如下的效果,先写布局代码。
在这里插入图片描述
注意下面的代码,MindMapLayout是思维导图布局,TreeLayout是树形布局。一定要按照如下的方式摆放,否则会报错。
左树 + 根 + 右树 或者 上树 + 根 + 下树
app:orientation决定思维导图的方向
app:mapLocked锁定思维导图,后面会讲它的作用

<com.pyjtlk.widget.MindMapLayout
        android:id="@+id/mindMapLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#A0A0"
        app:orientation="horizontal"
        app:mapLocked="false">

        <!--左树-->
        <com.pyjtlk.widget.TreeLayout
            android:id="@+id/treeView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:treeDirection="downToUp"
            app:levelInterval="50dp">

            <Button
                android:layout_width="80dp"
                android:layout_height="40dp"
                android:text="Node"/>

            <Button
                android:layout_width="80dp"
                android:layout_height="40dp"
                android:text
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值