android实现注册页面开发

 更新时间:2022年04月24日 09:16:42   作者:我喜欢玩洛克王国  
这篇文章主要为大家详细介绍了android实现注册页面开发,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android实现注册页面开发的具体代码,供大家参考,具体内容如下

在values文件里创建以下几个文件

colors代码:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

strings代码块

<resources>
    <string name="app_name">19260234anzidawang</string>
</resources>

修改为自己的学号

styles代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="hLine">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">1dp</item>
        <item name="android:background">@android:color/white</item>
    </style>
    <style name="vLine">
        <item name="android:layout_width">1dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:background">@android:color/white</item>
    </style>
    <style name="tvone">
        <item name="android:layout_height">match_parent</item>
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:drawablePadding">8dp</item>
        <item name="android:gravity">center_horizontal</item>
        <item name="android:paddingTop">40dp</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:textSize">15dp</item>
    </style>
    <style name="tvtwo">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_marginLeft">20dp</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:textSize">15dp</item>
    </style>
    <style name="etOne">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_marginLeft">30dp</item>
        <item name="android:background">@null</item>
        <item name="android:textColor">@android:color/white</item>

    </style>
</resources>

布局文件(activity_main)

<?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="match_parent"
    android:background="@drawable/register_bg">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="#01ceff"
            android:gravity="center"
            android:text="注册"
            android:textColor="@color/white"
            android:textSize="20sp"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="130dp"
            android:orientation="horizontal">
            <TextView
                style="@style/tvone"
                android:drawableTop="@drawable/qq_icon"
                android:text="qq register"/>
            <View style="@style/vLine"/>
            <TextView
                style="@style/tvone"
                android:drawableTop="@drawable/weixin_icon"
                android:text="wechat register"/>


        </LinearLayout>
        <View style="@style/hLine"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal"
            android:padding="15dp">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:src="@drawable/email_icon"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginLeft="15dp"
                android:text="use email register"
                android:textColor="@android:color/white"
                android:textSize="15sp"/>
        </LinearLayout>
        <View style="@style/hLine" />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="15dp">
            <TextView
                style="@style/tvtwo"
                android:text="name"/>
            <EditText
                android:id="@+id/et_name"
                style="@style/etOne"/>
        </LinearLayout>
        <View style="@style/hLine"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="15dp">
            <TextView
                style="@style/tvtwo"
                android:text="email"/>
            <EditText
                android:id="@+id/et_mail"
                style="@style/etOne"/>
        </LinearLayout>
        <View style="@style/hLine"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="15dp">
            <TextView
                style="@style/tvtwo"
                android:text="password"/>
            <EditText
                android:id="@+id/et_pwd"
                style="@style/etOne"
                android:inputType="textPassword"/>
        </LinearLayout>

        <View  style="@style/hLine"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="15dp">
            <TextView
                style="@style/tvtwo"
                android:text="glender"/>
                <RadioGroup
                    android:id="@+id/rg_sex"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="50dp"
                    android:orientation="horizontal">
                    <RadioButton
                        android:id="@+id/rb_boy"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="man"
                        android:textColor="@android:color/white"
                        android:textSize="15sp"/>
                <RadioButton
                    android:id="@+id/rb_girl"
                    style="@style/tvtwo"
                    android:text="woman"/>
                </RadioGroup>
        </LinearLayout>
        <View style="@style/hLine"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="15dp">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="chose your hobby"
                android:textColor="@android:color/white"
                android:textSize="15sp"/>
            <CheckBox
                android:id="@+id/cb_sing"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="sing"
                android:textColor="@android:color/white"
                android:textSize="15sp"/>
            <CheckBox
                android:id="@+id/cb_dance"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="dancing"
                android:textColor="@android:color/white"
                android:textSize="15sp"/>
            <CheckBox
                android:id="@+id/cb_read"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="read"
                android:textColor="@android:color/white"
                android:textSize="15sp"/>
        </LinearLayout>
        <View style="@style/hLine"/>
    <View
        android:id="@+id/v_line"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_above="@+id/btn_submit"
        android:background="@android:color/darker_gray"/>
    <Button
        android:id="@+id/btn_submit"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:gravity="center"
        android:text="uodate"
        android:textColor="@android:color/white"
        android:background="@null"
        android:textSize="18sp"/>
    </LinearLayout>
</RelativeLayout>

在drawable下面创建存放图片的文件

如何创建,首先复制图片.右击drawable,ctrl +v.

选择第一个路径就行.两个路径区别不加以赘述

下面命名就ok.

java代码

