注冊(cè)登錄頁(yè)面
設(shè)置的要求如下:
上面的數(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文章
2638瀏覽量
66593 -
HarmonyOS
+關(guān)注
關(guān)注
79文章
1982瀏覽量
30422
原文標(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)先 登錄
相關(guān)推薦
評(píng)論