Android用户注册界面设计

这篇具有很好参考价值的文章主要介绍了Android用户注册界面设计。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档



提示:以下是本篇文章正文内容,下面案例可供参考

一、作业要求

根据前面的学习内容,设计如图1所示的用户注册界面,要求如下:
(1)将应用的名称、姓名编辑框的输入提示中的“张三”,改为自己的姓名;
(2)性别的默认选择:男同学为“男”,女同学为“女”
(3)实现“注册”按键事件监听
设置“注册”按钮的监听器,在处理方法中,获取输入的注册信息,并通过Toast提示框将注册信息(姓名、性别、爱好)显示出来。例如图1,点击注册后,提示框里应显示:张三 男 爱好打篮球
Android用户注册界面设计

二、具体实现

界面展示:(左:初始界面)(右:点击注册键后)

Android用户注册界面设计   Android用户注册界面设计

1.布局文件(activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!--标题设置行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#288873">
        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:paddingTop="10dp"
            android:paddingBottom="5dp"
            android:paddingLeft="10dp"
            android:textSize="20sp"
            android:text="乔的用户注册信息"
            android:textColor="@color/white"
            />
    </LinearLayout>
    <!--副标题设置行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="7dp"
            android:text="请输入个人信息:"
            android:textSize="26sp"
            android:textColor="#0000FF"
            />
    </LinearLayout>
    <!--姓名栏设置行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="45dp"
            android:paddingLeft="7dp"
            android:text="姓名:"
            android:textColor="#0000FF"
            android:textSize="26sp" />

        <EditText
            android:id="@+id/name"
            android:layout_width="324dp"
            android:layout_height="match_parent"
            android:text=""
            android:textColor="@color/cardview_shadow_start_color"/>
    </LinearLayout>
    <!--性别栏设置行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="45dp"
            android:paddingLeft="7dp"
            android:text="性别:"
            android:textColor="#0000FF"
            android:textSize="26sp" />
        <RadioGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">
                <RadioButton
                    android:id="@+id/man"
                    android:layout_width="74dp"
                    android:layout_height="wrap_content"
                    android:text=""
                    android:textColor="#0000FF"
                    android:textSize="18sp"/>

                <RadioButton
                    android:id="@+id/woman"
                    android:layout_width="70dp"
                    android:layout_height="wrap_content"
                    android:textColor="#0000FF"
                    android:text=""
                    android:checked="true"
                    android:textSize="18sp"/>
            </LinearLayout>
        </RadioGroup>
    </LinearLayout>
    <!--爱好栏设置行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/textView4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="7dp"
            android:textColor="#0000FF"
            android:textSize="26sp"
            android:text="爱好:"/>
    </LinearLayout>
    <!-- 复选框 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <CheckBox
            android:id="@+id/CheckBox1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#0000FF"
            android:textSize="18sp"

            android:text="打篮球"/>
        <CheckBox
            android:id="@+id/CheckBox2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#0000FF"
            android:textSize="18sp"
            android:text="唱歌"/>
        <CheckBox
            android:id="@+id/CheckBox3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#0000FF"
            android:checked="true"
            android:textSize="18sp"
            android:text="读书"/>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/show"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="注册"
            android:textSize="15sp"
            android:background="#288873"/>
    </LinearLayout>

</LinearLayout>

2.程序代码(MainActivity.java)

复选框监听器的一般写法:文章来源地址https://www.toymoban.com/news/detail-411697.html

CheckBox cbx = (CheckBox) findViewById(R.id.cbx);
cbx.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
  	@Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if(isChecked){
           	//do something
        }else{
            //do something else
        }
    }
});
package com.example.homework_second;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.Toast;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    EditText name;
    TextView hobby;
    RadioButton man;
    RadioButton woman;
    Button show;
    CheckBox CheckBox1;
    CheckBox CheckBox2;
    CheckBox CheckBox3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        name = findViewById(R.id.name);
        hobby = findViewById(R.id.textView4);
        man = findViewById(R.id.man);
        woman = findViewById(R.id.woman);
        show = findViewById(R.id.show);
        CheckBox1 = findViewById(R.id.CheckBox1);
        CheckBox2 = findViewById(R.id.CheckBox2);
        CheckBox3 = findViewById(R.id.CheckBox3);
        
		//监听设置
        show.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String result = "";
                String user = name.getText().toString();
                result += user + " ";

                if (man.isChecked()) {
                    result += man.getText().toString() + " ";
                }
                if (woman.isChecked()) {
                    result += woman.getText().toString() + " ";
                }
                String us = hobby.getText().toString();
                result += us+" ";
                if (CheckBox1.isChecked()) {
                    result += CheckBox1.getText().toString();
                }
                if (CheckBox2.isChecked()) {
                    result += CheckBox2.getText().toString();
                }
                if (CheckBox3.isChecked()) {
                    result += CheckBox3.getText().toString()+" ";
                }
                Toast.makeText(MainActivity.this, result, Toast.LENGTH_LONG).show();
            }
        });
    }
}

