Android Studio 浅易登陆页面制作-JAVA

打印 上一主题 下一主题

主题 807|帖子 807|积分 2421

文章目录
    前言
  一、Android Studio中新建一个JAVA项目
  二、全部代码
  1.activity_main.xml
  2.activity_welcome.xml
  3.MainActivity.java
  4.WelcomeActivity
  5.图片
  
前言

在开始之前信赖大家应该都安装好Android Studio这款软件了,本次就跟大家分享一个简单的Android Studio页面。

一、Android Studio中新建一个JAVA项目

首先进入软件,新建一个项目:File——> New ——> New project.

选择Empty Views Actvity,点击Next.

新建项目名为test2,语言为JAVA ,其他选项都默认,之后点击finish完成创建。

二、全部代码

1.运行结果
 

1.activity_main.xml

页面布局 res——>layout ——>activity_main.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:orientation="vertical"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:background="@drawable/img">
  6. <!-- 其他组件内容保持不变 -->
  7.     <TextView
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:text="用户名:"
  11.         android:layout_marginTop="50dp"
  12.         android:layout_marginLeft="50dp"
  13.         />
  14.     <EditText
  15.         android:id="@+id/usernameEditText"
  16.         android:layout_width="match_parent"
  17.         android:layout_height="wrap_content"
  18.         android:layout_marginLeft="100dp"/>
  19.     <TextView
  20.         android:layout_width="wrap_content"
  21.         android:layout_height="wrap_content"
  22.         android:layout_marginLeft="50dp"
  23.         android:text="密码:" />
  24.     <EditText
  25.         android:id="@+id/passwordEditText"
  26.         android:layout_width="match_parent"
  27.         android:layout_height="wrap_content"
  28.         android:layout_marginLeft="100dp"
  29.         android:inputType="textPassword" />
  30.     <TextView
  31.         android:layout_width="wrap_content"
  32.         android:layout_height="wrap_content"
  33.         android:layout_marginLeft="50dp"
  34.         android:text="年龄:" />
  35.     <Spinner
  36.         android:id="@+id/ageSpinner"
  37.         android:layout_width="match_parent"
  38.         android:layout_height="wrap_content"
  39.         android:layout_marginLeft="200dp"/>
  40.     <TextView
  41.         android:layout_width="wrap_content"
  42.         android:layout_height="wrap_content"
  43.         android:layout_marginLeft="50dp"
  44.         android:text="性别:" />
  45.     <LinearLayout
  46.         android:layout_width="match_parent"
  47.         android:layout_height="wrap_content"
  48.         android:orientation="horizontal">
  49.         <RadioButton
  50.             android:id="@+id/maleRadioButton"
  51.             android:layout_width="wrap_content"
  52.             android:layout_marginEnd="150dp"
  53.             android:layout_marginStart="140dp"
  54.             android:layout_height="wrap_content"
  55.             android:text="男" />
  56.         <RadioButton
  57.             android:id="@+id/femaleRadioButton"
  58.             android:layout_width="wrap_content"
  59.             android:layout_height="wrap_content"
  60.             android:layout_marginLeft="-75dp"
  61.             android:text="女" />
  62.     </LinearLayout>
  63.     <LinearLayout
  64.         android:layout_width="match_parent"
  65.         android:layout_height="wrap_content"
  66.         android:gravity="center"
  67.         android:orientation="horizontal">
  68.         <Button
  69.             android:id="@+id/loginButton"
  70.             android:layout_width="wrap_content"
  71.             android:layout_height="wrap_content"
  72.             android:layout_marginEnd="150px"
  73.             android:text="登陆" />
  74.         <Button
  75.             android:id="@+id/cancelButton"
  76.             android:layout_width="wrap_content"
  77.             android:layout_height="wrap_content"
  78.             android:text="取消" />
  79.     </LinearLayout>
  80. </LinearLayout>
复制代码


2.activity_welcome.xml


  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:background="@drawable/img">
  7.     <TextView
  8.         android:id="@+id/welcomeTextView"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:layout_marginTop="100dp"
  12.         android:layout_marginLeft="150dp"
  13.         android:textSize="50dp"
  14.         android:text="欢迎!" />
  15.     <TextView
  16.         android:id="@+id/welcomeUsernameTextView"
  17.         android:layout_width="wrap_content"
  18.         android:layout_height="wrap_content"
  19.         android:textSize="35dp"/>
  20.     <TextView
  21.         android:id="@+id/welcomePasswordTextView"
  22.         android:layout_width="wrap_content"
  23.         android:layout_height="wrap_content"
  24.         android:textSize="35dp"/>
  25. </LinearLayout>
