本文展示了一个使用ArkUI框架的简单界面开发示例。代码通过@Entry@Component装饰器定义了一个名为indx的组件,使用Flex布局实现了多行排列的文本元素。每个Text组件都设置了高度、边框、背景颜色、外边距和内边距,展示了ArkUI在界面开发中的基本能力。该示例适用于HarmonyOS开发者,帮助理解如何使用ArkTS进行界面布局和样式设置。
import router from '@ohos.router';
@Entry
@Component
struct indx{
  build() {
    Flex({wrap:FlexWrap.Wrap,direction:FlexDirection.Row}){
      Text('ArkUI').height(30).border({width:1})
        .backgroundColor(Color.Gray)
        .margin(10).padding(10)
      Text('ArkTS').height(30).border({width:1})
        .backgroundColor(Color.Gray)
        .margin(10).padding(10)
      Text('界面开发').height(30).border({width:1})
        .backgroundColor(Color.Gray)
        .margin(10).padding(10)
      Text('系统能力').height(30).border({width:1})
        .backgroundColor(Color.Gray)
        .margin(10).padding(10)
      Text('权限控制').height(30).border({width:1})
        .backgroundColor(Color.Gray)
        .margin(10).padding(10)
      Text('元服务').height(30).border({width:1})
        .backgroundColor(Color.Gray)
        .margin(10).padding(10)

    }
  }
}
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