AndroidStudio登录注册界面跳转

Posted 2023-03-29 Хан йенсук

这里写目录标题

• 1.登录界面编写
• • 1.1顶部图片
  • 1.2账号提示+输入框
  • 1.3密码提示+输入框
  • 1.4记住密码+自动登录+插图
  • 1.5登录按钮
  • 1.6 还没有账号提示
  • 1.7加一些文本信息
• 2.注册页面编写
• 3.界面跳转

1.登录界面编写

1. 新建module-生成MainActivity Java文件和activity_main XML文件

2. 在XML文件中，编写布局代码----采用线性布局

   

1.1顶部图片

1. 使用图片控件：ImageView
2. 图片存放到以drawable开头的目录下
3. 代码：

<!--  顶部图片  -->
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:background="@drawable/doctor"/>

1.2账号提示+输入框

1. 外层使用线性布局控件：LinearLayout
2. 内层使用文本控件：TextView；编辑框控件：EditText

1. 代码：

<!--  账号提示+输入框  -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:gravity="center_vertical"
        android:layout_marginTop="30dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账         号"
            android:textSize="25dp" />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:hint="请输入您的账号"
            android:paddingLeft="5dp"
            android:textSize="18dp"
            android:layout_marginLeft="10dp"
            android:inputType="text"/>
    </LinearLayout>

1.3密码提示+输入框

1. 外层使用线性布局控件：LinearLayout
2. 内层使用文本控件：TextView；编辑框控件：EditText

1. 代码：

<!--  密码提示+输入框  -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:gravity="center_vertical"
        android:layout_marginTop="20dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密         码"
            android:textSize="25dp" />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:hint="请输入您的密码"
            android:paddingLeft="5dp"
            android:textSize="18dp"
            android:layout_marginLeft="10dp"
            android:inputType="numberPassword"/>
    </LinearLayout>

1.4记住密码+自动登录+插图

1. 外层使用线性布局控件：LinearLayout
2. 内层使用线性布局控件：LinearLayout；复选框控件：CheckBox；图片控件：ImageView

1. 代码：

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

        <!--  记住密码+自动登录  -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="20dp"
            android:gravity="left"
            android:layout_marginTop="20dp">
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="记住密码"/>
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="自动登录" />
        </LinearLayout>
<!--    插图    -->
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:background="@drawable/coronavirus"/>
    </LinearLayout>

1.5登录按钮

1. 使用按钮控件：Button

1. 代码：

<!--  登录按钮  -->
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录"
        android:textSize="25dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:background="#7fffd4"/>

1.6 还没有账号提示

1. 使用文本控件：TextView

1. 代码：

<!--  "还没有账号"提示  -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="25dp"
        android:layout_gravity="right"
        android:layout_marginTop="10dp"
        android:layout_marginRight="20dp"
        android:onClick="jumpToRegister"
        android:text="还没有账号？"
        android:textSize="17dp" />

1.7加一些文本信息

1. 使用文本控件：TextView

1. 代码：

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="团结就是力量，战胜一切挑战！"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="加油！中国！"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="10dp"/>

---

2.注册页面编写

1. 新建activity-生成RegiserActivity Java文件和activity_regiser XML文件

1. 在XML文件中，编写布局代码----采用线性布局

代码和登录界面差不多

1. 添加确认密码+输入框
2. 修改登录为注册
3. 删除还没有账号提示

3.界面跳转

1. 在xml文件中设置监听器

1. 点击Create……后，自动在MainActivity.java文件中创建jumpToRegister方法

1. 在jumpToRegister方法中添加如下代码

public void jumpToRegister(View view) 
        Intent intent = new Intent(MainActivity.this,RegiserActivity.class);
        startActivity(intent);
    

1. 点击运行，实现界面跳转