立即注册
查看: 402|回复: 0

[鸿蒙OS技术分享] HarmonyOS Java UI框架开发(四):TextField组件开发指导

已绑定手机
发表于 2021-9-26 11:21:29 | 显示全部楼层 |阅读模式 来自 广东省深圳市
TextField提供了一种文本输入框。
支持的XML属性
TextField的共有XML属性继承自:Text

1、创建TextField
layout目录下的xml文件中创建一个TextField。
<TextField
    ...
    ohos:id="$+id:text_field"
    ohos:height="40vp"
    ohos:width="200vp"
    ohos:top_margin="100vp"
    ohos:left_margin="80vp"
    ohos:left_padding="20vp"
/>
获取输入框的内容:
TextField textField = (TextField) findComponentById(ResourceTable.Id_text_field);
String content = textField.getText();

2、设置TextField
2.1 在xml中设置TextField的背景。
layout目录下xml文件的代码示例如下:

<TextField
    ...
    ohos:background_element="$graphic:background_text_field"
/>
graphic目录下xml文件(例:background_text_field.xml)的代码示例如下:

<?xml version="1.0" encoding="UTF-8" ?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
       ohos:shape="rectangle">
    <corners
        ohos:radius="40"/>
    <solid
        ohos:color="#FFFFFF"/>
</shape>

2.2 设置提示文字
<TextField
    ...
    ohos:hint="Enter phone number or email"
    ohos:text_alignment="vertical_center"/>

2.3 设置Bubble
<TextField
    ...
    ohos:element_cursor_bubble="$graphic:ele_cursor_bubble" />
其中ele_cursor_bubble.xml
<?xml version="1.0" encoding="UTF-8" ?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
       ohos:shape="rectangle">
    <corners
        ohos:radius="40"/>
    <solid
        ohos:color="#6699FF"/>
    <stroke
        ohos:color="#0066FF"
        ohos:width="10"/>
</shape>

2.4 设置TextField的内边距
<TextField
    ...
    ohos:left_padding="24vp"
    ohos:right_padding="24vp"
    ohos:top_padding="8vp"
    ohos:bottom_padding="8vp"/>

2.5 设置TextField的多行显示
<TextField
    ...
    ohos:multiple_lines="true"/>

2.6 设置TextField不可用状态
通过TextField的Enable属性来控制文本框是否可用,当设置成false后,文本框不再能被输入。
textField.setEnabled(false);

2.7 响应焦点变化
textField.setFocusChangedlistener((component, isFocused) -> {
    if (isFocused) {
        // 获取到焦点
        ...
    } else {
        // 失去焦点
        ...
    }
});

2.8 设置基线
<TextField
    ...
    ohos:basement="#000099" />
......

更多详细内容请下载附件查看
游客,如果您要查看本帖隐藏内容请回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

合作/建议

TEL: 19168984579

工作时间:
周一到周五 9:00-11:30 13:30-19:30
  • 扫一扫关注公众号
  • 扫一扫打开小程序
Copyright © 2013-2024 一牛网 版权所有 All Rights Reserved. 帮助中心|隐私声明|联系我们|手机版|粤ICP备13053961号|营业执照|EDI证
在本版发帖搜索
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表