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

最新推荐文章于 2024-08-13 08:12:56 发布

WL_Android_HWH

最新推荐文章于 2024-08-13 08:12:56 发布

阅读量2.5w

点赞数 10

本文链接：https://blog.csdn.net/WL_Android_HWH/article/details/53861145

版权

本文介绍了Android初学者如何设计并实现一个简单的登录界面。通过布局设计，包括使用灵活的布局方式，追求简洁代码和清晰结构。接着展示了具体的MainActivity.java业务代码，最终呈现了登录界面的实际效果，并欢迎读者提出指正。

摘要由CSDN通过智能技术生成

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

今天就从头开始来学习，当然是直接上案例了，就不扭扭捏捏的上基础知识了，基础知识是自己去学的，我直接从小的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&