在鸿蒙OS中，你可以使用Container组件作为外部容器，将其他组件放置在其中。Container组件提供了一种方便的方式来组织和管理其他组件的布局。以下是一个简单的例子，演示如何在外部容器中添加标题、留言输入区域、提交按钮以及图片区域：
<?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: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" />

    <!-- 图片区域 -->
    <Image
        ohos:height="200vp"
        ohos:width="match_parent"
        ohos:margin="16vp"
        ohos:src="image:sample_image" />
</Container>

在这个例子中，我们使用了Container组件，将DirectionalLayout、TextArea、Button和Image组件放置在了容器中。这有助于更好地组织和管理布局。

你可以根据实际需求调整组件的大小、布局和其他属性，确保它们适合你的设计。同时，确保在项目中添加了相应的资源，并根据需要进行适当的调整。


转载请注明出处：http://www.zyzy.cn/article/detail/1460/鸿蒙OS