Android登陆demo：界面设计及业务代码———Android菜鸟的成长日记

WL_Android_HWH

墨衍会员 · AI 创作全网分发码龄11年

关注

VIP免费原创最新推荐文章于 2026-05-24 12:05:52 发布 2.5w 阅读 AI 写同款· GEO 优化 ›

Android开发--实现Android登录注册页面（上） Android开发之登录注册页面阅读详情

距离上一次更新，两天前。

今天就从头开始来学习，当然是直接上案例了，就不扭扭捏捏的上基础知识了，基础知识是自己去学的，我直接从小的demo入手，开始新一轮的学习之路。

首先是关于界面设计（布局）：
关于使用哪种布局，并没有什么特殊的要求，哪种你用得顺手就行了。
唯一的要求：尽量少的代码，和清晰的结构

示例图片
这里写图片描述

布局结构

外层：LinearLayout（线性布局）；orientation:vertical(垂直属性)
内层（从上往下）：
              （1）ImageView：头像
              （2）EditText：账号输入框
              （3）EditText：密码输入框
              （4）RelativeLayout（相对布局）
                   左边：CheckBox：记住密码
                   右边：CheckBox：自动登录
              （5）Button：登录按钮

实际效果

这里写图片描述

丑是丑了点，，但是不要介意

布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="wlhwh.example.com.study20161224login_example.MainActivity"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/login_avatar"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/avatar"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="48dp"/>

    <EditText
        android:id="@+id/login_id"
        android:layout_width="320dp"
        android:layout_height="48dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="48dp"
        android:paddingLeft="8dp"
        android:background="@color/colorL