Android应用开发系列（二）登陆界面

来源：互联网发布：小q书桌类似软件编辑：程序博客网时间：2024/06/05 07:27

实际上登陆界面写起来也是非常简单的，只是有些人做的丑一些，有些人做的好看一些，虽然我们都是程序员，但是也要多多少少的带一点美工的情怀，下面就展示一下我做的带有一点小清新风格的登陆界面，废话不多说先上图：
这里写图片描述
有木有小清新`(∩_∩)′，其实实现起来也不难只要耐心调就可以了。
首先定义activity_login.xml

<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:orientation="vertical"    android:background="#f6f6f6"    android:focusable="true"     android:focusableInTouchMode="true"      >    <ImageView        android:id="@+id/id_imgview"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:src="@drawable/location"        android:paddingTop="60dp"        android:paddingBottom="60dp"        />    <LinearLayout        android:id="@+id/linearlay1"         android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:paddingBottom="40dp"        >        <ImageView             android:id="@+id/userimg"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:paddingLeft="15dp"            android:src="@drawable/user"            />        <EditText             android:id="@+id/username"            android:layout_width="300dp"            android:layout_height="wrap_content"           android:paddingLeft="20dp"             android:hint="用户名"            />    </LinearLayout>    <LinearLayout        android:id="@+id/linearlay2"         android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:paddingBottom="80dp"        >          <ImageView             android:id="@+id/passwordimg"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:paddingLeft="15dp"            android:src="@drawable/lock"            />          <EditText            android:id="@+id/password"            android:layout_width="300dp"            android:layout_height="wrap_content"            android:hint="密码"            android:paddingLeft="20dp"            android:inputType="textPassword" >        </EditText>    </LinearLayout>    <Button       android:id="@+id/id_btn"        android:layout_width="300dp"       android:layout_height="40dp"       android:layout_gravity="center_horizontal"       android:background="@drawable/selector"       android:text="注册"       android:textSize="15sp"       android:textColor="#ffffff"        />    <TextView         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Before login,please register first^_^"        android:textColor="#8f111111"        android:layout_gravity="center_horizontal"        android:textSize="15sp"        android:paddingTop="150dp"        /></LinearLayout>

然后定义LoginAcitvity.java

package com.ph.mybdmap;import com.ph.mybdmap.MainActivity;import com.ph.mybdmap.R;import android.app.Activity;import android.content.Intent;import android.content.SharedPreferences;import android.content.SharedPreferences.Editor;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.View.OnClickListener;import android.view.Window;import android.widget.Button;import android.widget.EditText;import android.widget.Toast;public class LoginActivity extends Activity{    private EditText username;    private EditText password;    private Button   mButton;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_login);        username=(EditText) findViewById(R.id.username);        password=(EditText) findViewById(R.id.password);        mButton=(Button) findViewById(R.id.id_btn);        mButton.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                String un=username.getText().toString().trim();                String pw=password.getText().toString().trim();                SharedPreferences mSharedPreferences=getSharedPreferences("login", Activity.MODE_PRIVATE);                Editor editor=mSharedPreferences.edit();                System .out.println(":"+un+":"+pw);                if("".equalsIgnoreCase(un)||"".equalsIgnoreCase(pw))                {                    Toast.makeText(LoginActivity.this, "用户名和密码不能为空", Toast.LENGTH_LONG).show();                }else                {                    editor.putString("user", un);                    editor.putString("pawo", pw);                    editor.commit();                    Intent intent=new Intent(LoginActivity.this,MainActivity.class);                    startActivity(intent);                }            }        });    }}

在这里我通过sharedpreference来存储用户名和密码信息，在前一讲里面的splash引导里面使用，然后通过intent跳转到mianActivity.
最后别忘了由于login是一个activity组件，需要在Androidmanifest.xml
里面注册

<activity            android:name=".LoginActivity"            android:label="@string/app_name"            >

好了，一个小而美的登陆界面就写完了，童鞋们可以将里面的照片，文字替换成自己的直接用，也可以到http://download.csdn.net/detail/u014354193/9188191下载源码，由于上传的是一个完整的应用，login只是其中的一小部分，找起来比较麻烦，所以辛苦大家了O(∩_∩)O

1 0