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

android studio kotlin实现登录、注册_kotlin实现app登录验证

作者：正经夜光杯 | 2024-07-30 00:58:35

赞

踩

kotlin实现app登录验证

实验内容:

  1. 实验实现3-4个Activity之间的跳转，包括注册页面、登录页面、好友列表页面等。实验必须使用两种以上的布局方式完成Acitivity的设计。
  2. 其中用户注册界面中需要出现8种以上的Android基本控件，并在Activity文件中对业务逻辑进行规范：如密码必须匹配，性别必须选择、年龄必须在一个合理范围内等等，当用户填写内容不正确时给出有效的提示。此界面可以做到国际化效果。可参照老师课堂上的案例。

实现好友列表界面，相应ListView中OnItemClick的点击事件。

实验步骤：

首先先新建一个项目。

1.登录页面：

（1）新建一个LoginActivity.kt文件，并在res目录的layout文件夹中创建activity_login.xml文件。有关登录页面的实现效果都在这两个文件中体现。

（2）先将布局方式改成RelativeLayout布局，如果想在页面中添加背景，可以添加android:background这个属性。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:context=".LoginActivity">
  7.  
  8. </RelativeLayout>

（3）添加文字和样式：设置TextView和EditText的id、宽度（layout_width）、高度（layout_height）、字体大小（textSize）、文本（text）、文字的对齐方式（gravity）、控件的对齐方式（layout_gravity）等。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:context=".LoginActivity">
  7.  
  8. <LinearLayout
  9.     android:layout_width="match_parent"
  10.     android:layout_height="wrap_content"
  11.     android:orientation="vertical" >
  12.  
  13.     <TextView
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:id="@+id/big_login"
  17.         android:textSize="40dp"
  18.         android:text="登录"
  19.         android:gravity="center"
  20.         android:layout_gravity="center_vertical"
  21.         android:layout_margin="30dp" />
  22.  
  23.     <!--    手机号-->
  24.     <LinearLayout
  25.         android:layout_width="match_parent"
  26.         android:layout_height="wrap_content"
  27.         android:theme="@style/Layoutstyle">
  28.         <TextView
  29.             android:layout_width="wrap_content"
  30.             android:layout_height="wrap_content"
  31.             android:id="@+id/text_name"
  32.             android:text="手机号码:"
  33.             android:textSize="22dp" />
  34.         <EditText
  35.             android:layout_width="match_parent"
  36.             android:layout_height="wrap_content"
  37.             android:id="@+id/username"
  38.             android:layout_marginLeft="0dp"
  39.             android:hint="请输入手机号"
  40.             android:textColor="@color/black"
  41.             android:gravity="center_vertical"
  42.             android:textSize="25dp"/>
  43.  
  44.     </LinearLayout>
  45.  
  46.         <!--    密码-->
  47.     <LinearLayout
  48.         android:layout_width="match_parent"
  49.         android:layout_height="wrap_content"
  50.         android:theme="@style/Layoutstyle">
  51.         <TextView
  52.             android:layout_width="wrap_content"
  53.             android:layout_height="wrap_content"
  54.             android:id="@+id/text_pwd"
  55.             android:text="密\u3000\u3000码:"
  56.             android:textSize="22dp"/>
  57.  
  58.         <EditText
  59.             android:layout_width="match_parent"
  60.             android:layout_height="wrap_content"
  61.             android:id="@+id/pwd"
  62.             android:hint="请输入密码"
  63.             android:textColor="@color/black"
  64.             android:gravity="center_vertical"
  65.             android:inputType="textPassword"
  66.             android:textSize="22dp"
  67.             android:layout_marginLeft="0dp" />
  68.     </LinearLayout>
  69.     <!--   登录-->
  70.     <Button
  71.         android:layout_width="200dp"
  72.         android:layout_height="wrap_content"
  73.         android:id="@+id/login"
  74.         android:text="登录"
  75.         android:textSize="25dp"
  76.         android:gravity="center"
  77.         android:layout_gravity="center"/>
  78.  
  79.     <!--    还未注册，去注册-->
  80.     <TextView
  81.         android:layout_width="match_parent"
  82.         android:layout_height="wrap_content"
  83.         android:id="@+id/register"
  84.         android:text="还未注册？去注册"
  85.         android:textSize="18dp"
  86.         android:gravity="center"
  87.         android:layout_gravity="center" />
  88. </LinearLayout>
  89. </RelativeLayout>

