css中的div盒子在鸿蒙开发中是什么呀

Question

朋友们现在在看鸿蒙开发，看了看基础的css样式，组件，然后就有个疑问，css中div盒子，在鸿蒙开发中有跟这个一样用法的嘛，然后我看鸿蒙里面也没有标签，直接就是Image( ) Text(title)。然后有这个容器Row/Column

Answer 1

你好，在鸿蒙（HarmonyOS）开发中，与Web开发中的HTML和CSS不同，鸿蒙使用的是基于Java的UI框架，主要依赖于XML布局和Java代码。因此，没有直接对应于HTML中的div标签的概念。
在鸿蒙开发中，你提到的Image和Text是常见的组件，用于显示图片和文本。此外，鸿蒙提供了一些容器组件，如DirectionalLayout、StackLayout、GridLayout等，用于组织和布局其他组件。
对于布局，鸿蒙使用的是XML布局文件，通过在XML文件中定义各种组件的层次结构和布局规则来构建界面。下面是一个简单的例子：

<?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">

    <Image
        ohos:height="100vp"
        ohos:width="100vp"
        ohos:src="$media:sample_image" />

    <Text
        ohos:height="wrap_content"
        ohos:width="match_content"
        ohos:text="Hello, HarmonyOS!" />
</DirectionalLayout>

在这个例子中，DirectionalLayout充当了容器，其中包含了一个Image和一个Text组件。你可以通过设定不同的Layout和组件属性来调整界面的布局。
总体而言，鸿蒙使用了一种不同于Web开发的方式来构建界面，但它同样提供了丰富的组件和布局方式，使得开发者能够创建多样化的用户界面。希望对你有所帮助