devbox
繁依Fanyi0
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android Studio初学者实例：SharedPreferences 登录/注册模块实现_android studio 登录注册页面

作者：繁依Fanyi0 | 2024-05-05 03:22:57

赞

踩

android studio 登录注册页面

该实验是紧接上一期使用SP登录、记住密码的实验，主要实现是除了上次登陆以外，登录以后在主界面有一系列假数据，可以通过右上角进行排序选择，以下是实验效果：

 示例：好友名排序效果

首先是登陆界面以及逻辑代码，在逻辑代码中实现记住密码（勾选选择框后）

activity_login3.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:background="#E6E6E6"
  7.     android:orientation="vertical"
  8.     android:padding="10dp">
  9.  
  10.     <LinearLayout
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:layout_marginTop="15dp"
  14.         android:background="@android:color/white"
  15.         android:orientation="horizontal">
  16.         <TextView
  17.             android:layout_width="wrap_content"
  18.             android:layout_height="wrap_content"
  19.             android:padding="10dp"
  20.             android:text="账号:"
  21.             android:textColor="#000"
  22.             android:textSize="20sp" />
  23.         <EditText
  24.  
  25.             android:id="@+id/et_account"
  26.             android:layout_width="match_parent"
  27.             android:layout_height="wrap_content"
  28.             android:layout_marginLeft="5dp"
  29.             android:background="@null"
  30.             android:padding="10dp" />
  31.     </LinearLayout>
  32.     <LinearLayout
  33.         android:layout_width="match_parent"
  34.         android:layout_height="wrap_content"
  35.         android:layout_marginTop="10dp"
  36.         android:background="@android:color/white"
  37.         android:orientation="horizontal">
  38.         <TextView
  39.             android:id="@+id/tv_password"
  40.             android:layout_width="wrap_content"
  41.             android:layout_height="wrap_content"
  42.             android:padding="10dp"
  43.             android:text="密码:"
  44.             android:textColor="#000"
  45.             android:textSize="20sp" />
  46.  
  47.         <EditText
  48.             android:id="@+id/et_password"
  49.             android:layout_width="match_parent"
  50.             android:layout_height="wrap_content"
  51.             android:layout_marginLeft="5dp"
  52.             android:background="@null"
  53.             android:inputType="textPassword"
  54.             android:padding="10dp" />
  55.     </LinearLayout>
  56.  
  57.     <CheckBox
  58.         android:layout_width="wrap_content"
  59.         android:layout_height="wrap_content"
  60.         android:text="记住密码"
  61.         android:id="@+id/cb"/>
  62.     <LinearLayout
  63.         android:layout_width="match_parent"
  64.         android:layout_height="wrap_content"
  65.         android:orientation="horizontal">
  66.         <Button
  67.             android:id="@+id/btn_login"
  68.             android:layout_weight="1"
  69.             android:layout_width="match_parent"
  70.             android:layout_height="wrap_content"
  71.             android:layout_marginTop="25dp"
  72.             android:background="#3C8DC4"
  73.             android:text="登录"
  74.             android:textColor="@android:color/white"
  75.             android:textSize="20sp" />
  76.         <Button
  77.             android:id="@+id/btn_reg"
  78.             android:layout_weight="1"
  79.             android:layout_width="match_parent"
  80.             android:layout_height="wrap_content"
  81.             android:layout_marginTop="25dp"
  82.             android:background="#3C8DC4"
  83.             android:text="注册"
  84.             android:textColor="@android:color/white"
  85.             android:textSize="20sp" />
  86.     </LinearLayout>
  87.  
  88. </LinearLayout>

 登陆成功后跳转到主界面，主界面由一个ListView和右上角抽屉Menu构成

以下是主界面的界面代码

