简单的注册信息界面_使用linearlayout完成一个“注册个人信息”的布局。-CSDN博客

本文链接：https://blog.csdn.net/ava_1234/article/details/78862485

本文介绍了如何设计一个简洁易用的注册信息界面，重点讨论了密码显示与隐藏的可选项，以提升用户体验。

摘要由CSDN通过智能技术生成

界面的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.zhku.exp2.MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="47dp"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/top"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:text="注册个人信息"
            android:textSize="20sp"
            android:background="#7780"/>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_margin="10dp"
        android:layout_marginTop="10dp">

        <TextView
            android:id="@+id/pic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/profile" />
        <RadioGroup
            android:id="@+id/radioogroup"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checkedButton="@+id/student"
            android:orientation="horizontal">
        <RadioButton
            android:id="@+id/student"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="学生"
            android:textSize="20sp"
            android:layout_marginLeft="10dp"
            android:layout_gravity="center" />
        <RadioButton
            android:id="@+id/worked"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="已工作"
            android:textSize="20sp"
            android:layout_marginLeft="10dp"
            android:layout_gravity="center" />
        </RadioGroup>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:orientation="vertical">
        <EditText
            android:id="@+id/username"
            android:layout_width="match_parent"
            android:layout_height="55dp"
            android:hint="姓名"
            android:textSize="15sp"
            android:layout_marginTop="10dp"
            android:singleLine="true"/>
        <EditText
            android:id="@+id/number"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:hint="手机号"
            android:textSize="15sp"
            android:layout_marginTop="10dp"
            android:singleLine="true"
            android:inputType="phone"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp">
        <EditText
            android:id="@+id/password"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_weight="2"
            android:hint="密码"
            android:textSize="15sp"
            android:singleLine="true"
            android:inputType="textPassword"
            android:layout_alignParentLeft="true"/>
        <CheckBox
            android:id="@+id/psw"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="显示密码"
            android:textSize="15sp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_marginTop="10dp">
        <TextView
            android:id="@+id/hobby"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="兴趣："
            android:textSize="15sp"/>
        <CheckBox
            android:id="@+id/program"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="编程"
            android:layout_marginLeft="10dp"
            android:textSize="15sp" />
        <CheckBox
            android:id="@+id/swim"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="游泳"
            android:textSize="15sp"
            android:layout_marginLeft="10dp"/>
        <CheckBox
            android:id="@+id/run"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="跑步"
            android:textSize="15sp"
            android:layout_marginLeft="10dp"/>
    </LinearLayout>

    <Button
        android:id="@+id/register"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="注册"
        android:textSize="15sp"
        android:background="#7890"
        android:layout_margin="10dp"/>
    <TextView
        android:id="@+id/show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

MainActivity：

package com.exam.exp2;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private Button register;
    private RadioButton student;
    private RadioButton worked;
    private EditText username;
    private EditText number;
    private EditText password;
    private CheckBox program;
    private CheckBox swim;
    private CheckBox run;
    private TextView show;
    private CheckBox psw;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        register = (Button)findViewById(R.id.register);
        student = (RadioButton)findViewById(R.id.student);
        worked = (RadioButton)findViewById(R.id.worked);
        username = (EditText)findViewById(R.id.username);
        number = (EditText)findViewById(R.id.number);
        password = (EditText)findViewById(R.id.password);
        program = (CheckBox)findViewById(R.id.program);
        swim = (CheckBox)findViewById(R.id.swim);
        run = (CheckBox)findViewById(R.id.run);
        show = (TextView)findViewById(R.id.show);
        psw = (CheckBox)findViewById(R.id.psw);

        register.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int len = number.length();
                if (len != 8 && len != 11) {
                    Toast.makeText(MainActivity.this, "你的号码不正确", Toast.LENGTH_SHORT).show();
                    return;
                }
                String name = username.getText().toString().trim();
                if (TextUtils.isEmpty(name)) {         //判断字符串是不是为空或只有空格textutils
                    Toast.makeText(MainActivity.this, "用户名为空！", Toast.LENGTH_SHORT).show();
                    return;
                }

                show.setText("用户名：" + name);
                show.append("，手机号：" + number.getText().toString());
                show.append("，密码：" + password.getText().toString()+"\n");

                if (student.isChecked())
                    show.append("你是学生"+"\n");
                else
                    show.append("你已工作"+"\n");

                show.append("你的爱好是：");
                if (program.isChecked()) {
                    show.append("编程");
                }
                if (swim.isChecked()) {
                    show.append(",游泳");
                }
                if (run.isChecked()) {
                    show.append(",跑步");
                }
            }

        });

        //密码显示是否设置
        psw.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (isChecked) {
                    password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
                } else {
                    password.setTransformationMethod(PasswordTransformationMethod.getInstance());
                }

                }
        });

    }
}

效果：