Harmony OS — TextField输入框-白红宇

Harmony OS — TextField输入框

阅读量：3728 次

发布时间：2019-05-22

本文共 1676 字，大约阅读时间需要 5 分钟。

文章目录

1、TextField 是什么？

简单：文本输入框组件。

官方：TextField 提供了一种文本输入框组件。

2、创建文本框、设置基线、设置气泡

在这里插入图片描述

ability_main.xml

background_text_field.xml

ele_cursor_bubble.xml

3、实战：点击登录按钮，将会出现提示用户名错误，同时将会改变TextField的状态

在这里插入图片描述

MainAbilitySlice.java

// 当点击登录，改变相应组件的样式        Button button = (Button) findComponentById(ResourceTable.Id_ensure_button);        button.setClickedListener((component -> {
                       Text text = (Text) findComponentById(ResourceTable.Id_error_tip_text);            //  显示错误提示的Text            text.setVisibility(Component.VISIBLE);            TextField textField = (TextField) findComponentById(ResourceTable.Id_name_textField);            // 显示TextField错误状态下的样式            ShapeElement errorElement = new ShapeElement(this, ResourceTable.Graphic_background_text_field_error);            textField.setBackground(errorElement);            // TextField失去焦点            textField.clearFocus();        }));

ability_main.xml

background_text_field.xml

background_btn.xml

4、TextField 常用属性（xml 和 Java）

xml属性

background_element		背景样式hint					提示文字element_cursor_bubble	气泡multiple_lines			多行显示basement				设置基线（底边线）

java

TextField textField = (TextField) findComponentById(ResourceTable.Id_text_field);//获取输入框的内容String content = textField.getText();//设置TextField不可用状态textField.setEnabled(false);//响应焦点变化textField.setFocusChangedListener((component, isFocused) -> {
           if (isFocused) {
            // 获取到焦点        ...    } else {
            // 失去焦点        ...    }});