不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();
}
});
}
}