最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

Android实训-家庭财务管理系统

业界 admin 2浏览 0评论

家庭财务目录

  • 一、开发环境
  • 二、后台接口文档
  • 三、Android 项目
    • 1、新建项目HomeFinance
    • 2、所使用的图片资源下载地址
    • 3、实现登录注册功能
      • a、 涉及的知识点
      • b、res
        • 1.登录页面
        • 涉及知识01:实现圆角按钮或者实现圆角布局
        • 2.注册页面
        • 涉及知识02:使用include标签替换一些常用的布局,如app中的页面头
      • c、Java

一、开发环境

说明:大家的环境不一样可能会有运行不起的情况
1.jdk1.8.0_231安装
2.Android Studio 3.5 安装
3.SDK -Andrid 10.0(Q)
Fille>Settings>Appearance&Behavior>System Settings>Android SDK

二、后台接口文档

1.登录接口

接口详情登录接口
地址http://39.105.132.80:8080/getLoginUser
请求方式POST
参数是否必填说明
username账号
password密码

三、Android 项目

1、新建项目HomeFinance

选择基础模板

项目名称

2、所使用的图片资源下载地址

链接:https://pan.baidu/s/1xgXmG3AzN1O1dwcsy4sdDw 
提取码:qq5d

3、实现登录注册功能

a、 涉及的知识点

知识点

  1. 圆角按钮 圆角布局
  2. 标签include 的简单使用
  3. 本地验证码的自动生成

效果如下:

b、res

1.登录页面

drawable>>layout_login.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
    xmlns:tools="http://schemas.android/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bg_welcome02"
    android:gravity="center"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="家庭财务"
        android:textSize="40dp"
        android:textStyle="bold"
        android:layout_marginBottom="30dp"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginRight="30dp"
        android:layout_marginLeft="30dp"

        android:background="@drawable/bg_login_white"
        >
        <LinearLayout
            android:padding="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="账号"
                android:textStyle="bold"/>
            <EditText
                android:id="@+id/et_name"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:hint="请输入手机号"
                android:singleLine="true"
                android:textSize="13dp"
                />
        </LinearLayout>

        <LinearLayout
            android:padding="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密码"
                android:textStyle="bold"/>
            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                >
                <EditText
                    android:id="@+id/et_passwod"
                    android:layout_width="match_parent"
                    android:layout_height="40dp"
                    android:hint="请输入密码"
                    android:singleLine="true"
                    android:textSize="13dp"
                    android:inputType="textPassword"

                    />
                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_gravity="right"
                    android:id="@+id/ll_showpass_if">

                    <ImageView
                        android:id="@+id/iv_showpass_if"
                        android:layout_width="25dp"
                        android:layout_height="25dp"
                        android:src="@mipmap/ic_eye_close"
                        android:layout_gravity="center"/>
                </LinearLayout>
            </FrameLayout>

        </LinearLayout>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginTop="30dp"
        android:layout_marginRight="30dp"
        android:layout_marginLeft="30dp"

        android:background="@drawable/bg_login_white">
       <Button
           android:id="@+id/btn_login_login"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="登录"
           android:background="@drawable/bg_login_green"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="10dp"
        android:layout_marginRight="30dp"
        android:layout_marginLeft="30dp"
        android:gravity="center_vertical"
        >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center">
            <TextView
                android:id="@+id/tv_showpass_if"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12dp"
                />

        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content">

        </LinearLayout>
        <TextView
            android:id="@+id/tv_pass_forgert"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="注销"
            android:textColor="#666"
            android:textSize="12dp"/>
    </LinearLayout>
</LinearLayout>
涉及知识01:实现圆角按钮或者实现圆角布局

在drawable中新建两个xml文件,这是在登录和注册页面中的圆角控件设置。
在下面的代码中 solid标签是里面是设置背景颜色,corners标签是设置圆角的弧度,分四个角设置,stroke标签中是设置边框的粗细和颜色。
圆角灰色
drawable>> bg_login_white.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
    <solid android:color="#80FFFFFF" />
    <corners android:topLeftRadius="6dp"
        android:topRightRadius="6dp"
        android:bottomRightRadius="6dp"
        android:bottomLeftRadius="6dp"/>
    <stroke android:color="#54DCDCDC"
        android:width="0dp"/>
</shape>