activity_main60.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     xmlns:app="http://schemas.android.com/apk/res-auto"
  6.     android:layout_width="match_parent"
  7.     android:layout_height="match_parent"
  8.     tools:context=".MainActivity60">
  9.  
  10.   <ListView
  11.       android:layout_width="match_parent"
  12.       android:layout_height="match_parent"
  13.     android:id="@+id/lv"/>
  14.   </LinearLayout>

 因为用到了ListView，所以需要一个item的布局代码：

frin_item.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="horizontal"
  6.     android:padding="10dp">
  7.  
  8.     <ImageView
  9.         android:layout_width="50dp"
  10.         android:layout_height="50dp"
  11.         android:src="@drawable/txlogo" />
  12.  
  13.     <LinearLayout
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:orientation="vertical">
  17.  
  18.         <LinearLayout
  19.             android:layout_width="match_parent"
  20.             android:layout_height="wrap_content"
  21.             android:orientation="horizontal">
  22.  
  23.             <TextView
  24.                 android:id="@+id/id"
  25.                 android:layout_width="wrap_content"
  26.                 android:layout_height="wrap_content"
  27.                 android:layout_weight="1"
  28.                 android:text="ID:1"
  29.                 android:textSize="20dp" />
  30.  
  31.             <TextView
  32.                 android:id="@+id/name"
  33.                 android:layout_width="wrap_content"
  34.                 android:layout_height="wrap_content"
  35.                 android:layout_weight="1"
  36.                 android:text="姓名:李"
  37.                 android:textSize="20dp" />
  38.         </LinearLayout>
  39.  
  40.         <LinearLayout
  41.             android:layout_width="match_parent"
  42.             android:layout_height="wrap_content"
  43.             android:orientation="horizontal">
  44.  
  45.             <TextView
  46.                 android:id="@+id/sex"
  47.                 android:layout_width="wrap_content"
  48.                 android:layout_height="wrap_content"
  49.                 android:layout_weight="1"
  50.                 android:text="性别:女"
  51.                 android:textSize="20dp" />
  52.  
  53.             <TextView
  54.                 android:id="@+id/phone"
  55.                 android:layout_width="wrap_content"
  56.                 android:layout_height="wrap_content"
  57.                 android:layout_weight="1"
  58.                 android:text="电话:123123"
  59.                 android:textSize="20dp" />
  60.         </LinearLayout>
  61.     </LinearLayout>
  62. </LinearLayout>

 menu的代码：（在res下创建menu文件夹在文件夹中创建menu.xml）

menu.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <menu xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item
  4.         android:id="@+id/menu_order"
  5.         android:icon="@android:drawable/ic_menu_help"
  6.         android:title="排序"
  7.         />
  8. </menu>

 接下来是主界面的逻辑代码，需要处理几件事：设置好友初始化数据、设置ListView适配器以及显示数据、初始化Menu、点击Menu能够跳转到选择排序的设置界面

值得注意的是适配器采用内部类的方式写在了MainActivity60中

以下是逻辑代码：

首先是登录界面的逻辑代码（上期内容）

SharedHelper

  1. import android.content.Context;
  2. import android.content.SharedPreferences;
  3. import android.widget.Toast;
  4.  
  5. import java.util.HashMap;
  6. import java.util.Map;
  7.  
  8. public class SharedHelper {
  9.  
  10.     private Context mContext;
  11.  
  12.     public SharedHelper() {
  13.     }
  14.  
  15.     public SharedHelper(Context mContext) {
  16.         this.mContext = mContext;
  17.     }
  18.  
  19.     //定义一个保存数据的方法
  20.     public void save(String username, String passwd) {
  21.         SharedPreferences sp = mContext.getSharedPreferences("mysp", Context.MODE_PRIVATE);
  22.         SharedPreferences.Editor editor = sp.edit();
  23.         editor.putString("username", username);
  24.         editor.putString("passwd", passwd);
  25.         editor.commit();
  26.  
  27.     }
  28.  
  29.     //定义一个读取SP文件的方法
  30.     public Map<String, String> read() {
  31.         Map<String, String> data = new HashMap<String, String>();
  32.         SharedPreferences sp = mContext.getSharedPreferences("mysp", Context.MODE_PRIVATE);
  33.         data.put("username", sp.getString("username", ""));
  34.         data.put("passwd", sp.getString("passwd", ""));
  35.         return data;
  36.     }
  37. //清空SP
  38.     public void clear(){
  39.         SharedPreferences sp = mContext.getSharedPreferences("mysp", Context.MODE_PRIVATE);
  40.         SharedPreferences.Editor editor = sp.edit();
  41.         editor.clear();
  42.         editor.commit();
  43.     }
  44. }

