<?xml version="1.0" encoding="utf-8"?>
<Container
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent">
<!-- 标题行 -->
<DirectionalLayout
ohos:height="wrap_content"
ohos:width="match_parent"
ohos:padding="16vp"
ohos:background_element="#2196F3">
<Text
ohos:height="wrap_content"
ohos:width="wrap_content"
ohos:text="留言区域"
ohos:text_color="#FFFFFF"
ohos:text_size="20vp" />
</DirectionalLayout>
<!-- 留言输入区域 -->
<TextArea
ohos:id="$+id:messageTextArea"
ohos:height="150vp"
ohos:width="match_parent"
ohos:margin="16vp"
ohos:hint="在这里输入留言"
ohos:input_type="textMultiLine"
ohos:max_text_length="500" />
<!-- 提交按钮 -->
<Button
ohos:height="wrap_content"
ohos:width="match_parent"
ohos:margin="16vp"
ohos:text="提交"
ohos:text_size="16vp"
ohos:id="$+id:submitButton"
ohos:onclick="onSubmitButtonClick" />
<!-- 图片区域 -->
<Image
ohos:height="200vp"
ohos:width="match_parent"
ohos:margin="16vp"
ohos:src="image:sample_image" />
</Container>
在上述代码中,我们为提交按钮(Button)添加了一个ohos:onclick属性,指定了点击按钮时调用的方法 onSubmitButtonClick。接下来,你需要在对应的Java文件中实现该方法:
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Text;
import ohos.agp.components.TextField;
import ohos.agp.components.element.ShapeElement;
public class YourAbilitySlice extends AbilitySlice {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_your_layout);
// 获取留言输入区域和提交按钮
TextField messageTextArea = (TextField) findComponentById(ResourceTable.Id_messageTextArea);
Component submitButton = findComponentById(ResourceTable.Id_submitButton);
// 为提交按钮添加点击事件监听器
submitButton.setClickedListener(component -> {
// 在这里执行提交操作,可以获取留言输入区域的内容
String message = messageTextArea.getText();
// 进行相应的处理
// ...
});
}
}
在这个例子中,当用户点击提交按钮时,onSubmitButtonClick方法会被调用,你可以在这个方法中编写提交留言的逻辑。在这里,我们获取了留言输入区域的内容,并执行相应的处理。
请注意,需要将上述代码中的ResourceTable.Layout_your_layout替换为你实际布局文件的资源ID。此外,还可以根据实际需要在点击事件监听器中添加更多的逻辑。
转载请注明出处:http://www.zyzy.cn/article/detail/1461/鸿蒙OS