圆角绿色
drawable>> bg_login_green.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
    <solid android:color="#8000FF7F" />
    <corners android:topLeftRadius="6dp"
        android:topRightRadius="6dp"
        android:bottomRightRadius="6dp"
        android:bottomLeftRadius="6dp"/>
    <stroke android:color="#54DCDCDC"
        android:width="0dp"/>

</shape>
2.注册页面

layout>>layout_register.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
    xmlns:tools="http://schemas.android/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bg_welcome02"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    >
    <include layout="@layout/layout_quote_top_title" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginRight="30dp"
            android:layout_marginLeft="30dp"
            android:background="@drawable/bg_login_white"
            >
            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="手机号"
                    android:textStyle="bold"/>
                <EditText
                    android:id="@+id/et_name"
                    android:layout_width="match_parent"
                    android:layout_height="40dp"
                    android:hint="请输入手机号"
                    android:singleLine="true"
                    android:textSize="13dp"
                    android:inputType="phone"
                    />
            </LinearLayout>

            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="密码"
                    android:textStyle="bold"/>
                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    >
                    <EditText
                        android:id="@+id/et_passwod"
                        android:layout_width="match_parent"
                        android:layout_height="40dp"
                        android:hint="请输入密码"
                        android:singleLine="true"
                        android:textSize="13dp"
                        android:inputType="textPassword"

                        />
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_gravity="right"
                        android:id="@+id/ll_showpass_if">

                        <ImageView
                            android:id="@+id/iv_showpass_if"
                            android:layout_width="25dp"
                            android:layout_height="25dp"
                            android:src="@mipmap/ic_eye_close"
                            android:layout_gravity="center"/>
                    </LinearLayout>
                </FrameLayout>

            </LinearLayout>
            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="密码"
                    android:textStyle="bold"/>
                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    >
                    <EditText
                        android:id="@+id/et_passwods"
                        android:layout_width="match_parent"
                        android:layout_height="40dp"
                        android:hint="请输入确认密码"
                        android:singleLine="true"
                        android:textSize="13dp"
                        android:inputType="textPassword"

                        />
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_gravity="right"
                        android:id="@+id/ll_showpass_ifs">

                        <ImageView
                            android:id="@+id/iv_showpass_ifs"
                            android:layout_width="25dp"
                            android:layout_height="25dp"
                            android:src="@mipmap/ic_eye_close"
                            android:layout_gravity="center"/>
                    </LinearLayout>
                </FrameLayout>

            </LinearLayout>
            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="验证码"
                    android:textStyle="bold"/>

                <EditText
                    android:id="@+id/et_code"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="40dp"
                    android:hint="请输入验证码"
                    android:singleLine="true"
                    android:textSize="13dp"
                    android:inputType="text"

                    />

                <ImageView
                    android:id="@+id/iv_code"
                    android:layout_width="80dp"
                    android:layout_height="50dp"
                    android:src="@mipmap/ic_eye_close"
                    android:layout_gravity="right"
                    />
            </LinearLayout>

        </LinearLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginTop="30dp"
            android:layout_marginRight="30dp"
            android:layout_marginLeft="30dp"

            android:background="@drawable/bg_login_green">
            <Button
                android:id="@+id/btn_login_login"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="提交"

                android:background="@drawable/bg_login_green"/>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>
涉及知识02:使用include标签替换一些常用的布局,如app中的页面头

layout>>layout_quote_top_title.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:id="@+id/fl_title"
    >
    <LinearLayout
        android:id="@+id/ll_title_left"
        android:layout_width="45dp"
        android:layout_height="match_parent"
        android:gravity="center"
        android:layout_gravity="center_vertical"
        >

        <ImageView
            android:id="@+id/iv_title_left"
            android:layout_width="25dp"
            android:layout_height="25dp"
            />
    </LinearLayout>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:text="模板"
        android:textSize="18sp" />

    <LinearLayout
        android:id="@+id/ll_title_right"
        android:layout_width="45dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:gravity="center"
        >
        <ImageView
            android:id="@+id/iv_title_right"
            android:layout_width="25dp"
            android:layout_height="25dp"/>
    </LinearLayout>


</FrameLayout>

然后修改下图中MainActivity.java文件 中的activity_main为当前的登录页面的名称()就可以查看登录页面的效果了。

c、Java

