Android登入頁面的最佳實踐

2021-07-10 04:53:15 字數 1557 閱讀 4589

在應用開發的過程中,有次ui設計的頁面讓我為難了,要求頁面如下:

左側是標題,右側是輸入框,要求標題左對齊,輸入框左右對齊,同時表單中標題字數長度不等。當時分析了常用的線性布局和相對布局之後都沒有漂亮的解決辦法。由於專案的時間要求,我只能讓每一行都用線性布局,標題設定最大長度,這樣子的缺點就是不同的手機上顯示不一樣。後來,在看郭霖大神的《第一行**》中得到了啟發,原來可以使用不常用的**布局,就容易實現多了。特此,寫篇文章記錄下這次醍醐灌頂的經歷。

使用方法嘛,就用下面的登陸介面為例說明一下。登入介面效果圖如下所示:

**如下:

<?xml version="1.0" encoding="utf-8"?>

xmlns:android=""

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

layout="@layout/include_title"/>

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:stretchcolumns="1">

android:layout_height="wrap_content"

android:text="account:"

/>

android:id="@+id/et_login_account"

android:layout_height="wrap_content"

android:hint="input your account"

/>

tablerow>

android:layout_height="wrap_content"

android:text="password:"

/>

android:id="@+id/et_login_password"

android:layout_height="wrap_content"

android:inputtype="textpassword"

android:hint="input your password"

/>

tablerow>

android:id="@+id/btn_login_login"

android:layout_height="wrap_content"

android:layout_span="2"

android:text="login" />

tablerow>

tablelayout>

linearlayout>

VUE登入頁面的開發

官方文件 npm install axios 登入 註冊import register from views register.vue import login from views login.vue 根目錄預設跳轉到login routes import cube ui import axios...

Android登入介面的實現

最近由於專案需要,寶寶好久沒搞android啦,又是因為專案需要,現在繼續弄android,哎,說多了都是淚呀,別的不用多說,先搞乙個登入介面練練手,登入介面可以說是android專案中最常用也是最基本的,如果這個都搞不定,那可以直接去跳21世紀樓啦。廢話不多說,先上效果圖 相信這種渣渣布局對很多人...

Login登入頁面的製作流程(摘要)

我的qq號 1539832180。歡迎一起討論學習。第一步 拿到設計圖,先別急著切,先分析。因為切圖不只是切圖,設計不只是設計。你得考慮四方面的因素 1.合理的切圖,語義準確,注釋明了。寫好注釋是關鍵。2.切圖的同時更要考慮程式巢狀問題。因為你切完圖的頁面是交給程式設計師的,而程式設計師是看的不是設...