在上面这个xml文件中，我在res/values/themes.xml中把具有公共属性的样式写在一起，便于多次使用相同属性时可以减少工作量，以提高代码的复用率。使用时添加android:theme="@style/Layoutstyle"这个属性即可。

  1. <!--    LinearLayout-->
  2.     <style name="Layoutstyle" parent="Theme.AppCompat.Light">
  3.         <item name="android:layout_marginRight">30dp</item>
  4.         <item name="android:layout_marginLeft">30dp</item>
  5.         <item name="android:layout_marginBottom">20dp</item>
  6.         <item name="android:orientation">horizontal</item>
  7.         <item name="android:gravity">center</item>
  8.         <item name="android:layout_gravity">center_vertical</item>
  9.     </style>

可以在xml文件的右上角的位置，查看当前文件的页面布局样式：

（4）在LoginActivity.kt文件中要继承AppCompatActivity这个方法:

首先先定义控件id，然后在登录按钮添加点击事件，判断所输入的内容不能为空，如果输入预设置的手机号码和密码都正确，方可跳转到主页。点击“还未注册？去注册”文字，也可以跳到注册页面（前提是需要有RegisterActivity.kt和activity_register.xml），不然会报错。

  1. class LoginActivity:AppCompatActivity() {
  2.     override fun onCreate(savedInstanceState: Bundle?) {
  3.         super.onCreate(savedInstanceState)
  4.         setContentView(R.layout.activity_login)
  5.         val username:EditText=findViewById(R.id.username)
  6.         val pwd:EditText=findViewById(R.id.pwd)
  7.  
  8. //        验证，点击登录
  9.         val login:Button=findViewById(R.id.login)
  10.         login.setOnClickListener{
  11.  
  12.             val str_name=username.text.toString()
  13.             val str_pwd=pwd.text.toString()
  14. //          判断输入是否正确
  15.              if (str_name.isEmpty()){
  16.                 username.setError("手机号不能为空")
  17.             }
  18.              if (str_pwd.isEmpty()){
  19.                 pwd.setError("密码不能为空")
  20.             }
  21.  
  22. //          登录成功，进入主页
  23.             if (str_name.equals("13456789028") && str_pwd.equals("123")){
  24.                 val intent=Intent(this,MainActivity::class.java)
  25.                 startActivity(intent)
  26.             }
  27.         }
  28.  
  29.         //        还未注册？去注册
  30.         val register:TextView=findViewById(R.id.register)
  31.         register.setOnClickListener{
  32.             val intent=Intent(this,RegisterActivity::class.java)
  33.             startActivity(intent)
  34.         }
  35.  
  36.     }
  37. }

如果在运行时出现闪退的问题，其中有一种可能是，AndroidManifest.xml中没有对已创建的kt文件进行注册，只需要对Activity文件添加注册即可：<activity android:name=".LoginActivity" android:exported="false"></activity>

运行完成后的效果图如下：

为此，简单的登录界面就实现了。

2.注册页面：

注册的实现逻辑和登录的差不多，只是注册页面所需要的功能控件多一点，相应的业务处理逻辑也相对多一点。

