鴻蒙注冊(cè)登錄頁(yè)面的實(shí)現(xiàn)步驟
注冊(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瀏覽量
70142 -
HarmonyOS
+關(guān)注
關(guān)注
80文章
2157瀏覽量
36321
原文標(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)先 登錄
小藝開放平臺(tái)快速創(chuàng)建鴻蒙智能體
申請(qǐng)指定設(shè)備發(fā)布Profile
刪除公鑰指紋
以龍企招為例，淺談鴻蒙應(yīng)用開發(fā)者激勵(lì)計(jì)劃 2025 參與心得
知乎開源“智能預(yù)渲染框架” 幾行代碼實(shí)現(xiàn)鴻蒙應(yīng)用頁(yè)面“秒開”
Web頁(yè)面白屏問題的排查步驟和解決方法
IG502的LAN口無(wú)法登錄路由器配置頁(yè)面怎么解決？
【HarmonyOS 5】鴻蒙頁(yè)面和組件生命周期函數(shù)
鴻蒙NEXT-鴻蒙三層架構(gòu)搭建，嵌入HMRouter，實(shí)現(xiàn)便捷跳轉(zhuǎn)，新手攻略。（1/3）
評(píng)論