自动完成编辑框组件操作实例讲解

作者:创世魂

 

 

一、自动完成编辑框

 

● 本类说明

 

本组件,继承了“文本框”“窗口组件”的所有方法。

通过本组件可制作弹出列表的编辑框。

注意:本类位于“安卓基本类”模块中,必须添加此模块才能使用。

 

 

● 界面准备

拖放两个“按钮”和一个“自动完成编辑框”

 

 

● 备选列表(写)
● 下拉框项目被单击(事件)

 

“备选列表(写)”帮助文档:

本属性的作用,就是用来设置当前“自动完成编辑框”的下拉文本项。

多个文本项之间用换行符分割。

在安卓开发中“\n”代表换行符。

 

“下拉框项目被单击(事件)”帮助文档:

“自动完成编辑框”下拉选项中的某个项目被点击后,将会发送本事件。

通过“被单击项目索引”参数可以获得单击索引。

 

代码编写如下图:

“按钮1”被点击后调用“备选列表”设置当前的下拉列表项。

然后在“下拉框项目被单击”事件下,通过“被单击项目索引”参数,可以获得当前被单击的项目索引。

 

运行结果如下图(GIF):

点击“按钮1”后,在编辑框内输入“火山”就会弹出列表。

任意选择一个列表项后,列表项的内容就会出现在当前的编辑框中。

并且也会弹出当前索引位置。

 

 

● 置下拉框锚点
● 显示下拉框

 

“置下拉框锚点”帮助文档:

本方法的作用,就是用来设置下拉框的弹出位置,默认为当前组件。

注意:必须保证当前为火山的窗口组件,否则本方法无效。

 

“显示下拉框”帮助文档:

本方法的作用就是直接将下拉框显示出来。

 

代码编写如下图:

“按钮1”被点击后,调用“置下拉框锚点”方法,设置锚点为“按钮2”

紧接着调用“显示下拉框”方法。

 

运行结果如下图(GIF):

可以看到直接输入“火山”,会在当前编辑框弹出下拉框。

当点击“按钮1”后,就会在“按钮2”的下面弹出下拉框。

注意:如果想要让下拉框内的文本全部显示,可调整“锚点组件”的宽度。

或者使用“下拉框宽度(写)”属性调整。

 

 

● 下拉框宽度(读写)
● 下拉框高度(读写)

 

“下拉框宽度(写)”帮助文档:

顾名思义,本写属性就是用来设置当前下拉框的宽度,单位像素。

同名读属性,即读取当前设置的宽度。

 

“下拉框高度(写)”帮助文档:

顾名思义,本写属性就是用来设置当前下拉框的高度,单位像素。

同名读属性,即读取当前设置的高度。

 

代码编写如下图:

“按钮1”被点击后,设置窗口“背景色”和当前编辑框的文本色,方便区分。

然后调用“下拉框宽度/高度”写属性,分别设置指定数值。

“按钮2”被点击后将其读取出来,显示在编辑框内。

 

运行结果如下图(GIF):

最后可以看到“按钮1”被点击后,输入内容后弹出的提示框呈正方形。

“按钮2”被点击后也成功读取当前的高度和宽度。

 

 

● 字符数阀值(读写)

 

“字符数阀值(写)”帮助文档:

本写属性简单来说,就是设置当前编辑框输入几个字符才弹出列表框。

默认需要输入两个字符才能弹出列表框。

同名读属性即读取当前的“字符数阀值”

 

代码编写如下图:

“按钮1”被点击后,设置当前属性值为“1”,即输入一个字符弹出列表框。

如果不是“按钮1”点击就读取当前的“字符数阀值”显示在编辑框中。

 

运行结果如下图(GIF):

可以看到默认需要输入两个字符才能弹出列表。

“按钮1”被点击后,只需要输入一个字符就可以弹出。

 

 

● 置下拉框背景图(写)
● 下拉框背景图(写)

 

以上两个属性都是用来设置背景图片。

前者的属性值为“可绘制对象类”,后者的属性值为“可绘制资源”

此处讲解“置下拉框背景图”

 

“置下拉框背景图(写)”帮助文档:

本属性的属性值为“可绘制对象类”

可通过“载入可绘制资源”方法将“可绘制资源”转换为“可绘制对象类”

本属性会覆盖其它方式设置的背景。

 

代码编写如下图:

定义“可绘制资源”变量,导入一张图片。

然后调用当前属性,属性值填写“载入可绘制资源(背景图1)”即可。

 

运行结果如下图(GIF):

可以看到“按钮1”被点击后,下拉列表的背景修改成了设置的图片。

 

 

● 下拉框背景色(写)

 

“下拉框背景色(写)”帮助文档:

顾名思义,设置当前下拉框的背景色。

本属性会覆盖其它方式设置的背景。

 

代码编写如下图:

直接在“按钮1”被单击下调用本属性,设置想要修改的颜色即可。

 

运行结果如下图(GIF):

可以看到“按钮1”被点击后,下拉列表的背景修改成了设置的蓝色。

 

 

● 下拉框被关闭(事件)

 

“下拉框被关闭(事件)”帮助文档:

顾名思义,当前下拉框被关闭后会触发本事件。

 

代码编写如下图:

直接添加当前事件后,填写想要执行的方法即可。

例如:本例子中执行了一个提示框。

 

运行结果如下图(GIF):

可以看到下拉框关闭后,弹出了一个提示框。