文章目录
- 一、布局中设置 TextField 组件
- 二、代码中获取并设置 TextField 组件
一、布局中设置 TextField 组件
TextField 组件是文本输入框 , 允许用户在界面中输入指定的文字信息 ;
布局文件中配置 TextField 组件 :
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:orientation="vertical"><!-- 输入框组件 --><TextFieldohos:id="$+id:textfield"ohos:height="match_content"ohos:width="match_parent"ohos:layout_alignment="horizontal_center"ohos:text="Hello World"ohos:text_size="50"ohos:text_input_type="pattern_number"/></DirectionalLayout>
其中 ohos:text_input_type=“pattern_number” 是配置输入的类型 , 这里是输入数字 ;
显示效果 : 刚进入界面时效果与 Text 组件相同 , 但是点击后 , 会显示光标 , 并弹出输入键盘 ;
刚进入界面时 :
点击后效果 : 弹出软键盘 ;
二、代码中获取并设置 TextField 组件
简单展示一下获取组件 , 并设置其显示文本 ;
package com.example.textfield.slice;import com.example.textfield.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.TextField;public class MainAbilitySlice extends AbilitySlice {@Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 获取布局文件中的 TextField 组件TextField textField = (TextField) findComponentById(ResourceTable.Id_textfield);// 设置默认显示的内容textField.setText("请输入手机号 : ");}@Overridepublic void onActive() {super.onActive();}@Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}
}
运行效果 :