（1）编写activity_register.xml文件的内容：

                 在注册页面，我实现了8种控件：图片（ImageView）、文本框（TextView）、可编辑文本（EditText）、单选按钮（RadioGroup）、下拉框（Spinner）、自动完成文本框（AutoCompleteTextView）、复选框（CheckBox）、按钮（Button）

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:context=".RegisterActivity">
  7.  
  8.     <LinearLayout
  9.         android:layout_width="match_parent"
  10.         android:layout_height="wrap_content"
  11.         android:orientation="vertical">
  12.  
  13.         <!--            头像图片-->
  14.         <LinearLayout
  15.             android:layout_width="match_parent"
  16.             android:layout_height="match_parent"
  17.             android:orientation="horizontal"
  18.             android:gravity="center">
  19.             <ImageView
  20.                 android:id="@+id/avatar_img"
  21.                 android:layout_width="100dp"
  22.                 android:layout_height="100dp"
  23.                 android:src="@drawable/avatar"
  24.                 android:layout_centerInParent="true"
  25.                 android:layout_gravity="center"
  26.                 android:layout_margin="30dp"/>
  27.         </LinearLayout>
  28.  
  29.         <!--    用户名-->
  30.         <LinearLayout
  31.             android:layout_width="match_parent"
  32.             android:layout_height="wrap_content"
  33.             android:theme="@style/Layoutstyle">
  34.             <TextView
  35.                 android:layout_width="wrap_content"
  36.                 android:layout_height="wrap_content"
  37.                 android:id="@+id/text_name"
  38.                 android:text="手机号码:"
  39.                 android:textSize="22dp" />
  40.  
  41.             <EditText
  42.                 android:layout_width="match_parent"
  43.                 android:layout_height="wrap_content"
  44.                 android:id="@+id/username"
  45.                 android:hint="请输入手机号"
  46.                 android:gravity="center_vertical"
  47.                 android:textSize="22dp"
  48.                 android:layout_marginLeft="0dp"
  49.                 android:textColor="@color/black"/>
  50.         </LinearLayout>
  51.  
  52.         <!--    密码-->
  53.         <LinearLayout
  54.             android:layout_width="match_parent"
  55.             android:layout_height="wrap_content"
  56.             android:theme="@style/Layoutstyle">
  57.             <TextView
  58.                 android:layout_width="wrap_content"
  59.                 android:layout_height="wrap_content"
  60.                 android:id="@+id/text_pwd"
  61.                 android:text="密\u3000\u3000码:"
  62.                 android:textSize="22dp"/>
  63.  
  64.             <EditText
  65.                 android:layout_width="match_parent"
  66.                 android:layout_height="wrap_content"
  67.                 android:id="@+id/pwd"
  68.                 android:hint="请输入密码"
  69.                 android:gravity="center_vertical"
  70.                 android:textSize="22dp"
  71.                 android:layout_marginLeft="0dp"
  72.                 android:inputType="textPassword"
  73.                 android:textColor="@color/black"/>
  74.         </LinearLayout>
  75.  
  76.         <!--    确认密码-->
  77.         <LinearLayout
  78.             android:layout_width="match_parent"
  79.             android:layout_height="wrap_content"
  80.             android:theme="@style/Layoutstyle" >
  81.             <TextView
  82.                 android:layout_width="wrap_content"
  83.                 android:layout_height="wrap_content"
  84.                 android:id="@+id/text_confirm_pwd"
  85.                 android:text="确认密码:"
  86.                 android:textSize="22dp" />
  87.  
  88.             <EditText
  89.                 android:layout_width="match_parent"
  90.                 android:layout_height="wrap_content"
  91.                 android:id="@+id/confirm_pwd"
  92.                 android:hint="请确认密码"
  93.                 android:gravity="center_vertical"
  94.                 android:textSize="22dp"
  95.                 android:layout_marginLeft="0dp"
  96.                 android:inputType="textPassword"
  97.                 android:textColor="@color/black" />
  98.         </LinearLayout>
  99.         
  100. <!--        性别-->
  101.         <LinearLayout
  102.             android:layout_width="match_parent"
  103.             android:layout_height="wrap_content"
  104.             android:layout_marginRight="30dp"
  105.             android:layout_marginBottom="20dp"
  106.             android:layout_marginLeft="30dp"
  107.             android:orientation="horizontal"
  108.             android:gravity="center_vertical">
  109.             <TextView
  110.                 android:layout_width="wrap_content"
  111.                 android:layout_height="wrap_content"
  112.                 android:id="@+id/sex"
  113.                 android:text="性\u3000\u3000别:"
  114.                 android:textSize="22dp" />
  115.             <!--        单选按钮：男-->
  116.             <RadioGroup
  117.                 android:layout_width="wrap_content"
  118.                 android:layout_height="wrap_content"
  119.                 android:orientation="horizontal"
  120.                 android:layout_marginLeft="30dp">
  121.                 <RadioButton
  122.                     android:layout_width="wrap_content"
  123.                     android:layout_height="wrap_content"
  124.                     android:id="@+id/male_sex"
  125.                     android:text="男"
  126.                     android:checked="true"
  127.                     android:textSize="22dp"
  128.                     android:layout_marginRight="20dp" />
  129.                 <!--        单选按钮：女-->
  130.                 <RadioButton
  131.                     android:layout_width="wrap_content"
  132.                     android:layout_height="wrap_content"
  133.                     android:id="@+id/female_sex"
  134.                     android:text="女"
  135.                     android:textSize="22dp" />
  136.             </RadioGroup>
  137.         </LinearLayout>
  138.  
  139. <!--        所在城市-->
  140.         <LinearLayout
  141.             android:layout_width="match_parent"
  142.             android:layout_height="wrap_content"
  143.             android:layout_marginRight="30dp"
  144.             android:layout_marginBottom="20dp"
  145.             android:layout_marginLeft="30dp"
  146.             android:orientation="horizontal"
  147.             android:gravity="center_vertical">
  148.  
  149.             <TextView
  150.                 android:layout_width="wrap_content"
  151.                 android:layout_height="wrap_content"
  152.                 android:text="所在城市："
  153.                 android:textSize="22dp" />
  154.  
  155.             <Spinner
  156.                 android:id="@+id/sp_city"
  157.                 android:layout_width="160dp"
  158.                 android:layout_height="wrap_content"
  159.                 android:textAlignment="center"
  160.                 android:theme="@style/spinner"
  161.                 />
  162.         </LinearLayout>
  163.  
  164. <!--        毕业院校-->
  165.         <LinearLayout
  166.             android:layout_width="match_parent"
  167.             android:layout_height="wrap_content"
  168.             android:layout_marginRight="30dp"
  169.             android:layout_marginBottom="20dp"
  170.             android:layout_marginLeft="30dp"
  171.             android:orientation="horizontal"
  172.             android:gravity="center_vertical">
  173.  
  174.             <TextView
  175.                 android:layout_width="wrap_content"
  176.                 android:layout_height="wrap_content"
  177.                 android:text="毕业院校:"
  178.                 android:textSize="22dp" />
  179.  
  180.             <AutoCompleteTextView
  181.                 android:id="@+id/actv_uni"
  182.                 android:layout_width="200dp"
  183.                 android:layout_height="wrap_content"
  184.                 android:textColor="@color/black" />
  185.         </LinearLayout>
  186.  
  187. <!--        复选框:勾选协议-->
  188.         <LinearLayout
  189.             android:layout_width="match_parent"
  190.             android:layout_height="wrap_content"
  191.             android:layout_marginRight="30dp"
  192.             android:layout_marginBottom="20dp"
  193.             android:layout_marginLeft="30dp"
  194.             android:orientation="horizontal"
  195.             android:gravity="center_vertical">
  196.             <CheckBox
  197.                 android:id="@+id/check_read"
  198.                 android:layout_width="wrap_content"
  199.                 android:layout_height="wrap_content"
  200.                 android:text="已阅读协议"
  201.                 android:textSize="26dp"
  202.                 android:inputType="number"
  203.                 />
  204.         </LinearLayout>
  205.             <!--    注册-->
  206.         <Button
  207.             android:layout_width="200dp"
  208.             android:layout_height="wrap_content"
  209.             android:id="@+id/register"
  210.             android:text="注册"
  211.             android:textSize="25dp"
  212.             android:gravity="center"
  213.             android:layout_gravity="center"/>
  214.  
  215.         <!--    已有账号，请登录-->
  216.         <TextView
  217.             android:layout_width="match_parent"
  218.             android:layout_height="wrap_content"
  219.             android:id="@+id/login"
  220.             android:text="已有账号，请登录"
  221.             android:textSize="18dp"
  222.             android:gravity="center"
  223.             android:layout_gravity="center" />
  224.  
  225.     </LinearLayout>
  226. </RelativeLayout>

