1. 程式人生 > >Android開發——EditText編輯框設計一個登入頁面

Android開發——EditText編輯框設計一個登入頁面

廢話不多說,首先我們列舉一下EditText的常用屬性和各屬性的用法,要會用一個新的東西首先你就需要了解他,當我們對它的熟悉程度到了,那麼我們便能像庖丁解牛一樣,把它應用的得心應手。

android:layout_gravity     設定控制元件顯示的位置:預設top
android:hint     設定顯示在空間上的提示資訊
android:numeric     設定數字輸入格式,integer只能輸入整數,decimal只能輸入小數
android:singleLine 設定單行輸入,一旦設定為true,則文字不會自動換行
android:password 設定輸入為密碼
android:capitalize 以大寫字母寫
android:textColorHighlight 被選中文字的底色,預設為藍色
android:textScaleX 控制字與字之間的間距
android:typeface 字型,normal, sans, serif, monospace
  好,接下來我們新建個專案,用EditText來做一個登入的介面。具體實現就不多說了先上來效果圖。


簡單的功能就完成了,但是各位有沒有注意到Button裡面的英文字母變成大寫的了?在新建專案時的預設主題是android:theme="@style/AppTheme"的問題,刪掉主題,或者設定Button時加上android:textAllCaps="false"就行,好吧,貼上我們的程式碼

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#3B3B3B"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.edittext.MainActivity" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="60dp"
        android:src="@drawable/logo" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView1"
        android:layout_centerHorizontal="true"
        android:text="Sign in"
        android:textColor="#F5F5F5"/>
    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="50dp"
        android:hint="Username or Email"
        android:background="#FFFFFF"/>
    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_below="@+id/editText1"
        android:layout_marginTop="20dp"
        android:password="true"
        android:hint="Password"
        android:background="#FFFFFF"/>

	<Button
	    android:id="@+id/button1"
	    android:layout_width="135dp"
	    android:layout_height="wrap_content"
	    android:layout_alignParentLeft="true"
	    android:layout_below="@+id/editText2"
	    android:layout_marginTop="20dp"
	    android:text="Sign in"
	    android:textAllCaps="false"
	    android:background="#EE3A8C"/>

	<Button
	    android:id="@+id/butto2"
	    android:layout_width="135dp"
	    android:layout_height="wrap_content"
	    android:layout_below="@+id/editText2"
	    android:layout_marginTop="20dp"
	    android:layout_alignParentRight="true"
	    android:text="Twitter"
	    android:textAllCaps="false"
	    android:background="#5CACEE"/>
	<ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/butto2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="75dp"
        android:src="@drawable/box" />
	<TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView2"
        android:layout_centerHorizontal="true"
        android:text="Forgot Password?"
        android:textColor="#F5F5F5"/>
</RelativeLayout>

今天的android學習時間結束,該學習Java了!