注冊(cè)登錄頁(yè)面
設(shè)置的要求如下:
新建項(xiàng)目:TextApplication
上面的數(shù)值單位都是 px ,所以要轉(zhuǎn)換成 vp 和 fp
在 1920*1080 分辨率下,1px=1/3vp
P40:1080*2340 的分辨率跟上面的 1920*1080 差不多,所以就可以用1:3 的關(guān)系來(lái)轉(zhuǎn)換
有關(guān) px,vp,fp 三者的關(guān)系可以看看我之前寫的博文:https://harmonyos.51cto.com/posts/7507
快速格式化頁(yè)面對(duì)齊:Ctrl+Alt+L
ability_main:
《?xml version=“1.0” encoding=“utf-8”?》《DirectionalLayout
xmlns:ohos=“http://schemas.huawei.com/res/ohos”
ohos:height=“match_parent”
ohos:width=“match_parent”
ohos:background_element=“#F2F2F2”
ohos:orientation=“vertical”》
《Text
ohos:height=“50vp”
ohos:width=“319vp”
ohos:background_element=“#FFFFFF”
ohos:layout_alignment=“horizontal_center”
ohos:text=“請(qǐng)輸入手機(jī)號(hào)”
ohos:text_alignment=“center”
ohos:text_color=“#999999”
ohos:text_size=“17fp”
ohos:top_margin=“100vp”
/》
《Text
ohos:height=“50vp”
ohos:width=“319vp”
ohos:background_element=“#FFFFFF”
ohos:layout_alignment=“horizontal_center”
ohos:text=“請(qǐng)輸入密碼”
ohos:text_alignment=“center”
ohos:text_color=“#999999”
ohos:text_size=“17fp”
ohos:top_margin=“10vp”
/》
《Text
ohos:height=“match_content”
ohos:width=“match_content”
ohos:layout_alignment=“right”
ohos:right_margin=“20vp”
ohos:text=“忘記密碼了?”
ohos:text_color=“#979797”
ohos:text_size=“17fp”
ohos:top_margin=“13vp”/》
《Button
ohos:height=“47vp”
ohos:width=“319vp”
ohos:background_element=“#21a8fd”
ohos:layout_alignment=“horizontal_center”
ohos:text=“登錄”
ohos:text_alignment=“center”
ohos:text_color=“#FEFEFE”
ohos:text_size=“24fp”
ohos:top_margin=“77vp”
/》
《Button
ohos:height=“47vp”
ohos:width=“319vp”
ohos:background_element=“#21a8fd”
ohos:layout_alignment=“horizontal_center”
ohos:text=“注冊(cè)”
ohos:text_alignment=“center”
ohos:text_color=“#FEFEFE”
ohos:text_size=“24fp”
ohos:top_margin=“13vp”
/》《/DirectionalLayout》
運(yùn)行:
修改密碼頁(yè)面
設(shè)置的要求如下:
右擊 layout 創(chuàng)建第二個(gè)頁(yè)面:
把啟動(dòng)頁(yè)面設(shè)置為第二個(gè)頁(yè)面
second_ability:
《?xml version=“1.0” encoding=“utf-8”?》《DirectionalLayout
xmlns:ohos=“http://schemas.huawei.com/res/ohos”
ohos:height=“match_parent”
ohos:width=“match_parent”
ohos:background_element=“#F2F2F2”
ohos:orientation=“vertical”
》
《Text
ohos:height=“50vp”
ohos:width=“319vp”
ohos:background_element=“#FFFFFF”
ohos:layout_alignment=“horizontal_center”
ohos:text=“請(qǐng)輸入新密碼”
ohos:text_alignment=“center”
ohos:text_color=“#999999”
ohos:text_size=“17fp”
ohos:top_margin=“10vp”
/》
《Text
ohos:height=“50vp”
ohos:width=“319vp”
ohos:background_element=“#FFFFFF”
ohos:layout_alignment=“horizontal_center”
ohos:text=“請(qǐng)確認(rèn)新密碼”
ohos:text_alignment=“center”
ohos:text_color=“#999999”
ohos:text_size=“17fp”
ohos:top_margin=“10vp”
/》
《Button
ohos:height=“47vp”
ohos:width=“319vp”
ohos:background_element=“#21a8fd”
ohos:layout_alignment=“horizontal_center”
ohos:text=“完成”
ohos:text_alignment=“center”
ohos:text_color=“#FEFEFE”
ohos:text_size=“24vp”
ohos:top_margin=“12vp”
/》《/DirectionalLayout》
責(zé)任編輯:haq
-
鴻蒙系統(tǒng)
+關(guān)注
關(guān)注
183文章
2642瀏覽量
68026 -
HarmonyOS
+關(guān)注
關(guān)注
80文章
2118瀏覽量
32817
原文標(biāo)題:如何實(shí)現(xiàn)一個(gè)鴻蒙注冊(cè)登錄頁(yè)面?
文章出處:【微信號(hào):gh_834c4b3d87fe,微信公眾號(hào):OpenHarmony技術(shù)社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
鴻蒙NEXT-鴻蒙三層架構(gòu)搭建,嵌入HMRouter,實(shí)現(xiàn)便捷跳轉(zhuǎn),新手攻略。(1/3)

仿微信登錄頁(yè)面制作
鴻蒙Next實(shí)現(xiàn)瀑布流布局
HarmonyOS5云服務(wù)技術(shù)分享--登錄郵件功能整理
KaihongOS操作系統(tǒng):頁(yè)面的生命周期介紹
鴻蒙應(yīng)用元服務(wù)開(kāi)發(fā)-Account Kit配置登錄權(quán)限
SSH遠(yuǎn)程登錄與控制教程

DialogHub上線OpenHarmony開(kāi)源社區(qū),高效開(kāi)發(fā)鴻蒙應(yīng)用彈窗
DevEco Studio 聯(lián)合小藝接入 DeepSeek,步驟更簡(jiǎn)單開(kāi)發(fā)鴻蒙更專業(yè)
Get這個(gè)秘籍,鴻蒙原生應(yīng)用頁(yè)面滑動(dòng)絲滑無(wú)比
鴻蒙原生頁(yè)面高性能解決方案上線OpenHarmony社區(qū) 助力打造高性能原生應(yīng)用
HarmonyOS Web頁(yè)面加載的原理和優(yōu)化方法

調(diào)用云服務(wù)認(rèn)證體系
模擬登錄頁(yè),華為賬號(hào)一鍵登錄
Linux內(nèi)核中的頁(yè)面分配機(jī)制

評(píng)論