在RegisterActivity.kt文件中对各个控件进行逻辑处理.

  1. class RegisterActivity: AppCompatActivity() {
  2.     override fun onCreate(savedInstanceState: Bundle?) {
  3.         super.onCreate(savedInstanceState)
  4.         setContentView(R.layout.activity_register)
  5.         val username:EditText=findViewById(R.id.username)
  6.         val pwd:EditText=findViewById(R.id.pwd)
  7.         val confirm_pwd:EditText=findViewById(R.id.confirm_pwd)
  8.         val check_read:CheckBox=findViewById(R.id.check_read)
  9.  
  10.         //spinner
  11.         val sp_city: Spinner = findViewById(R.id.sp_city)
  12.         val sp_data = arrayOf("佛山", "广州", "深圳", "汕头", "清远", "云浮", "东莞","珠海","江门","中山","河源","湛江","茂名","揭阳")
  13.         val sp_adapter = ArrayAdapter(this, android.R.layout.simple_spinner_item, sp_data)
  14.         sp_city.adapter = sp_adapter
  15.  
  16.         //AutoComleteTextView
  17.         val act_uni: AutoCompleteTextView = findViewById(R.id.actv_uni)
  18.         val actv_data = arrayOf("暨南大学","广东海洋大学", "广东工业大学", "广东财经大学","广东医科大学")
  19.  
  20.         val act_adapter= ArrayAdapter(this,android.R.layout.simple_list_item_1,actv_data)
  21.         act_uni.setAdapter(act_adapter)
  22.  
  23. //        验证，点击注册
  24.         val register:TextView=findViewById(R.id.register)
  25.         register.setOnClickListener{
  26.  
  27.             val str_name=username.text.toString()
  28.             val str_pwd=pwd.text.toString()
  29.             val str_confirm_pwd=confirm_pwd.text.toString()
  30.             val str_check_read=check_read.text.toString()
  31.  
  32.             //      手机号校验
  33.             val username_regex:Regex= "[1][34578]\\d{9}".toRegex()
  34.             //      密码校验:密码为6~16位数字,英文,符号至少两种组合的字符
  35.             val pwd_regex:Regex="^(?![0-9]+$)(?![a-zA-Z]+$)(?!([^(0-9a-zA-Z)]|[\\(\\)])+$)([^(0-9a-zA-Z)]|[\\(\\)]|[a-zA-Z]|[0-9]){6,16}$".toRegex()
  36.  
  37.             //        判断输入是否正确
  38.             if (str_name.isEmpty()){
  39.                 username.setError("手机号不能为空")
  40.             } else if (str_name.matches(username_regex)){
  41.  
  42.             }else{
  43.                 username.setError("请输入正确的手机号")
  44.             }
  45.             if (str_pwd.isEmpty()){
  46.                 pwd.setError("密码不能为空")
  47.             }else if (str_pwd.matches(pwd_regex)){
  48.  
  49.             }else{
  50.                 pwd.setError("密码为6~16位数字,英文,符号至少两种组合的字符")
  51.             }
  52.             if (str_confirm_pwd.isEmpty()){
  53.                 confirm_pwd.setError("确认密码不能为空")
  54.             }
  55.             if (!str_confirm_pwd.equals(str_pwd)){
  56.                 confirm_pwd.setError("两次密码必须保持一致")
  57.             }
  58.         }
  59.  
  60.         //  点击登录，跳转到登录页面
  61.         val login:TextView=findViewById(R.id.login)
  62.         login.setOnClickListener{
  63.             val intent=Intent(this, LoginActivity::class.java)
  64.             startActivity(intent)
  65.         }
  66.     }
  67. }

运行完成后的效果图如下：

为此，注册界面也实现了。

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

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

  

闽ICP备14008679号