使用鸿蒙ets文件，写出文字在图标下发方的代码

在HarmonyOS (鸿蒙) 开发中，如果你想实现文字在图标的下方显示，通常会在Activity或者Widget中使用Elastic Template Sheet (ETS) 来布局UI。以下是一个简单的示例，假设我们已经有了一个基础的ETS文件（`.hbs`）：

<!-- example.ets -->
<template>
  <view class="container">
    <image src="{{iconUrl}}" class="icon"/>
    <text class="caption">{{textContent}}</text>
  </view>
</template>

然后，在对应的`.java` 或 `.cpp` 文件中，你可以设置这个模板：

// Java 示例
import com.huawei.hms.ets.ElasticTemplateSheet;
import com.huawei.hms.ets.model.Element;

public class MainActivity extends AppCompatActivity {
    private ElasticTemplateSheet mEts;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 创建并初始化ETS
        mEts = new ElasticTemplateSheet.Builder(this)
                .setLayoutId(R.layout.ets_layout)
                .build();

        // 设置图标和文字内容
        Element iconElement = new Element()
                .setTag("icon")
                .setImageDrawableRes(R.drawable.ic_example)
                .setPosition(Element.POSITION_ABSOLUTE, 0, 0); // 图标位置

        Element captionElement = new Element()
                .setTag("caption")
                .setTextContent("这是图标下的文字")
                .setPosition(Element.POSITION_RELATIVE, 0, -50); // 文字在图标下方50dp

        mEts.loadElements(Arrays.asList(iconElement, captionElement));
    }
}

或者如果你是在C++中操作，可以参考类似的方法，通过ElasticTemplateSheet API 设置元素和属性。