【初级教程】第6期 appinventor列表显示框的使用?

1,什么是appinventor列表显示框?

列表显示框通常用来显示输出的数据。这个组件可以在用户界面面板里找到,组件的属性也很丰富,可以设置背景颜色,列表元素字串,尺寸,文字样式和是否带搜索框等等,它的显示样式如下:

appinventor列表显示框

2,如何使用带有搜索框的列表显示框?

注意如果显示搜索框的属性被选中,这意味着如果您在搜索框(搜索列表…)中输入一个字母,则只会显示以该字母开头的元素。

下面展示一个带有搜索框的逻辑代码块:

上面的代码实现的功能就是,当我们单击一个元素时,通知程序将显示所选元素及其索引。

– 在搜索框中输入字母 b。

– 它只会显示以 b 开头的元素。

– 如果您现在按下一个元素 B3、B4、B6,它将根据其顺序显示索引,1、2 或 3。

3,如何删除或者添加数据到列表显示框?

组件设计如下:

我们用到了一个文本输入框用来输入数据,还有三个按钮。通过点击按钮来实现删除或者添加数据的功能。

详细的代码块如下:

– 显示框的元素通过列表放置。请参阅上图中如何在列表中输入数字。

– 当我们按下删除按钮时,其索引已在列表查看器中被选中的元素将从编号列表中删除。

– 然后在刷新按钮过程中,加载新的数字列表,发现其中元素已被删除。

-当你按下插入,并且复选框1被选中,则把添加的数据加到列表显示框的末尾。

– 如果复选框没有选中,则会被插入到相应的位置。

– 在刷新过程中,加载新列表并使新加入的数据可见