美文网首页
智能终端软件开发——注册用户信息

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

作者: itczt | 来源:发表于2019-04-19 20:35 被阅读0次

    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之间进行数据传递的用法。

    相关文章

      网友评论

          本文标题:智能终端软件开发——注册用户信息

          本文链接:https://www.haomeiwen.com/subject/ilwcgqtx.html