PositionLayout 是什么

PositionLayout 是位置布局，在PositionLayout中，子組件通過(guò)指定準(zhǔn)確的x/y坐標(biāo)值在屏幕上顯示。(0, 0)為左上角；當(dāng)向下或向右移動(dòng)時(shí)，坐標(biāo)值變大；允許組件之間互相重疊。看到這個(gè)描述感覺(jué)實(shí)際開(kāi)發(fā)中應(yīng)該很少用到這個(gè)布局，本著學(xué)習(xí)的態(tài)度，簡(jiǎn)單的了解它的使用

PositionLayout? 的屬性

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

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

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

demo 練習(xí)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>

實(shí)現(xiàn)的效果圖如下

其他想法

本想著到這就了解忘了，不過(guò)突然間想到了既然它是通過(guò)x，y軸來(lái)控制 控件的位置，我們可以通過(guò)它來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)答的移動(dòng)，就是xml 一個(gè)位置，java 代碼在寫(xiě)一個(gè)位置

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 的位置

點(diǎn)擊button 移動(dòng)之后的位置

官方文檔參考連接

其他的布局

HarmonyOS UI開(kāi)發(fā) TableLayout(表格布局) 的使用

HarmonyOS UI開(kāi)發(fā) AdaptiveBoxLayout(自適應(yīng)盒子布局) 的使用

HarmonyOS UI開(kāi)發(fā) StackLayout(堆棧布局) 的使用

HarmonyOS UI開(kāi)發(fā) DependentLayout(依賴布局) 的使用

HarmonyOS UI開(kāi)發(fā) DirectionalLayout(定向布局) 的使用

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。