HarmonyOS 实现 UI 页面，两个元素，元素 A 距左边距 15；元素 B 是居中显示？

Question

咨询实现 UI 页面，页面显示两个元素，元素 A 距左边距 15；元素 B 是居中显示。请帮忙提供 Demo

UI 页面在图中展示。

对应的功能是取消按钮和拍照按钮的实现。

Answer 1

可参考如下代码：

import text from '@ohos.graphics.text';
import { promptAction } from '@kit.ArkUI';

@Entry
@Component
struct Index15 {
  @State message: string = 'Hello World';
  build() {
    Column() {
      Stack({
        alignContent: Alignment.Start
      }) {
        Row() {
          Button('拍摄')
            .type(ButtonType.Circle)
            .width(100)
            .onClick(()=>{
          promptAction.showToast({message:`拍摄`})
            })
      }.width('100%').height(200).justifyContent(FlexAlign.Center)

        Row(){
          Text('取消').fontColor(Color.White).fontSize(20)
        }.margin({
          left:15
        })
        .onClick(()=>{
          promptAction.showToast({message:`取消`})
        })
      }
    }.width('100%').height('100%').justifyContent(FlexAlign.End).backgroundColor('rgba(0,0,0,0.5)')
  }
}