家庭财务目录

  • 一、开发环境
  • 二、后台接口文档
  • 三、Android 项目
    • 1、新建项目HomeFinance
    • 2、所使用的图片资源下载地址
    • 3、实现登录注册功能
      • a、 涉及的知识点
      • b、res
        • 1.登录页面
        • 涉及知识01:实现圆角按钮或者实现圆角布局
        • 2.注册页面
        • 涉及知识02:使用include标签替换一些常用的布局,如app中的页面头
      • c、Java

一、开发环境

说明:大家的环境不一样可能会有运行不起的情况
1.jdk1.8.0_231安装
2.Android Studio 3.5 安装
3.SDK -Andrid 10.0(Q)
Fille>Settings>Appearance&Behavior>System Settings>Android SDK

二、后台接口文档

1.登录接口

接口详情登录接口
地址http://39.105.132.80:8080/getLoginUser
请求方式POST
参数是否必填说明
username账号
password密码

三、Android 项目

1、新建项目HomeFinance

选择基础模板

项目名称

2、所使用的图片资源下载地址

链接:https://pan.baidu/s/1xgXmG3AzN1O1dwcsy4sdDw 
提取码:qq5d

3、实现登录注册功能

a、 涉及的知识点

知识点

  1. 圆角按钮 圆角布局
  2. 标签include 的简单使用
  3. 本地验证码的自动生成

效果如下:

b、res

1.登录页面

drawable>>layout_login.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
    xmlns:tools="http://schemas.android/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bg_welcome02"
    android:gravity="center"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="家庭财务"
        android:textSize="40dp"
        android:textStyle="bold"
        android:layout_marginBottom="30dp"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginRight="30dp"
        android:layout_marginLeft="30dp"

        android:background="@drawable/bg_login_white"
        >
        <LinearLayout
            android:padding="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="账号"
                android:textStyle="bold"/>
            <EditText
                android:id="@+id/et_name"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:hint="请输入手机号"
                android:singleLine="true"
                android:textSize="13dp"
                />
        </LinearLayout>

        <LinearLayout
            android:padding="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密码"
                android:textStyle="bold"/>
            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                >
                <EditText
                    android:id="@+id/et_passwod"
                    android:layout_width="match_parent"
                    android:layout_height="40dp"
                    android:hint="请输入密码"
                    android:singleLine="true"
                    android:textSize="13dp"
                    android:inputType="textPassword"

                    />
                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_gravity="right"
                    android:id="@+id/ll_showpass_if">

                    <ImageView
                        android:id="@+id/iv_showpass_if"
                        android:layout_width="25dp"
                        android:layout_height="25dp"
                        android:src="@mipmap/ic_eye_close"
                        android:layout_gravity="center"/>
                </LinearLayout>
            </FrameLayout>

        </LinearLayout>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginTop="30dp"
        android:layout_marginRight="30dp"
        android:layout_marginLeft="30dp"

        android:background="@drawable/bg_login_white">
       <Button
           android:id="@+id/btn_login_login"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="登录"
           android:background="@drawable/bg_login_green"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="10dp"
        android:layout_marginRight="30dp"
        android:layout_marginLeft="30dp"
        android:gravity="center_vertical"
        >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center">
            <TextView
                android:id="@+id/tv_showpass_if"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12dp"
                />

        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content">

        </LinearLayout>
        <TextView
            android:id="@+id/tv_pass_forgert"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="注销"
            android:textColor="#666"
            android:textSize="12dp"/>
    </LinearLayout>
</LinearLayout>
涉及知识01:实现圆角按钮或者实现圆角布局

在drawable中新建两个xml文件,这是在登录和注册页面中的圆角控件设置。
在下面的代码中 solid标签是里面是设置背景颜色,corners标签是设置圆角的弧度,分四个角设置,stroke标签中是设置边框的粗细和颜色。
圆角灰色
drawable>> bg_login_white.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
    <solid android:color="#80FFFFFF" />
    <corners android:topLeftRadius="6dp"
        android:topRightRadius="6dp"
        android:bottomRightRadius="6dp"
        android:bottomLeftRadius="6dp"/>
    <stroke android:color="#54DCDCDC"
        android:width="0dp"/>
</shape>

