PositionLayout 是什么

PositionLayout 是位置布局，在PositionLayout中，子組件通過指定準確的x/y坐標值在屏幕上顯示。(0, 0)為左上角；當向下或向右移動時，坐標值變大；允許組件之間互相重疊。看到這個描述感覺實際開發中應該很少用到這個布局，本著學習的態度，簡單的了解它的使用

PositionLayout? 的屬性

ohos:position_x? 控制x 軸方向的位置

ohos:position_y 控制y軸方向的位置

x軸，y軸在屏幕的右上角，具體如下圖

demo 練習PositionLayout 的使用

<?xml version="1.0" encoding="utf-8"?>
<PositionLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:background_element="#3387CEFA"><Buttonohos:id="$+id:button1"ohos:height="50vp"ohos:width="100vp"ohos:position_x="0vp"ohos:position_y="0vp"ohos:background_element="#00FFFF"ohos:text="Java"ohos:text_alignment="center"ohos:text_size="20fp"/><Buttonohos:id="$+id:button2"ohos:height="50vp"ohos:width="100vp"ohos:position_x="35vp"ohos:position_y="35vp"ohos:background_element="#FF0000"ohos:text="Java"ohos:text_alignment="center"ohos:text_size="20fp"/><Buttonohos:id="$+id:button3"ohos:height="50vp"ohos:width="100vp"ohos:position_x="75vp"ohos:position_y="75vp"ohos:background_element="#00d8a0"ohos:text="Java"ohos:text_alignment="center"ohos:text_size="20fp"/><Buttonohos:id="$+id:button5"ohos:height="50vp"ohos:width="100vp"ohos:position_x="125vp"ohos:position_y="115vp"ohos:background_element="#8B00FF"ohos:text="Java"ohos:text_alignment="center"ohos:text_size="20fp"/><Buttonohos:id="$+id:button6"ohos:height="50vp"ohos:width="300vp"ohos:position_x="175vp"ohos:position_y="175vp"ohos:background_element="#8B00FF"ohos:text="Java"ohos:text_alignment="center"ohos:text_size="20fp"/></PositionLayout>

實現的效果圖如下

其他想法

本想著到這就了解忘了，不過突然間想到了既然它是通過x，y軸來控制 控件的位置，我們可以通過它來實現一個簡答的移動，就是xml 一個位置，java 代碼在寫一個位置

xml 代碼如下

<?xml version="1.0" encoding="utf-8"?>
<PositionLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:background_element="#3387CEFA"><Buttonohos:id="$+id:button1"ohos:height="50vp"ohos:width="100vp"ohos:position_x="0vp"ohos:position_y="0vp"ohos:background_element="#00FFFF"ohos:text="Java"ohos:text_alignment="center"ohos:text_size="20fp"/></PositionLayout>

java 代碼

package com.example.myapplication.slice;import com.example.myapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.ability.OnClickListener;
import ohos.aafwk.content.Intent;
import ohos.agp.components.AttrHelper;
import ohos.agp.components.Button;
import ohos.agp.components.Component;public class MainAbilitySlice extends AbilitySlice {private Button button1;@Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);button1= (Button) findComponentById(ResourceTable.Id_button1);button1.setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {button1.setPosition(vp2px(200), vp2px(0));}});}private int vp2px(float vp){return AttrHelper.vp2px(vp,this);}@Overridepublic void onActive() {super.onActive();}@Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}
}

xml 的位置

點擊button 移動之后的位置

官方文檔參考連接

其他的布局

HarmonyOS UI開發 TableLayout(表格布局) 的使用

HarmonyOS UI開發 AdaptiveBoxLayout(自適應盒子布局) 的使用

HarmonyOS UI開發 StackLayout(堆棧布局) 的使用

HarmonyOS UI開發 DependentLayout(依賴布局) 的使用

HarmonyOS UI開發 DirectionalLayout(定向布局) 的使用

總結

以上是生活随笔為你收集整理的HarmonyOS UI开发 PositionLayout(位置布局) 的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。