Android UI登录界面案例

标签：

//布局管理代码

<LinearLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity" >
  <!--android:orientation="vertical"  是让其界面垂直      应用线性界面 -->
 
  <!--QQ把界面需要的信息给写出来  -->
    <TextView
        android:id="@+id/tv_number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="QQ账号"
        
        />
    
    
    <!--  android:hint="QQ号/手机号/邮箱"   其中hint是输入内容时让其提示内容隐藏起来 -->
    <EditText
        android:id="@+id/et_number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="QQ号/手机号/邮箱"
        android:layout_below="@+id/tv_number"
        
        />
    
    <TextView
        android:id="@+id/tv_pwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="QQ密码"
        
        />
    
    <!--  android:password="true"   其中password是让输入密码的时候隐藏成*号，保证内容安全
          true是同意隐藏密码，false是不同意隐藏密码
      -->
    <EditText
        android:id="@+id/et_pwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:password="true"
        android:hint="密码"
        />
    
    <!--切换成相对界面      -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         >
       <!-- CheckBox 是一个勾选框 提示是否记住密码  -->
       <CheckBox
        android:id="@+id/cb_cb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="记住用户名和密码"
           />
       
       <!--是一个登录按钮      android:onClick="click"是在调用方法的时候直接使用按钮的第四种方式
          android:layout_width="100dp"让登录按钮框变大
          android:layout_marginLeft="60dp"  Button像右移60dp,是让Button和CheckBox保持60dp的距离
       -->
        <Button
        android:onClick="click"
        android:layout_width="100dp"
        android:layout_marginLeft="60dp"
        android:layout_height="wrap_content"
        android:text="登录"
        android:layout_toRightOf="@+id/cb_cb"
        
            />
        
        
    </RelativeLayout>

</LinearLayout>

MainActivity中代码

<LinearLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity" >
  <!--android:orientation="vertical"  是让其界面垂直      应用线性界面 -->
 
  <!--QQ把界面需要的信息给写出来  -->
    <TextView
        android:id="@+id/tv_number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="QQ账号"
        
        />
    
    
    <!--  android:hint="QQ号/手机号/邮箱"   其中hint是输入内容时让其提示内容隐藏起来 -->
    <EditText
        android:id="@+id/et_number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="QQ号/手机号/邮箱"
        android:layout_below="@+id/tv_number"
        
        />
    
    <TextView
        android:id="@+id/tv_pwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="QQ密码"
        
        />
    
    <!--  android:password="true"   其中password是让输入密码的时候隐藏成*号，保证内容安全
          true是同意隐藏密码，false是不同意隐藏密码
      -->
    <EditText
        android:id="@+id/et_pwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:password="true"
        android:hint="密码"
        />
    
    <!--切换成相对界面      -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         >
       <!-- CheckBox 是一个勾选框 提示是否记住密码  -->
       <CheckBox
        android:id="@+id/cb_cb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="记住用户名和密码"
           />
       
       <!--是一个登录按钮      android:onClick="click"是在调用方法的时候直接使用按钮的第四种方式
          android:layout_width="100dp"让登录按钮框变大
          android:layout_marginLeft="60dp"  Button像右移60dp,是让Button和CheckBox保持60dp的距离
       -->
        <Button
        android:onClick="click"
        android:layout_width="100dp"
        android:layout_marginLeft="60dp"
        android:layout_height="wrap_content"
        android:text="登录"
        android:layout_toRightOf="@+id/cb_cb"
        
            />           
    </RelativeLayout>

</LinearLayout>

效果图：

Android UI登录界面案例

标签：

原文地址：http://www.cnblogs.com/1445579000wang/p/5520735.html