用一段描述讓ChatGPT幫你寫UI code
「SwiftUI」 or 「Android + java + XML」or 「HTML + CSS」等程式語言都可替換
(1)
幫我用SwiftUI產生一個app登入頁面,頁面要能讓使用者輸入帳號和登入密碼,並有一個login按鈕讓使用者點擊登入。且輸入帳號和登入密碼UI與頁面邊緣的左右間距為20。login按鈕和頁面邊界的左右間距為20。登入密碼UI與頁面底部邊界距離100。輸入帳號上方,有一個300×300的圖片,該圖片與頁面上方邊界距離20且水平置中,且圖片與輸入帳號UI垂直間距20。
(2)
幫我用Android + java + XML產生一個app頁面,頁面有一個內嵌網頁,內嵌網頁與頁面邊界頂端距離22,內嵌網頁和頁面邊界的左右間距為40,和頁面底邊距離200。另外有兩個按鈕,一個是Accept,一個是Cancel。兩個按鈕的大小皆為120×60。Accept按鈕的文字是「Accept」,其與頁面左邊界距離40、頁面下邊界距離50,Accept按鈕背景顏色是0xF2F5FA,文字顏色是0x0053B5。Cancel按鈕與頁面右邊界距離40,Cancel按鈕與頁面下邊界距離50,Cancel按鈕背景顏色是0xFFFFFF,邊框大小為2,邊框顏色為0xF2F5FA,文字顏色是0x8EA7D6。
(3)
幫我用Android + java + XML產生一個app頁面,頁面有一個圖片,圖片大小是230×230,圖片與頁面邊界頂端距離72,圖片水平置中。另外有一個輸入欄位讓使用者輸入ID,輸入欄位高度為50,輸入欄位的上邊在頁面上方邊界距離500且與頁面左右間距皆為30。輸入欄位下方有一串文字,文字是「Enter your ID to activate share function」,文字顏色是0x9698AA,其寬度與輸入欄位相同。還有一個分享按鈕,這個按鈕的大小為208×40,這個按鈕水平置中,且這個按鈕的底邊與頁面底邊距離88。Accept按鈕背景顏色是0xF2F5FA,文字顏色是0x0053B5。