LoginActivity

  1. import androidx.appcompat.app.AppCompatActivity;
  2.  
  3. import android.content.Intent;
  4. import android.content.SharedPreferences;
  5. import android.os.Bundle;
  6. import android.preference.PreferenceManager;
  7. import android.view.View;
  8. import android.widget.Button;
  9. import android.widget.CheckBox;
  10. import android.widget.EditText;
  11. import android.widget.Toast;
  12.  
  13. import java.util.Map;
  14.  
  15. public class LoginActivity extends AppCompatActivity {
  16.     private EditText et_account, et_password;
  17.     private Button btn_login,reg_login;
  18.     private CheckBox cb;
  19.     private SharedHelper sh;
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);
  23.         setContentView(R.layout.activity_login3);
  24.         et_account = (EditText)findViewById(R.id.et_account);
  25.         et_password = (EditText)findViewById(R.id.et_password);
  26.         cb = (CheckBox)findViewById(R.id.cb);
  27.         //判断SharedPreferences中是否保存name的值
  28.  
  29.         sh = new SharedHelper(LoginActivity.this);
  30.         Map<String, String> data = sh.read();
  31.         et_account.setText(data.get("username"));
  32.         et_password.setText(data.get("passwd"));
  33.         if(!et_account.getText().toString().isEmpty()){
  34.             cb.setChecked(true);
  35.         }
  36.  
  37.         btn_login = findViewById(R.id.btn_login);
  38.         btn_login.setOnClickListener(new View.OnClickListener() {
  39.             @Override
  40.             public void onClick(View v) {
  41.                 String username = et_account.getText().toString();
  42.                 String passwd = et_password.getText().toString();
  43.                 if (username.isEmpty() || passwd.isEmpty()) {
  44.                     Toast.makeText(LoginActivity.this, "请输入完整账号密码", Toast.LENGTH_SHORT).show();
  45.                 } else {
  46.                     if (cb.isChecked()) {
  47.                         sh.save(username, passwd);
  48.                     } else {
  49.                         sh.clear();
  50.                     }
  51.                     Toast.makeText(LoginActivity.this, "登陆成功", Toast.LENGTH_SHORT).show();
  52.                     Intent intent=new Intent(LoginActivity.this,MainActivity60.class);
  53.                     startActivity(intent);
  54.                 }
  55.  
  56.  
  57.             }
  58.         });
  59.     }
  60. }

