Android实现简单的登陆页面(最新版2023详细图文教程

 

目录

 

1.打开android studio软件

 2.新建empty activity

3.看个人配置填(finish)

 4.左侧找到res->layout(页面布局)

 5.先设置页面布局,这里采用线性布局

 7.设置头文本    --文本展示标签

 8.用户名与密码--可编辑文本标签

9.提交按钮

10.整体代码


1.打开android studio软件

 2.新建empty activity

3.看个人配置填(finish)

 4.左侧找到res->layout(页面布局)

 

 5.先设置页面布局,这里采用线性布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#e5e4e2">
</LinearLayout>

android:layout_width=""的使用方法

android:layout_width是控件在水平方向上的布局参数,其属性值包括match_parentwrap_content具体的数值。其中,match_parent表示控件的宽度与其父容器的宽度相同,充满整个父容器;而wrap_content表示控件的宽度会根据其内部内容的宽度自适应调整,即控件的宽度由其内部的内容而定。两者的区别在于,match_parent会让控件的宽度填充满父容器,而wrap_content则会让控件的宽度自适应其内部的内容宽度。同时,也可以通过设置具体的数值来控制控件的宽度,如android:layout_width="100dp"表示控件的宽度为100dp

android:orientation=""的使用方法

android:orientation是指控件中子视图排列的方向。具体来说,它可以用于控制线性布局(LinearLayout)中子视图的排列方式,有两个可选值:horizontalvertical

  • android:orientation="horizontal"表示子视图水平排列,即从左到右依次排列。
  • android:orientation="vertical"表示子视图垂直排列,即从上到下依次排列

 android:background=""的使用方法

 设置背景,可填入需要颜色的16进制

 7.设置头文本    <TextView></TextView>--文本展示标签

    <TextView
        
        android:layout_width="match_parent"
        android:layout_height="76dp"
        android:text="              MILK商城登陆"
        android:textColor="#ffd700"
        android:textSize="30sp"
        android:textStyle="bold"
        android:layout_marginTop="150dp"
        ></TextView>

        android:textColor="" --文字颜色
        android:textSize=""--文字大小
        android:textStyle=""--文字样式 bold粗体字
        android:layout_marginTop="150dp" --与上部距离隔开150dp长度

 8.用户名与密码<EditText></EditText>--可编辑文本标签


    <EditText
        android:id="@+id/user"
        android:layout_width="411dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:hint="用户名"
        android:layout_marginTop="50dp"
        android:textAlignment="center"
        >

    </EditText>

    <EditText
        android:id="@+id/password"
        android:layout_width="411dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:hint="密码"
        android:textAlignment="center"
        >

    </EditText>

 android:hint=""--提示输入文本

 android:textAlignment="center"--文字排列 居中

android:id="@+id/"--设置id

9.提交按钮

 

 <Button
        android:id="@+id/button3"
        android:layout_width="278dp"
        android:layout_height="59dp"
        android:layout_gravity="center"
        android:text="登陆"
        android:layout_marginTop="20dp"
        />

 android:layout_gravity="center" --设置标签位置
 android:text="登陆" --标签内文本

10.整体代码

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#e5e4e2">

    <TextView
        
        android:layout_width="match_parent"
        android:layout_height="76dp"
        android:text="              MILK商城登陆"
        android:textColor="#ffd700"
        android:textSize="30sp"
        android:textStyle="bold"
        android:layout_marginTop="150dp"
        ></TextView>

    <EditText
        android:id="@+id/user"
        android:layout_width="411dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:hint="用户名"
        android:layout_marginTop="50dp"
        android:textAlignment="center"
        >

    </EditText>

    <EditText
        android:id="@+id/password"
        android:layout_width="411dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:hint="密码"
        android:textAlignment="center"
        >

    </EditText>

    <Button
        android:id="@+id/button3"
        android:layout_width="278dp"
        android:layout_height="59dp"
        android:layout_gravity="center"
        android:text="登陆"
        android:layout_marginTop="20dp"
        />


</LinearLayout>

  • 16
    点赞
  • 133
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
要在Android Studio中编写登录界面,您需要使用XML布局文件和Java代码。以下是一些基本步骤: 1. 创建一个新的Android Studio项目并打开activity_main.xml文件。 2. 在布局文件中添加账号输入框和密码输入框,可以使用上面提供的引用和引用中的代码。 3. 添加一个登录按钮,可以使用上面提供的引用中的代码。 4. 在Java代码中实现登录按钮的点击事件,验证用户输入的账号和密码是否正确。 5. 如果验证成功,跳转到主界面;否则,显示错误消息。 以下是一个简单的示例代码,可以帮助您开始编写登录界面: ``` public class LoginActivity extends AppCompatActivity { private EditText mUsernameEditText; private EditText mPasswordEditText; private Button mLoginButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mUsernameEditText = findViewById(R.id.name); mPasswordEditText = findViewById(R.id.passwd); mLoginButton = findViewById(R.id.button); mLoginButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String username = mUsernameEditText.getText().toString(); String password = mPasswordEditText.getText().toString(); if (isValid(username, password)) { // 登录成功,跳转到主界面 Intent intent = new Intent(LoginActivity.this, MainActivity.class); startActivity(intent); } else { // 显示错误消息 Toast.makeText(LoginActivity.this, "用户名或密码错误", Toast.LENGTH_SHORT).show(); } } }); } private boolean isValid(String username, String password) { // 在这里实现验证逻辑,例如从服务器端验证用户名和密码是否正确 return username.equals("admin") && password.equals("123456"); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Alphamilk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值