智能终端软件开发——注册用户信息

2019-04-19  本文已影响0人  itczt

1.创建程序

创建一个名为UserRegist的应用程序,指定包名为cn.itcast.userregist,设计用户界面,预览效果如图:



如图所对应的布局文件如下所示:
Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/loading"
    tools:context = ".MainActivity">

    <ImageView
        android:id="@+id/iv_head"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="100dp"
        android:src="@drawable/head"></ImageView>
<LinearLayout
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/iv_head"
    android:layout_margin="10dp"
    android:orientation="vertical"
    >
    <RelativeLayout
        android:id="@+id/regist_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        >
        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="用户名"
            android:textSize="20sp"
            />
        <EditText
            android:id="@+id/et_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@id/tv_name"
            android:text="请输入用户名"
            android:textSize="16sp"
            android:inputType="" />
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/regist_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize ="5dp"
        >
        <TextView
            android:id="@+id/tv_psw"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="密码"
            android:textSize="20sp"
            />
        <EditText
            android:id="@+id/et_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@id/tv_psw"
            android:hint="请输入密码"
            android:inputType="textPassword"
            android:textSize="16sp"
            />
    </RelativeLayout>
</LinearLayout>
    <Button
        android:id="@+id/btn_send"
        android:layout_width="160dp"
        android:layout_height="48dp"
        android:layout_below="@id/layout"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_centerHorizontal="true"
        android:background="@drawable/start"
        android:text="注册"
        android:textColor="#ffffff"
        android:textSize="20sp"
        android:textStyle="bold"
        />
    </RelativeLayout>

在上述代码中,定义一个相对布局RelativLayout,其中包含InageView控件、LinearLayout布局和Button按钮,ImageView用于显示用户头像,LinearLayout又包含两个RelativeLayout,分别用于输入用户名和密码,Button用于单击“注册”按钮。


2.添加数据展示界面

接下来创建一个展示数据的Activity,在当前包中创建一个Activity类,名为ShowActivity,并将布局文件名指定为activity_show。该布局文件包含一个ImageView控件和两个TextView控件,分别用于展示图像和用户信息,预览效果如图所示。



对应的布局代码如下所示
activity_show.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/loading"
    android:orientation="vertical"
    tools:context = ".MainActivity"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_marginBottom="5dp"
        android:orientation="horizontal"
        android:padding="15dp">

        <ImageView
            android:id="@+id/pet_imgv"
            android:layout_width="0dp"
            android:layout_height="150dp"
            android:layout_weight="1"
            android:background="@drawable/baby" />

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:orientation="vertical"
            android:paddingLeft="20dp">

            <TextView
                android:id="@+id/tv_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="用户名"
                android:textSize="14sp" />

            <TextView
                android:id="@+id/tv_password"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:text="密  码"
                android:textSize="14sp" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>


3.编写界面交互代码
当布局文件编写完成后,需要在MainActivity中编写与页面交互的代码,用于实现数据传递,具体代码如下所示:
MainActivity.java

package com.czt.text35;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {
    private EditText et_password;
    private Button btn_send;
    private EditText et_name;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);                                                                           ;
        et_name = (EditText)findViewById(R.id.et_name);
        et_password = (EditText)findViewById(R.id.et_password);
        btn_send = (Button)findViewById(R.id.btn_send);
        //点击开始游戏按钮进行数据传递
        btn_send.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                passDate();
            }
        });
    }
    public void passDate(){
        //创建Intent对象,启动Activity02
        Intent intent = new Intent(this,ShowActivity.class);
        //将数据存入Intent对象
        intent.putExtra("name",et_name.getText().toString().trim());
        intent.putExtra("password",et_password.getText().toString().trim());
        startActivity(intent);
    }
}

上述代码中,passDate()方法用于获取用户输入数据,并且将intent作为载体进行数据传递。为了让出学者看到数据传递效果,接下来在ShowActivity中编写代码,用于接收数据并展示,具体代码如下所示。
ShowActivity.java

package com.czt.text35;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

public class ShowActivity extends AppCompatActivity {
    private TextView tv_name;
    private TextView tv_password;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show);
        Intent intent = getIntent();
        String name = intent.getStringExtra("name");
        String password = intent.getStringExtra("password");
        tv_name = (TextView) findViewById(R.id.tv_name);
        tv_password =(TextView) findViewById(R.id.tv_password);
        tv_name.setText("用户名:"+name);
        tv_password.setText("密 码:" + password);
    }
}

在上述代码中,通过getIntent()方法获取到Intent对象,然后通过该对象getStringExtra()方法拿到输入的用户名和密码,并且得到的用户名和密码绑定在TextView控件中进行显示。需要注意的是,getStringExtra()方法传入的参数必须与MainActivity中intent.putExtra()方法中传入的Key相同,否则会返回Null。

4.运行程序

接下来运行程序进行测试,首先在注册界面中输入用户名“username”,密码“123”,然后单击按钮,此时会跳转到数据展示界面,显示输入信息。


演示效果

由图可以看出,在注册界面中输入的数据成功的传递给了数据展示界面进行展示,这就是使用Intent在Activity之间进行数据传递的用法。

上一篇下一篇

猜你喜欢

热点阅读