MainActivity60

  1. import androidx.annotation.NonNull;
  2. import androidx.annotation.Nullable;
  3. import androidx.appcompat.app.AppCompatActivity;
  4.  
  5. import android.content.Intent;
  6. import android.content.SharedPreferences;
  7. import android.os.Bundle;
  8. import android.preference.PreferenceManager;
  9. import android.view.Menu;
  10. import android.view.MenuItem;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.widget.BaseAdapter;
  14. import android.widget.ListView;
  15. import android.widget.TextView;
  16.  
  17. import java.util.ArrayList;
  18. import java.util.Collections;
  19. import java.util.Comparator;
  20. import java.util.List;
  21.  
  22. public class MainActivity60 extends AppCompatActivity {
  23. List<Friend> friends=new ArrayList<>();
  24. ListView lv;
  25.     myDapter myAdapter;
  26.     @Override
  27.     protected void onCreate(Bundle savedInstanceState) {
  28.         super.onCreate(savedInstanceState);
  29.         setContentView(R.layout.activity_main60);
  30.         if(friends.size()<1){
  31.             friends.add(new Friend("1","张三","123123","男"));
  32.             friends.add(new Friend("2","李四","321","男"));
  33.             friends.add(new Friend("3","王五","43534","男"));
  34.             friends.add(new Friend("4","喜羊羊","4364","男"));
  35.             friends.add(new Friend("5","美羊羊","74568","女"));
  36.             friends.add(new Friend("6","懒羊羊","76864","男"));
  37.             friends.add(new Friend("7","沸羊羊","3234","男"));
  38.             friends.add(new Friend("8","慢羊羊","5436","男"));
  39.         }
  40.         myAdapter=new myDapter();
  41.         lv=findViewById(R.id.lv);
  42.         lv.setAdapter(myAdapter);
  43.  
  44.     }
  45.     @Override
  46.     protected void onActivityResult(int requestCode, int resultCode, @Nullable @org.jetbrains.annotations.Nullable Intent data) {
  47.         //排序
  48.         SharedPreferences pref = PreferenceManager.getDefaultSharedPreferences(this);
  49.         int sortBy = pref.getInt("sort", 1);
  50.         //创建比较器
  51.         Comparator<Friend> comparator = null;
  52.         switch(sortBy){
  53.             case 1:
  54.                 comparator = new SortById();
  55.                 break;
  56.             case 2:
  57.                 comparator = new SortByName();
  58.                 break;
  59.             case 3:
  60.                 comparator = new SortByPhone();
  61.                 break;
  62.             case 4:
  63.                 comparator = new SortBySex();
  64.                 break;
  65.         }
  66.  
  67.         Collections.sort(friends, comparator);
  68.         myAdapter.notifyDataSetChanged();
  69.         super.onActivityResult(requestCode, resultCode, data);
  70.     }
  71.  
  72.     @Override
  73.     public boolean onCreateOptionsMenu(Menu menu) {
  74.         getMenuInflater().inflate(R.menu.menu,menu);
  75.         return super.onCreateOptionsMenu(menu);
  76.     }
  77.  
  78.     @Override
  79.     public boolean onOptionsItemSelected(@NonNull MenuItem item) {
  80.         switch (item.getItemId()){
  81.             case R.id.menu_order:
  82.                 Intent intent1 = new Intent(MainActivity60.this,SettingActivity.class);
  83.                 startActivityForResult(intent1, 0);
  84.                 break;
  85.         }
  86.         return super.onOptionsItemSelected(item);
  87.     }
  88.  
  89.     class myDapter extends BaseAdapter{
  90.  
  91.         @Override
  92.         public int getCount() {
  93.             return friends.size();
  94.         }
  95.  
  96.         @Override
  97.         public Object getItem(int position) {
  98.             return friends.get(position);
  99.         }
  100.  
  101.         @Override
  102.         public long getItemId(int position) {
  103.             return position;
  104.         }
  105.  
  106.         @Override
  107.         public View getView(int position, View convertView, ViewGroup parent) {
  108.             View view=View.inflate(MainActivity60.this,R.layout.frin_item,null);
  109.             TextView id=view.findViewById(R.id.id);
  110.             TextView name=view.findViewById(R.id.name);
  111.             TextView sex=view.findViewById(R.id.sex);
  112.             TextView phone=view.findViewById(R.id.phone);
  113.             id.setText("ID:"+friends.get(position).getId());
  114.             name.setText("姓名:"+friends.get(position).getName());
  115.             sex.setText("性别:"+friends.get(position).getSex());
  116.             phone.setText("电话:"+friends.get(position).getPhone());
  117.             return view;
  118.         }
  119.     }
  120. }

 还差一个用于选择排序的Activity，界面由RadioGroup以及RadioButton构成，在逻辑代码中则是在SP中设置选择的排序并返回主界面。

