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密碼
- 直播app原始碼,輸入密碼和使用者名稱呼叫開發者工具APP原始碼密碼
- Dockerfile 中RUN互動需要輸入 使用者名稱和密碼Docker密碼
- 設定代理後開啟應用老是彈出提示框要輸入使用者名稱和密碼的問題。密碼
- 在程式前加一個密碼輸入框的過程!密碼
- windows連線代理伺服器,總是彈出輸入使用者名稱和密碼的框的問題Windows伺服器密碼
- Git中git pull/push 老是重複輸入使用者名稱密碼Git密碼
- 網站一開啟就顯示windows安全,輸入使用者名稱和密碼網站Windows密碼
- tomcat設定使用者名稱密碼Tomcat密碼
- 根據教程中,輸錯密碼或使用者名稱後,卻不能返回‘使用者名稱或密碼錯誤’密碼
- Oracle10g 輸入使用者名稱稱10次密碼錯誤,使用者會鎖定Oracle密碼
- win8系統如何取消使用者名稱密碼登入密碼
- 關於登入(使用者名稱,密碼,驗證碼)密碼
- JavaScript驗證使用者名稱密碼是否為空JavaScript密碼
- SQL SERVER 使用者名稱、密碼登入判斷SQLServer密碼
- 更改MYSQL使用者名稱密碼MySql密碼
- js驗證使用者名稱和密碼為空程式碼JS密碼
- 【轉】win7如何設定共享目錄,並且訪問不需要輸入使用者名稱和密碼。Win7密碼
- 那個程式設計師說一個輸入框要做一週程式設計師
- js 驗證使用者名稱和密碼是否為空JS密碼
- 從螢幕上讀入使用者名稱和密碼密碼
- 線上直播原始碼,完整登陸頁面的全部資訊(包括使用者名稱、輸入密碼等)原始碼密碼
- Ubuntu 安裝 MySQL5.7 沒有提示 輸入使用者名稱密碼的解決方法UbuntuMySql密碼
- 解決莫名其妙的開啟網站需要輸入使用者名稱密碼網站密碼
- android自定義仿微信、支付寶 密碼輸入框Android密碼
- Java 程式碼本地設定Hadoop使用者名稱密碼JavaHadoop密碼
- git 使用者名稱密碼相關Git密碼
- 隱藏域 使用者名稱密碼密碼
- tortoiseGIT儲存使用者名稱密碼Git密碼
- 為何Oracle Database 12R2輸入正確的使用者名稱密碼口令驗證依然不能透過?OracleDatabase密碼
- 為設定密碼的電腦省去輸入密碼的麻煩!密碼
- dlink預設使用者名稱密碼是什麼密碼
- 設定PL/SQL Developer記住使用者名稱密碼SQLDeveloper密碼
- 修改oracle中的使用者名稱和密碼Oracle密碼
- VMWare Server 2.0 的使用者名稱和密碼Server密碼
- SQLServer刪除登入記錄使用者名稱和密碼SQLServer密碼