Android studio 如何設計一個較為好看的使用者名稱,密碼輸入框
Android studio 如何設計一個較為好看的使用者名稱,密碼輸入框
大家好,今天是我第一次寫部落格,寫部落格的各種功能還用的不熟,請大家多多見諒,請大家多多批評
相當於一個註冊頁面
----------<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/register_bg"
android:orientation="vertical" >
<include layout="@layout/main_title_bar" />
<ImageView
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="25dp"
android:src="@drawable/default_icon" />
<EditText
android:id="@+id/et_user_name"
android:layout_width="fill_parent"
android:layout_height="48dp"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="35dp"
android:layout_marginRight="35dp"
android:layout_marginTop="35dp"
android:background="@drawable/bg"
android:drawableLeft="@drawable/user_name_icon"
android:drawablePadding="10dp"
android:gravity="center_vertical"
android:hint="請輸入使用者名稱"
android:paddingLeft="8dp"
android:singleLine="true"
android:textColor="#000000"
android:textColorHint="#a3a3a3"
android:textSize="14sp" />
<EditText
android:id="@+id/et_psw"
android:layout_width="fill_parent"
android:layout_height="48dp"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="35dp"
android:layout_marginRight="35dp"
android:background="@drawable/bg"
android:drawableLeft="@drawable/psw_icon"
android:drawablePadding="10dp"
android:hint="請輸入密碼"
android:inputType="textPassword"
android:paddingLeft="8dp"
android:singleLine="true"
android:textColor="#000000"
android:textColorHint="#a3a3a3"
android:textSize="14sp" />
<EditText
android:id="@+id/et_psw_again"
android:layout_width="fill_parent"
android:layout_height="48dp"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="35dp"
android:layout_marginRight="35dp"
android:background="@drawable/bg"
android:drawableLeft="@drawable/psw_icon"
android:drawablePadding="10dp"
android:hint="請再次輸入密碼"
android:inputType="textPassword"
android:paddingLeft="8dp"
android:singleLine="true"
android:textColor="#000000"
android:textColorHint="#a3a3a3"
android:textSize="14sp" />
<Button
android:id="@+id/btn_register"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="35dp"
android:layout_marginRight="35dp"
android:layout_marginTop="15dp"
android:text="注 冊"
android:textColor="@android:color/white"
android:textSize="18sp" />
</LinearLayout>---------
main_title_bar的佈局檔案(其實是標題欄上面帶返回箭頭的佈局頁面的實現,也可以不用寫)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/title_bar"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/transparent" >
<TextView
android:id="@+id/tv_back"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:background="@drawable/go_back_selector" />
<TextView
android:id="@+id/tv_main_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:textSize="20sp"
android:layout_centerInParent="true"
/>
<TextView
android:id="@+id/tv_save"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:layout_marginTop="10dp"
android:layout_marginRight="20dp"
android:layout_centerVertical="true"
android:gravity="center"
android:textSize="16sp"
android:textColor="@android:color/white"
android:text="儲存"
android:visibility="gone"
/>
</RelativeLayout>
註冊頁面需要的圖片
default_icon:
user_name_icon:
psw_icon:
bg:
執行的介面
其實對於文字框設計有一些建議,是首先給文字框加一個背景,其次可以用drawableLeft給文字框左設定圖,調整顏色,大小 ,可以用drawablePadding
調整圖片的位置,讓他們看起來好看點。
第一次寫部落格還是有點緊張的,希望各位哥 姐 大佬們提出不足,讓我看到自己的缺點,下次改正,讓我們共同進步。謝謝大家了
相關文章
- 使用者名稱和密碼輸入練習密碼
- input 密碼輸入框如何定位,並且輸入密碼呢?密碼
- Flutter 密碼輸入框 驗證碼輸入框Flutter密碼
- 寫一個密碼預設星號,但可以檢視密碼的輸入框密碼
- Dockerfile 中RUN互動需要輸入 使用者名稱和密碼Docker密碼
- 設定代理後開啟應用老是彈出提示框要輸入使用者名稱和密碼的問題。密碼
- Git中git pull/push 老是重複輸入使用者名稱密碼Git密碼
- 直播app原始碼,輸入密碼和使用者名稱呼叫開發者工具APP原始碼密碼
- 根據教程中,輸錯密碼或使用者名稱後,卻不能返回‘使用者名稱或密碼錯誤’密碼
- 關於登入(使用者名稱,密碼,驗證碼)密碼
- Java 程式碼本地設定Hadoop使用者名稱密碼JavaHadoop密碼
- app直播原始碼,android實現帶下劃線的密碼輸入框APP原始碼Android密碼
- 那個程式設計師說一個輸入框要做一週程式設計師
- Ubuntu 安裝 MySQL5.7 沒有提示 輸入使用者名稱密碼的解決方法UbuntuMySql密碼
- git 使用者名稱密碼相關Git密碼
- 為何Oracle Database 12R2輸入正確的使用者名稱密碼口令驗證依然不能透過?OracleDatabase密碼
- SQLServer刪除登入記錄使用者名稱和密碼SQLServer密碼
- Windows安全中心彈窗要求輸入憑據(使用者名稱和密碼)的解決辦法Windows密碼
- 公司網站使用者名稱密碼修改?網站密碼
- 線上直播原始碼,完整登陸頁面的全部資訊(包括使用者名稱、輸入密碼等)原始碼密碼
- 織夢使用者名稱密碼?織夢提示你的密碼錯誤密碼
- Flutter實現一個較好看的計算器Flutter
- ubuntu1804點選桌面無任何反應假死,但可以輸入使用者名稱密碼Ubuntu密碼
- 從一次輸入框無法輸入的bug,談如何限制輸入框輸入型別型別
- Android自定義方形驗證碼輸入框Android
- 資料庫使用者名稱和密碼錯誤:如何解決?資料庫密碼
- linux中記錄GIT使用者名稱密碼的方法LinuxGit密碼
- 根據使用者名稱和密碼查詢使用者密碼
- win10系統遠端桌面如何輸入計算機名和使用者名稱賬號Win10計算機
- docker 建立私有倉庫,並且設定使用者名稱和密碼Docker密碼
- iOS開發使用UIKeyInput自定義密碼輸入框iOSUI密碼
- 建立一個日期 + 字元的使用者名稱字元
- Bootstrap 支援的一個特性—輸入框組boot
- Mac設定使用者自動登入無需輸入密碼的方法Mac密碼
- 如何把 Laravel 預設郵箱登入改成使用者名稱登入Laravel
- Win10 2004系統怎麼恢復“要使用本計算機,使用者必須輸入使用者名稱和密碼”選項Win10計算機密碼
- win10系統svn使用者名稱密碼怎樣更改_win10 svn更換使用者名稱密碼操作方法Win10密碼
- 用Servlet進行使用者名稱和密碼校驗Servlet密碼