《ArkUI实战》

# 3.3：位置设置

# 3.3.1：绝对定位

declare class CommonMethod<T> {
  position(value: Position): T;
}
1
2
3

设置当前组件在父组件中的位置，参照点为父容器顶点位置。在布局容器中，设置该属性不影响父容器布局，仅在绘制时进行位置调整。

简单样例如下所示：

    样例运行结果如下图所示：

    3_1_2_3

    📢：由运行结果可知，postion 属性会更改子组件的布局结构

    # 3.3.2：相对定位

    declare class CommonMethod<T> {
  align(value: Alignment): T;
}
    1
    2
    3

    设置元素内容的对齐方式，只有当设置的 width 和 height 大小超过元素本身内容大小时生效。

    简单样例如下所示：

      样例运行结果如下图所示：

      3_1_2_4

      📢：由运行结果可知，offset 属性只更改组件自身的布局结构。

      # 3.3.3：锚点设置

      declare class CommonMethod<T> {
  markAnchor(value: Position): T;
}
      1
      2
      3

      设置元素在位置定位时的锚点，以自身顶点位置作为基准点进行偏移。设置该属性，不影响父容器布局，仅在绘制时进行位置调整。

      简单样例如下所示：

        样例运行结果如下图所示：

        3_1_2_5

        📢：由运行结果可知，markAnchor 属性只更改组件自身的布局结构。

        ← 3.4：提示设置 →

        请作者喝杯咖啡
        ©arkui.club版权所有，禁止私自转发、克隆网站。

        欢迎加入鸿蒙技术交流群：695438501

        津公网安备 12011402001367号

        津ICP备2020008934号-2

        中央网信办互联网违法和不良信息举报中心

        天津市互联网违法和不良信息举报中心