安卓-利用android studio制作简单的QQ登陆login界面

1.最后在手机中运行的效果：

 

2.布局原理

利用相对布局RelativeLayout的各种基础特征

3.元素组件实现原理

3.1顶层标题：yellow_flowers

res\values\style.xml可以修改标题的背景色，默认是绿色。也可修改同级目录下的color.xml的默认配置颜色。

res\values\string.xml中修改标题名

3.2雪花logo实现

雪花图标：

利用实现.

对应代码为：

3.3账号密码输入框的实现

账号与密码图标：

利用实现

对应代码：

其中background使用了自定义的原型框，对应的bg_btn03.xml代码如下：

3.3登陆按钮的实现

利用元素实现：

对应代码如下：

其中background使用了自定义的点击效果，按下按钮之后会变成深蓝色，放开之后恢复天蓝色。对应的bg_btn5.xml代码如下：

另外，按钮在main函数中设置了点击事件，代码在后面的java代码中。

3.4忘记密码，注册新用户

这里是两个简单的,需要注意的是注册新用户的需要相对父类视图向右对其。

对应代码如下：

4.提示登陆成功消息以及输入日志的实现

给

设置点击事件，弹出登陆成功消息。

给设置Change事件中的OnChange方法，在日志中打出输入内容。

具体代码如下：

package com.example.asus.buttonproject;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity {

    Button mBtn01;
    EditText mEdt01;





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

        mBtn01 = findViewById(R.id.btn_login);

        mBtn01.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this,"登陆成功",Toast.LENGTH_SHORT).show();

            }
        });

        mEdt01 = findViewById(R.id.et01);
        mEdt01.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                Log.d("edittext",s.toString());

            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });
    }
}

5.开发者视图效果

代码下载地址：点此下载

后续还会不断完善该软件的功能，表单信息检验，各项元素功能的实现，数据库数据的连接，如果刚兴趣的可以保持关注。