activity_setting.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="wrap_content"
  7.     android:orientation="vertical"
  8.     tools:context=".SettingActivity">
  9.  
  10.     <RadioGroup
  11.         android:id="@+id/rgSortMethod"
  12.         android:layout_width="match_parent"
  13.         android:layout_height="wrap_content"
  14.         android:orientation="vertical">
  15.  
  16.         <TextView
  17.             android:layout_width="wrap_content"
  18.             android:layout_height="wrap_content"
  19.             android:text="排序方式" />
  20.  
  21.         <RadioButton
  22.             android:id="@+id/rdoSortById"
  23.             android:layout_width="match_parent"
  24.             android:layout_height="wrap_content"
  25.             android:text="按ID排序" />
  26.  
  27.         <RadioButton
  28.             android:id="@+id/rdoSortByName"
  29.             android:layout_width="match_parent"
  30.             android:layout_height="wrap_content"
  31.             android:text="按好友名字排序" />
  32.  
  33.         <RadioButton
  34.             android:id="@+id/rdoSortByPhone"
  35.             android:layout_width="match_parent"
  36.             android:layout_height="wrap_content"
  37.             android:text="按电话号码排序" />
  38.  
  39.         <RadioButton
  40.             android:id="@+id/rdoSortBySex"
  41.             android:layout_width="match_parent"
  42.             android:layout_height="wrap_content"
  43.             android:text="按性别排序" />
  44.     </RadioGroup>
  45.  
  46.     <Button
  47.         android:id="@+id/btn"
  48.         android:layout_width="match_parent"
  49.         android:layout_height="wrap_content"
  50.         android:text="确定" />
  51. </LinearLayout>

 SettingActivity

  1. import androidx.appcompat.app.AppCompatActivity;
  2.  
  3. import android.content.Intent;
  4. import android.content.SharedPreferences;
  5. import android.os.Bundle;
  6. import android.preference.PreferenceManager;
  7. import android.view.View;
  8. import android.widget.RadioGroup;
  9.  
  10. public class SettingActivity extends AppCompatActivity {
  11.     RadioGroup rgSortBy;
  12.     SharedPreferences pref;
  13.     int sortBy;
  14.  
  15.     @Override
  16.     protected void onCreate(Bundle savedInstanceState) {
  17.         super.onCreate(savedInstanceState);
  18.         setContentView(R.layout.activity_setting);
  19.         rgSortBy = (RadioGroup) findViewById(R.id.rgSortMethod);
  20.         pref = PreferenceManager.getDefaultSharedPreferences(this);
  21.          sortBy = pref.getInt("sort", 1);
  22.         switch (sortBy) {
  23.             case 1:
  24.                 rgSortBy.check(R.id.rdoSortById);
  25.                 break;
  26.             case 2:
  27.                 rgSortBy.check(R.id.rdoSortByName);
  28.                 break;
  29.             case 3:
  30.                 rgSortBy.check(R.id.rdoSortByPhone);
  31.                 break;
  32.             case 4:
  33.                 rgSortBy.check(R.id.rdoSortBySex);
  34.                 break;
  35.  
  36.         }
  37.         rgSortBy.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
  38.             @Override
  39.             public void onCheckedChanged(RadioGroup group, int checkedId) {
  40.                 switch (checkedId) {
  41.                     case R.id.rdoSortById:
  42.                         sortBy = 1;
  43.                         break;
  44.                     case R.id.rdoSortByName:
  45.                         sortBy = 2;
  46.                         break;
  47.                     case R.id.rdoSortByPhone:
  48.                         sortBy = 3;
  49.                         break;
  50.                     case R.id.rdoSortBySex:
  51.                         sortBy = 4;
  52.                         break;
  53.  
  54.                 }
  55.             }
  56.         });
  57.         findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
  58.             @Override
  59.             public void onClick(View v) {
  60.                 //保存排序方式
  61.                 pref.edit().putInt("sort", sortBy).commit();
  62.                 Intent intent = new Intent();
  63.                 Bundle bundle = new Bundle();
  64.                 bundle.putString("type", "order");
  65.                 intent.putExtras(bundle);
  66.                 intent.setClass(SettingActivity.this, MainActivity.class);
  67.                 setResult(RESULT_OK, intent);
  68.                 finish();
  69.             }
  70.         });
  71.     }
  72. }