圆角绿色
drawable>> bg_login_green.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android/apk/res/android">
    <solid android:color="#8000FF7F" />
    <corners android:topLeftRadius="6dp"
        android:topRightRadius="6dp"
        android:bottomRightRadius="6dp"
        android:bottomLeftRadius="6dp"/>
    <stroke android:color="#54DCDCDC"
        android:width="0dp"/>

</shape>
2.注册页面

layout>>layout_register.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/apk/res/android"
    xmlns:tools="http://schemas.android/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bg_welcome02"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    >
    <include layout="@layout/layout_quote_top_title" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginRight="30dp"
            android:layout_marginLeft="30dp"
            android:background="@drawable/bg_login_white"
            >
            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="手机号"
                    android:textStyle="bold"/>
                <EditText
                    android:id="@+id/et_name"
                    android:layout_width="match_parent"
                    android:layout_height="40dp"
                    android:hint="请输入手机号"
                    android:singleLine="true"
                    android:textSize="13dp"
                    android:inputType="phone"
                    />
            </LinearLayout>

            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="密码"
                    android:textStyle="bold"/>
                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    >
                    <EditText
                        android:id="@+id/et_passwod"
                        android:layout_width="match_parent"
                        android:layout_height="40dp"
                        android:hint="请输入密码"
                        android:singleLine="true"
                        android:textSize="13dp"
                        android:inputType="textPassword"

                        />
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_gravity="right"
                        android:id="@+id/ll_showpass_if">

                        <ImageView
                            android:id="@+id/iv_showpass_if"
                            android:layout_width="25dp"
                            android:layout_height="25dp"
                            android:src="@mipmap/ic_eye_close"
                            android:layout_gravity="center"/>
                    </LinearLayout>
                </FrameLayout>

            </LinearLayout>
            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="密码"
                    android:textStyle="bold"/>
                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    >
                    <EditText
                        android:id="@+id/et_passwods"
                        android:layout_width="match_parent"
                        android:layout_height="40dp"
                        android:hint="请输入确认密码"
                        android:singleLine="true"
                        android:textSize="13dp"
                        android:inputType="textPassword"

                        />
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_gravity="right"
                        android:id="@+id/ll_showpass_ifs">

                        <ImageView
                            android:id="@+id/iv_showpass_ifs"
                            android:layout_width="25dp"
                            android:layout_height="25dp"
                            android:src="@mipmap/ic_eye_close"
                            android:layout_gravity="center"/>
                    </LinearLayout>
                </FrameLayout>

            </LinearLayout>
            <LinearLayout
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="验证码"
                    android:textStyle="bold"/>

                <EditText
                    android:id="@+id/et_code"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="40dp"
                    android:hint="请输入验证码"
                    android:singleLine="true"
                    android:textSize="13dp"
                    android:inputType="text"

                    />

                <ImageView
                    android:id="@+id/iv_code"
                    android:layout_width="80dp"
                    android:layout_height="50dp"
                    android:src="@mipmap/ic_eye_close"
                    android:layout_gravity="right"
                    />
            </LinearLayout>

        </LinearLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginTop="30dp"
            android:layout_marginRight="30dp"
            android:layout_marginLeft="30dp"

            android:background="@drawable/bg_login_green">
            <Button
                android:id="@+id/btn_login_login"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="提交"

                android:background="@drawable/bg_login_green"/>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>
涉及知识02:使用include标签替换一些常用的布局,如app中的页面头

layout>>layout_quote_top_title.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:id="@+id/fl_title"
    >
    <LinearLayout
        android:id="@+id/ll_title_left"
        android:layout_width="45dp"
        android:layout_height="match_parent"
        android:gravity="center"
        android:layout_gravity="center_vertical"
        >

        <ImageView
            android:id="@+id/iv_title_left"
            android:layout_width="25dp"
            android:layout_height="25dp"
            />
    </LinearLayout>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:text="模板"
        android:textSize="18sp" />

    <LinearLayout
        android:id="@+id/ll_title_right"
        android:layout_width="45dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:gravity="center"
        >
        <ImageView
            android:id="@+id/iv_title_right"
            android:layout_width="25dp"
            android:layout_height="25dp"/>
    </LinearLayout>


</FrameLayout>

然后修改下图中MainActivity.java文件 中的activity_main为当前的登录页面的名称()就可以查看登录页面的效果了。

c、Java

发布评论

评论列表 (0)

  1. 暂无评论