AS做一个登录界面

不BB,直接开始。
1.效果图
在这里插入图片描述
2.将主布局设置为LinearLayout
布局方式——垂直布局,控件全部居中
在这里插入图片描述
3.添加一个文本框按钮,显示用户登录
在这里插入图片描述
4.首先在主布局里添加一个子布局,方式同样为LinearLayout,在这个布局中,添加一个文本框和一个编辑框,显示效果如下图
在这里插入图片描述
5.复制第一个LinearLayout子布局,只需修改其文本内容和ID即可,对齐方式,自设。下面是代码内容。
在这里插入图片描述
6.最后是两个按钮,登录和取消,同样也是线性布局。
在这里插入图片描述
7.到这里大概就完成了,图片自己在mipmap下自己添加,文本字符串在values的strings.xml下。之后再MainActivity下增加监控按钮。代码如下:
在这里插入图片描述
在这里插入图片描述
代码全:

<?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"
    android:gravity="center"
    android:background="@mipmap/haizei"
    tools:context="com.example.MainActivity">

    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/user_name"
        android:textColor="#201c1c"
        android:textSize="25sp"
        android:id="@+id/tv_user_login"
        android:paddingBottom="30dp"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/t_user_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/username"
            android:textColor="#000000"
            android:textSize="20sp" />

        <EditText
            android:id="@+id/e_user_name"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:maxLines="1"
            android:hint="@string/input_user_name"
             />
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/t_user_password"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/passwordname"
            android:textColor="#000000"
            android:textSize="20sp" />

        <EditText
            android:id="@+id/e_user_password"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:maxLines="1"
            android:inputType="textPassword"
            android:hint="@string/input_user_password"
             />
    </LinearLayout>
    <LinearLayout
        android:orientation="horizontal"
        android:gravity="center_horizontal"
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/b_btn_login"
            android:paddingLeft="30dp"
            android:paddingRight="30dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/btn_login"
            android:textColor="#ff0000"
            android:background="#0afffdfd"

            />
        <Button
            android:id="@+id/b_btn_cancel"
            android:paddingLeft="30dp"
            android:paddingRight="30dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/btn_cancel"
            android:textColor="#ff0000"
            android:background="#0afffdfd"
            />
    </LinearLayout>
 </LinearLayout>

package com.example;

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

public class MainActivity extends AppCompatActivity {
        private EditText eusername;
        private EditText euserpassword;
        private Button  btnlogin;
        private Button btncancel;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        eusername = (EditText) findViewById(R.id.e_user_name);
        euserpassword = (EditText) findViewById(R.id.e_user_password);
        btnlogin = (Button) findViewById(R.id.b_btn_login);
        btncancel = (Button) findViewById(R.id.b_btn_cancel);
        btnlogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String username = eusername.getText().toString();
                String userpassword = euserpassword.getText().toString();
                if(username.equals("admin")&& userpassword.equals("admin")){
                    Toast.makeText(MainActivity.this,"恭喜登录成功",Toast.LENGTH_SHORT).show();
                }else{
                    Toast.makeText(MainActivity.this,"登录失败",Toast.LENGTH_SHORT).show();
                }
            }
        });
        btncancel.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                finish();
            }
        });
    }
}

  • 10
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值