实战1 walker登录页面的实现

来源：互联网发布：手机用数据会出400bad 编辑：程序博客网时间：2024/05/02 04:25

因为这次只是做一个简单的登录页面的设计，因此我这里只粘贴了布局文件：

1、页面效果图：

2、drawable文件夹下的布局文件：

（1）btn_select.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/btn_shape" android:state_pressed="false"/>    <item android:drawable="@drawable/btn_shape_after" android:state_pressed="true"/></selector>

（2）btn_shape_after.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <solid android:color="#87cefa" />    <corners android:radius="10dp" /></shape>

（3）btn_shape.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <solid android:color="#FF72CAE1" />    <corners android:radius="10dp" /></shape>

（4）loginbg.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <solid android:color="#8470FF" /></shape>

（5）loginbgnew.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <solid android:color="#8470FF" />    <corners android:radius="10dp" /></shape>

（6）logintopbg_roundcorner.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <solid android:color="#55D1EEEE" />    <corners android:radius="10dp" /></shape>

3、layout文件夹下：

（1）activity_login.xml

<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="@drawable/loginbg"    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=".LoginActivity" >    <include        android:id="@+id/include1"        layout="@layout/login_top" />    <TextView        android:id="@+id/tvForgetPass"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignRight="@+id/include1"        android:layout_below="@+id/include1"        android:layout_marginRight="16dp"        android:layout_marginTop="23dp"        android:text="@string/tvForgetpass"        android:textAppearance="?android:attr/textAppearanceMedium" />    <ImageView        android:id="@+id/imageView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_alignRight="@+id/include1"        android:layout_marginBottom="20dp"        android:src="@drawable/loginview" /></RelativeLayout>

（2）login_top.xml

<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="wrap_content"    android:background="@drawable/logintopbg_roundcorner"    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=".LoginTopActivity" >    <EditText        android:id="@+id/etName"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@android:drawable/edit_text"        android:drawableLeft="@drawable/name"        android:ems="10"        android:hint="请输入账号"        android:inputType="text" >        <requestFocus />    </EditText>    <EditText        android:id="@+id/etPassword"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_below="@+id/etName"        android:layout_marginTop="10dp"        android:background="@android:drawable/edit_text"        android:drawableLeft="@drawable/suo"        android:ems="10"        android:hint="请输入密码"        android:inputType="textPassword" />    <TableRow        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_below="@+id/etPassword" >        <Button            android:id="@+id/btnLogin"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignBottom="@+id/etPassword"            android:layout_toLeftOf="@+id/btnExit"            android:layout_weight="1"            android:background="@drawable/loginbgnew"            android:layout_marginTop="10dp"            android:layout_marginRight="5dp"            android:text="登录" />        <Button            android:id="@+id/btnExit"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignLeft="@+id/etPassword"            android:layout_below="@+id/etPassword"            android:layout_weight="1"            android:background="@drawable/loginbgnew"            android:layout_marginTop="10dp"            android:layout_marginLeft="5dp"            android:text="注册" />    </TableRow></RelativeLayout>

0 0