登入頁面(記住密碼)
阿新 • • 發佈:2019-01-09
今天我們來學習製作簡單的登入介面,如圖所示要求判斷輸入的賬號和密碼與設定的字串相等時將賬號和密碼存入檔案中。
一、建立佈局檔案:activity_login.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns: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.edn.bzu.case_login.LoginActivity">
<include layout="@layout/login_top"></include>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@drawable/deer"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="28dp"
android:layout_marginEnd="28dp"
android:layout_marginBottom="16dp"
android:id="@+id/imageView" />
</RelativeLayout>
這個佈局檔案中並沒有對相應的控制元件進行設定,這個頁面主要完成背景和樣式然後將其他頁面載入到此頁面中。
android:background=”@drawable/loginbg”引用了自己設定的背景 loginbg.xml如下
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFACDAE5"
android:endColor="#FF72CAE1"
android:angle="45"
/>
</shape>
注意:<include layout="@layout/login_top"></include>
的作用時將login_top.xml載入到該佈局檔案中。
二、建立佈局檔案:login_top.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/logintop_roundbg"
android:padding="@dimen/activity_horizontal_margin">
<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: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:hint="@string/etPass"
>
<requestFocus/>
</EditText>
<LinearLayout
android:layout_below="@id/etPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<CheckBox
android:id="@+id/cbIsRememberPass"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="記住密碼"
android:textSize="20sp"/>
<Button
android:id="@+id/button"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/btn_select"
android:text="@string/btnLogin"
android:onClick="login"/>
</LinearLayout>
</RelativeLayout>
這個佈局檔案主要設定了控制元件,控制元件添加了自己的樣式相應的佈局檔案(從上到下)
(1).logintop_roundbg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<corners android:radius="10dp"></corners>
<solid android:color="#55FFFFFF"></solid>
</shape>
(2).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>
三、編輯輸入的資訊正確然後跳轉的佈局檔案:activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns: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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="cn.edn.bzu.case_login.MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Welcome you"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textSize="40sp"/>
</RelativeLayout>
四、在LoginActivity中進行相應的操作
package cn.edn.bzu.case_login;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.ShareActionProvider;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.Toast;
public class LoginActivity extends AppCompatActivity {
private EditText etName;
private EditText etPassword;
private CheckBox cbIsRememberPass;
private SharedPreferences sharedPreferences;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
initViews();
sharedPreferences=getSharedPreferences("rememberpassword", Context.MODE_PRIVATE);
boolean isRemember= sharedPreferences.getBoolean("rememberpassword",false);
if(isRemember)
{
String name=sharedPreferences.getString("name","");
String password=sharedPreferences.getString("password","");
etName.setText(name);
etPassword.setText(password);
cbIsRememberPass.setChecked(true);
}
}
private void initViews()
{
etName= (EditText) findViewById(R.id.etName);
etPassword= (EditText) findViewById(R.id.etPassword);
cbIsRememberPass= (CheckBox) findViewById(R.id.cbIsRememberPass);
}
public void login(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("rememberpassword",true);
editor.putString("name",name);
editor.putString("password",password);
}
else
{
editor.clear();
}
editor.commit();
Intent intent=new Intent(this,MainActivity.class);
startActivity(intent);
finish();
}else
{
Toast.makeText(this,"賬號或密碼有誤",Toast.LENGTH_LONG).show();
}
}
}
五、登入成功跳轉到MainActivity
package cn.edn.bzu.case_login;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
六、開啟虛擬機器的Android Device Monitor
找到相應的檔案所在的位置然後匯出
你會看到下圖表明你成功了》》》》》》》》》
注意:由於安全需要從安卓4.4 的版本後都加入了保護機制,相應的檔案不能開啟因此無法檢視檔案。因此建議使用一個安卓4.4的虛擬機器進行檢視