登录界面的设计

来源:互联网 发布:origin8怎么数据拟合 编辑:程序博客网 时间:2024/05/17 21:28

编辑登录界面:

<?xml version="1.0"encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:padding="@dimen/activity_horizontal_margin"    android:background="@drawable/logintop_roundbg">

 

    <EditText        android:id="@+id/etName"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:ems="10"        android:background="@android:drawable/edit_text"        android:drawableLeft="@drawable/icon_user"        android:drawablePadding="10dp"        android:hint="@string/etName">

    <requestFocus/>

    </EditText>

    <EditText        android:id="@+id/etPassword"        android:layout_below="@id/etName"        android:inputType="textPassword"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:ems="10"        android:background="@android:drawable/edit_text"        android:drawableLeft="@drawable/icon_pass"        android:drawablePadding="10dp"        android:hint="@string/etPass">

        <requestFocus/>

    </EditText>

    <LinearLayout        android:layout_below="@id/etPassword"        android:layout_width="match_parent"        android:layout_height="wrap_content">

 

        <CheckBox            android:text="记住密码"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:id="@+id/cbIsRememberPass"            android:textSize="20sp"            android:layout_weight="1"/>

 />

        <Button            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="@drawable/btn_select"            android:onClick="login"            android:text="登录"/>

    </LinearLayout>

 

</RelativeLayout>

 

          

 

 


 

将输入的账号密码保存:

 

<?xml version="1.0"encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_login"    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:background="@drawable/loginbg"    tools:context="cn.edu.bzu.a01.LoginActivity">

 

 <includelayout="@layout/login_top"></include>

 

 <ImageView     android:layout_width="wrap_content"     android:layout_height="wrap_content"     app:srcCompat="@drawable/deer"     android:id="@+id/imageView"     android:layout_alignParentBottom="true"     android:layout_alignParentRight="true"     android:layout_alignParentEnd="true"     android:layout_marginRight="12dp"     android:layout_marginEnd="12dp"     android:layout_marginBottom="32dp"/>

 

</RelativeLayout>

 

JAVA 下Activity中编写:

packagecn.edu.bzu.a01;

importandroid.content.Context;importandroid.content.Intent;importandroid.content.SharedPreferences;importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;importandroid.view.View;importandroid.widget.CheckBox;importandroid.widget.EditText;importandroid.widget.Toast;

public classLoginActivity extendsAppCompatActivity {

    privateEditText etName;

    privateEditText etPassword;

    privateCheckBox cbIsRememberPass;

    privateSharedPreferences sharedPreferences;

 

    @Override    protected voidonCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_login);

 

        initView();

        sharedPreferences=getSharedPreferences("data", Context.MODE_PRIVATE);

        booleanisRemember=sharedPreferences.getBoolean("remamberpassword",false);

        if(isRemember){

            String name=sharedPreferences.getString("name","");

            String password=sharedPreferences.getString("password","");

            etName.setText(name);

            etPassword.setText(password);

            cbIsRememberPass.setChecked(true);

        }

 

    }

 

    private voidinitView() {

        etName= (EditText) findViewById(R.id.etName);

        etPassword= (EditText) findViewById(R.id.etPassword);

        cbIsRememberPass= (CheckBox) findViewById(R.id.cbIsRememberPass);

 

    }

 

    public voidlogin(View view){

        String name=etName.getText().toString();

        String password=etPassword.getText().toString();

        if("admin".equals(name)&&"123456".equals(password)){

            SharedPreferences.Editor editor=sharedPreferences.edit();

            if(cbIsRememberPass.isChecked()){

                editor.putBoolean("remamberpassword",true);

                editor.putString("name",name);

                editor.putString("password",password);

 

            }else{

                editor.clear();

            }

               editor.commit();

            Intent intent=newIntent(this,MainActivity.class);

            startActivity(intent);

            finish();

 

        }else{

            Toast.makeText(this,"账号或密码错误", Toast.LENGTH_SHORT).show();

        }

 

    }

}

 

 

java下新建一个Activity-MainActivity文件,具体代码如下:

 

packagecn.edu.bzu.a01;

importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;

public classMainActivity extendsAppCompatActivity {

 

    @Override    protected voidonCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

 

 

 

成功登录界面:

 

   

 

layout下新建一个名为activity_main.xml的文件,具体代码如下:

 

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    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"    tools:context="cn.edu.bzu.a01.MainActivity">

 

    <TextView        android:text="Welcome you"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:layout_centerHorizontal="true"        android:textSize="40sp"        android:id="@+id/textView"/>

</RelativeLayout>

 

drawable下新建一个名为btn_select.xml的文件,具体代码如下:

<?xml version="1.0"encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android">

    <itemandroid:drawable="@drawable/btn_shape"android:state_pressed="false"></item>

    <itemandroid:drawable="@drawable/btn_shape_after"android:state_pressed="true"></item>

 

</selector>

drawable下新建一个名为btn_shape.xml的文件,具体代码如下:

 

<?xml version="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android">

<solidandroid:color="#FF72CAE1"></solid>

    <cornersandroid:radius="10dp"></corners>

</shape>

 

drawable下新建一个名为loginbg.xml的文件,具体代码如下:

<?xml version="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android">

    <gradient        android:startColor="#FFACDAE5"        android:endColor="#FF72CAE1"        android:angle="45"        />

 

</shape>

drawable下新建一个名为logintop_roundbg.xml的文件,具体代码如下:

<?xml version="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle">

    <cornersandroid:radius="10dp"></corners>

    <solidandroid:color="#55FFFFFF"></solid>

</shape>

 

values下的strings.xml文件中,具体代码如下:

<resources>

    <stringname="app_name">01</string>

    <stringname="etName">请输入账号</string>

    <stringname="etPass">请输入密码</string>

    <stringname="btnLogin">登录</string>

    <stringname="btnRegister">注册</string>

</resources>

0 0