复制代码
3.MainActivity.java


  1. package com.example.test2;
  2. import android.content.Intent;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.AdapterView;
  6. import android.widget.ArrayAdapter;
  7. import android.widget.Button;
  8. import android.widget.EditText;
  9. import android.widget.RadioButton;
  10. import android.widget.Spinner;
  11. import android.widget.Toast;
  12. import androidx.appcompat.app.AppCompatActivity;
  13. public class MainActivity extends AppCompatActivity {
  14.     private EditText usernameEditText;
  15.     private EditText passwordEditText;
  16.     private Spinner ageSpinner;
  17.     private RadioButton maleRadioButton;
  18.     private RadioButton femaleRadioButton;
  19.     private Button loginButton;
  20.     private Button cancelButton;
  21.     @Override
  22.     protected void onCreate(Bundle savedInstanceState) {
  23.         super.onCreate(savedInstanceState);
  24.         setContentView(R.layout.activity_main);
  25.         usernameEditText = findViewById(R.id.usernameEditText);
  26.         passwordEditText = findViewById(R.id.passwordEditText);
  27.         ageSpinner = findViewById(R.id.ageSpinner);
  28.         maleRadioButton = findViewById(R.id.maleRadioButton);
  29.         femaleRadioButton = findViewById(R.id.femaleRadioButton);
  30.         loginButton = findViewById(R.id.loginButton);
  31.         cancelButton = findViewById(R.id.cancelButton);
  32.         // 设置年龄选择器的选项
  33.         ArrayAdapter<CharSequence> ageAdapter = ArrayAdapter.createFromResource(this,
  34.                 R.array.age_options, android.R.layout.simple_spinner_item);
  35.         ageAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  36.         ageSpinner.setAdapter(ageAdapter);
  37.         loginButton.setOnClickListener(new View.OnClickListener() {
  38.             @Override
  39.             public void onClick(View v) {
  40.                 String username = usernameEditText.getText().toString();
  41.                 String password = passwordEditText.getText().toString();
  42.                 String selectedAge = ageSpinner.getSelectedItem().toString();
  43.                 String gender = maleRadioButton.isChecked()? "男" : "女";
  44.                 if (!username.isEmpty() &&!password.isEmpty()) {
  45.                     // 跳转到欢迎页面,并传递账号和密码
  46.                     Intent intent = new Intent(MainActivity.this, WelcomeActivity.class);
  47.                     intent.putExtra("username", username);
  48.                     intent.putExtra("password", password);
  49.                     startActivity(intent);
  50.                 } else {
  51.                     Toast.makeText(MainActivity.this, "请输入用户名和密码", Toast.LENGTH_SHORT).show();
  52.                 }
  53.             }
  54.         });
  55.         cancelButton.setOnClickListener(new View.OnClickListener() {
  56.             @Override
  57.             public void onClick(View v) {
  58.                 // 取消操作可以清空输入框等
  59.                 usernameEditText.setText("");
  60.                 passwordEditText.setText("");
  61.                 ageSpinner.setSelection(0);
  62.                 maleRadioButton.setChecked(false);
  63.                 femaleRadioButton.setChecked(false);
  64.             }
  65.         });
  66.     }
  67. }
复制代码
4.WelcomeActivity

  1. package com.example.test2;
  2. import android.os.Bundle;
  3. import android.widget.TextView;
  4. import androidx.appcompat.app.AppCompatActivity;
  5. public class WelcomeActivity extends AppCompatActivity {
  6.     @Override
  7.     protected void onCreate(Bundle savedInstanceState) {
  8.         super.onCreate(savedInstanceState);
  9.         setContentView(R.layout.activity_welcome);
  10.         TextView welcomeUsernameTextView = findViewById(R.id.welcomeUsernameTextView);
  11.         TextView welcomePasswordTextView = findViewById(R.id.welcomePasswordTextView);
  12.         String username = getIntent().getStringExtra("username");
  13.         String password = getIntent().getStringExtra("password");
  14.         welcomeUsernameTextView.setText("用户名:" + username);
  15.         welcomePasswordTextView.setText("密码:" + password);
  16.     }
  17. }
复制代码
5.图片


图片都是放在drawable文件中,可以从外部复制粘贴到该文件夹中。








免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

宝塔山

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表