package com.example.a19260234zjh;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.RadioGroup;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements
        View.OnClickListener, CompoundButton.OnCheckedChangeListener {
    private EditText et_name,et_email,et_pwd;
    private Button btn_submit;
    private String name,email,pwd,sex,hobbys;
    private RadioGroup rg_sex;
    private CheckBox cb_sing,cb_dance,cb_read;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }
    private void init(){
        et_name=findViewById(R.id.et_name);
        et_email=findViewById(R.id.et_mail);
        et_pwd=findViewById(R.id.et_pwd);
        rg_sex=findViewById(R.id.rg_sex);
        cb_sing=findViewById(R.id.cb_sing);
        cb_read=findViewById(R.id.cb_read);
        cb_dance=findViewById(R.id.cb_dance);
        btn_submit=findViewById(R.id.btn_submit);
        btn_submit.setOnClickListener(this);
        cb_sing.setOnCheckedChangeListener(this);
        cb_dance.setOnCheckedChangeListener(this);
        cb_read.setOnCheckedChangeListener(this);
        hobbys=new String();
        rg_sex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
                switch (checkedId){
                    case R.id.rb_boy:
                        sex="man";
                    case R.id.rb_girl:
                        sex="woman";
                        break;
                }

            }
        });


    }
    private void getData(){
        name=et_name.getText().toString().trim();
        email=et_email.getText().toString().trim();
        pwd=et_pwd.getText().toString().trim();
    }
    @Override
    public void onClick(View v){
        switch (v.getId()){
            case R.id.btn_submit:
                getData();
                if(TextUtils.isEmpty(name)){
                    Toast.makeText(MainActivity.this,"input name",
                            Toast.LENGTH_SHORT).show();
                }
                else if(TextUtils.isEmpty(email)){
                    Toast.makeText(MainActivity.this,"input email",
                            Toast.LENGTH_SHORT).show();
                }
                else if(TextUtils.isEmpty(pwd)){
                    Toast.makeText(MainActivity.this,"input password",
                            Toast.LENGTH_SHORT).show();
                }
                 else if(TextUtils.isEmpty(sex)){
                    Toast.makeText(MainActivity.this,"input glendar",
                            Toast.LENGTH_SHORT).show();
                }
                 else if(TextUtils.isEmpty(hobbys)){
                    Toast.makeText(MainActivity.this,"input hobbys",
                            Toast.LENGTH_SHORT).show();
                } else{
                     Toast.makeText(MainActivity.this,"success",
                             Toast.LENGTH_SHORT).show();
                    Log.i("MainActivity","information"+"name:"+name+",email:"+email+
                            ",sex"+sex+",hobby"+hobbys);
                }
                 break;
        }
    }
    @Override
    public void onCheckedChanged(CompoundButton buttonViwe,boolean isChecked){
        String motion=buttonViwe.getText().toString();
        if(isChecked){
            if(!hobbys.contains(motion)){
                hobbys=hobbys+motion;
            }
        }else {
            if(hobbys.contains(motion)){
                hobbys=hobbys.replace(motion,"");
            }
        }
    }
}

以上就是实现注册页面所需要的代码.

效果如下:

每个人的图片不一样,效果也不一样.建议图片尽量小一些。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android仿iphone自定义滚动选择器

    Android仿iphone自定义滚动选择器

    这篇文章主要为大家详细介绍了Android仿iphone自定义滚动选择器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Android 从底部弹出Dialog(横向满屏)的实例代码

    Android 从底部弹出Dialog(横向满屏)的实例代码

    在android开发中经常会遇到底部弹出框的功能,今天小编抽时间给大家整理一个底部弹出横向满屏的dialog,需要的朋友参考下
    2016-11-11
  • Android编程滑动效果之Gallery+GridView实现图片预览功能(附demo源码下载)

    Android编程滑动效果之Gallery+GridView实现图片预览功能(附demo源码下载)

    这篇文章主要介绍了Android编程滑动效果之Gallery+GridView实现图片预览功能,结合实例形式分析了Android通过GridView和Gallery两个控件模仿Gallery图像集图片预览功能,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2016-02-02
  • Android 侧滑按钮的实现代码

    Android 侧滑按钮的实现代码

    这篇文章主要介绍了Android 侧滑按钮的实现,本文结合示例代码图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • web app与原生app的区别

    web app与原生app的区别

    本文主要给大家分析介绍了web app与原生app的区别,以及各自的优势和劣势,推荐给大家,有需要的小伙伴来参考下吧
    2015-03-03
  • 举例讲解Android中ViewPager中的PagerTitleStrip子控件

    举例讲解Android中ViewPager中的PagerTitleStrip子控件

    这篇文章主要介绍了Android中ViewPager中的PagerTitleStrip子控件使用例子,讲解了PagerTitleStrip子控件的嵌入与设置标题的用法,需要的朋友可以参考下
    2016-03-03
  • Flutter 中检测常用的命令详解

    Flutter 中检测常用的命令详解

    这篇文章主要介绍了Flutter 中检测常用的命令详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • Android仿QQ消息提示实现弹出式对话框

    Android仿QQ消息提示实现弹出式对话框

    这篇文章主要为大家详细介绍了Android仿QQ消息提示实现弹出式对话框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android实现自定义dialog的代码

    Android实现自定义dialog的代码

    这篇文章主要介绍了Android实现自定义dialog的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • Android自定义View实现相机对焦框

    Android自定义View实现相机对焦框

    这篇文章主要为大家详细介绍了Android自定义View实现相机对焦框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05

最新评论