另外，前面用到一个实体类，这里给出

Friend

  1. public class Friend {
  2.     private  String id;
  3.     private String name;
  4.     private String phone;
  5.     private String sex;
  6.  
  7.     public String getId() {
  8.         return id;
  9.     }
  10.  
  11.     public void setId(String id) {
  12.         this.id = id;
  13.     }
  14.  
  15.     public String getName() {
  16.         return name;
  17.     }
  18.  
  19.     public void setName(String name) {
  20.         this.name = name;
  21.     }
  22.  
  23.     public String getPhone() {
  24.         return phone;
  25.     }
  26.  
  27.     public void setPhone(String phone) {
  28.         this.phone = phone;
  29.     }
  30.  
  31.     public String getSex() {
  32.         return sex;
  33.     }
  34.  
  35.     public void setSex(String sex) {
  36.         this.sex = sex;
  37.     }
  38.  
  39.     public Friend(String id, String name, String phone, String sex) {
  40.         this.id = id;
  41.         this.name = name;
  42.         this.phone = phone;
  43.         this.sex = sex;
  44.     }
  45. }

还有几个比较器：（结构都大致相同的）

SortById
  1. import java.text.Collator;
  2. import java.util.Comparator;
  3. import java.util.Locale;
  4.  
  5. public class SortByName implements Comparator<Friend> {
  6.     @Override
  7.     public int compare(Friend f1, Friend f2) {
  8.         Comparator comparator = Collator.getInstance(Locale.CHINESE); //这里是中文,如果不是中文，//里面的Locale.CHINESE可以去掉
  9.         return comparator.compare(f1.getId(), f2.getId());
  10.     }
  11. }
SortByName
  1. import java.text.Collator;
  2. import java.util.Comparator;
  3. import java.util.Locale;
  4.  
  5. public class SortByName implements Comparator<Friend> {
  6.     @Override
  7.     public int compare(Friend f1, Friend f2) {
  8.         Comparator comparator = Collator.getInstance(Locale.CHINESE); //这里是中文,如果不是中文，//里面的Locale.CHINESE可以去掉
  9.         return comparator.compare(f1.getName(), f2.getName());
  10.     }
  11. }
SortByPhone
  1. import java.text.Collator;
  2. import java.util.Comparator;
  3. import java.util.Locale;
  4.  
  5. public class SortByPhone implements Comparator<Friend> {
  6.     @Override
  7.     public int compare(Friend f1, Friend f2) {
  8.         Comparator comparator = Collator.getInstance(Locale.CHINESE); //这里是中文,如果不是中文，//里面的Locale.CHINESE可以去掉
  9.         return comparator.compare(f1.getPhone(), f2.getPhone());
  10.     }
  11. }
SortBySex
  1. import java.text.Collator;
  2. import java.util.Comparator;
  3. import java.util.Locale;
  4.  
  5. public class  SortBySex implements Comparator<Friend> {
  6.     @Override
  7.     public int compare(Friend f1, Friend f2) {
  8.         Comparator comparator = Collator.getInstance(Locale.CHINESE); //这里是中文,如果不是中文，//里面的Locale.CHINESE可以去掉
  9.         return comparator.compare(f1.getSex(), f2.getSex());
  10.     }
  11. }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/537024
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号