IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> AWTK最新动态:新增TreeView,附使用方法 -> 正文阅读

[JavaScript知识库]AWTK最新动态:新增TreeView,附使用方法

使用方法

在这里插入图片描述

在这里插入图片描述

tree_view 树形视图

树形视图由滚动视图、垂直滚动条和水平滚动条三部分组成。

XML 描述如下:

  <tree_view x="0" y="0" w="48%" h="48%" item_height="25" spacing="5" auto_hide_scroll_bar="true">
    <scroll_view name="view" x="0" y="0" w="-12" h="-12">
...
    </scroll_view>
    <scroll_bar_d name="hbar" x="0" y="b" w="-12" h="12" value="0"/>
    <scroll_bar_d name="vbar" x="right" y="0" w="12" h="-12" value="0"/>
  </tree_view>    

scroll_view 滚动视图

滚动视图可以包含多个 tree_item。

XML 描述如下:

    <scroll_view name="view" x="0" y="0" w="-12" h="-12">
      <tree_item value="true">
...
      </tree_item>

      <tree_item>
...
      </tree_item>
    </scroll_view>

tree_item 树形项

树形项包含一个 tree_item_title 和一个 tree_item_content。tree_item_title 用来显示自身的信息,而 tree_item_content 用来包含子项目。

XML 描述如下:

<tree_item_title text="hello" style="folder"/>
<tree_item_content>
    <tree_item_title text="1.world" style="file"/>
    <tree_item_title text="2.world" style="file"/>
    <tree_item_title text="3.world" style="file"/>
    <slider value="40" w="200" />
</tree_item_content>

tree_item_title

可以显示文本和图标。也可以包含其它控件(如按钮、文本、图片、进度条和多选按钮等)

tree_item_content

可以包含:

  • tree_item 用于显示下一级项目。
  • tree_item_title 用于显示简单的叶子节点。
  • button/progress_bar/check_button/radio_button/label 和 image 等基本控件用于显示叶子节点。

XML 描述如下:

<tree_item value="true">
    <tree_item_title text="hello" style="folder"/>
    <tree_item_content>
    <slider value="40" w="200" />
    <check_button text="2.world" w="200" />
    <radio_button text="2.world" w="200" />
    </tree_item_content>
</tree_item>
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-06-01 15:07:38  更:2022-06-01 15:10:45 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 17:20:53-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码