到了这里,关于Android用户注册界面设计的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android Studio学习一得——Android用户界面的设计布局

    当我们创建了一个安卓项目后,我们会发现真正建立一个完善的安卓项目并不是想象的那么容易。其实和设计可视化界面一样,开发安卓也需要考虑很多方面,主要考虑的还是界面布局和需要的组件。 Android系统按照 MVC ( 模型(model) - 视图(view) - 控制器(controller) )设计模式将应

    2024年02月09日
    浏览(45)
  • 基于Java的界面开发【用户注册登录】

    首先要清楚一个界面由哪些部分组成:         1、可视化部分:  窗体、标签、菜单、选项卡、按钮......         2、元素规则部分:  颜色、尺寸、字体、布局         3、内容部分:  文字、图片 其次是所需代码库(java类库):   java.awt(元素规则类比较多)

    2024年02月06日
    浏览(38)
  • 安卓学习1:简单的用户登录注册界面

            a.方法一:创建时直接选择设置为启动界面(勾选LauncherActivity)         b.方法二:手动配置AndroidManifest.xml文件,注册该活动为启动界面                                           不同页面之间的跳转使用Intent对象,它可以用于在不同组件之间传递消息  

    2024年02月02日
    浏览(41)
  • Android开发之实现简单的用户登录及登陆界面的UI设计(五)

    登陆界面的UI设计 编写Java代码,进行简单的用户账号和密码判断

    2024年02月11日
    浏览(50)
  • ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面

     饿了吗完成用户注册登录界面搭建 axios之get请求 axios之post请求 跨域 注册界面 1.饿了吗完成用户注册登录界面搭建 将端口号8080改为8081 导入依赖,在项目根目录使用命令npm install element-ui -S,添加Element-UI模块 -g:将依赖下载node_glodal全局依赖 -d(依赖放在static/[]package.json的

    2024年02月04日
    浏览(52)
  • Java--用户登录/注册界面(连接Mysql数据库)并可以通过验证码登录

    1 效果展示 (1)登录界面 (2)注册界面 (3)动图展示 2 内容说明 (1)开发前,需引入一个连接Mysql 数据库驱动mysql-connector-java-5.1.30-bin.jar包 提取码:6666 (2)构建路径 (3)需要下载xampp软件 xampp软件下载 提取码:2255 xampp软件包含 Apache Web服务器、 Mysql Web服务器、Filezilla

    2024年02月09日
    浏览(63)
  • 使用Django Rest Framework设计与实现用户注册API

    在现代Web应用开发中,RESTful API已成为前后端分离架构中的关键组件。Django Rest Framework (DRF) 是一款基于Django的优秀库,提供了丰富的工具和接口,极大地简化了RESTful API的设计与实现。本文将以用户注册功能为例,展示如何运用DRF构建一个完整的API端点,包括数据验证、模型

    2024年04月25日
    浏览(35)
  • qt设计一个简单的注册登录界面

    实现代码:

    2024年02月14日
    浏览(42)
  • matlabGUI界面设计——提示框

    在errordlg函数中第一个参数代表提示信息内容,第二个参数是标题内容 在helpdlg函数中第一个参数代表提示信息内容,第二个参数是标题内容 在msgbox函数中第一个参数代表提示信息内容,第二个参数是标题内容,代码运行后依次出现上图从左至右的提示框,第三个参数代表图标

    2024年02月06日
    浏览(31)
  • Javaweb程序设计基础入门eclipse实现用户注册登录和session存储

    通过HTML,CSS,JavaScript和JSP实现页面的注册,登录和信息显示的三个界面的设计。 1.1注册界面 2.登录界面 3.通过Java代码进行登录界面的校验 1.用request.getParameter()获取表单提交的数据来存储账号和密码 2.if语句来进行账号和密码的校验 4.信息显示界面HTML 通过requst.getParameter()获

    2024年02月05日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包