【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )

文章目录

一、布局中设置 TextField 组件二、代码中获取并设置 TextField 组件

一、布局中设置 TextField 组件

TextField 组件是文本输入框 , 允许用户在界面中输入指定的文字信息 ;

布局文件中配置 TextField 组件 :

<?xml version=“1.0“ encoding=“utf-8“?><DirectionalLayout xmlns:ohos=“http://schemas.huawei.com/res/ohos“ ohos:height=“match_parent“ ohos:width=“match_parent“ ohos:orientation=“vertical“> <!-- 输入框组件 --> <TextField ohos: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 组件相同 , 但是点击后 , 会显示光标 , 并弹出输入键盘 ;

刚进入界面时 :

【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )

点击后效果 : 弹出软键盘 ;

【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )

二、代码中获取并设置 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 { @Override public void onStart(Intent intent) { super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); // 获取布局文件中的 TextField 组件 TextField textField = (TextField) findComponentById(ResourceTable.Id_textfield); // 设置默认显示的内容 textField.setText(“请输入手机号 : “); } @Override public void onActive() { super.onActive(); } @Override public void onForeground(Intent intent) { super.onForeground(intent); }}

运行效果 :

【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )

极客网企业会员

免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。

  • 简版
  • 原版
  • 投稿
  • 回顶部