1、页面显示模块（路径：HuaweiLoginPortal\app\src\main\res\layout）
activity_main.xml文件为页面显示配置文件

代码如下
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
	android:background="#E0FCFB">//设置这个屏幕的背景色

	
	<ImageView android:id="@+id/textView1"//每个控件都有唯一的id标识
        android:src="@drawable/logo" //图片显示
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:layout_marginTop="70dp"
        android:layout_centerHorizontal="true" />//居中显示
		
	<TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="20dp"
        android:textColor="#36A5F4"
        android:text="浙江移动VoLTE掌上运维"
        android:textAppearance="?android:attr/textAppearanceMedium" />

	<TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView"
		android:layout_marginLeft="40dp"
        android:layout_marginTop="50dp"
        android:text="用户名"
        style="@style/normalText"//样式（有点向加载css文件一样）
        android:textAppearance="?android:attr/textAppearanceMedium" />

	<TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView2"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="38dp"
        android:text="密码"
        style="@style/normalText"
        android:textAppearance="?android:attr/textAppearanceMedium" />
		
	<TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
		android:layout_alignLeft="@+id/textView3"
        android:layout_below="@+id/textView3"
        android:layout_marginTop="38dp"
        android:text="验证码"
        style="@style/normalText"//表示style.xml中的normalText标签
        android:textAppearance="?android:attr/textAppearanceMedium" />	
		
 
    <EditText
        android:id="@+id/password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="请输入密码"
        android:textColorHint ="#E6E7E8"
        android:background ="#FFF"
        android:inputType="textPassword"
        android:layout_alignBaseline="@+id/textView3"
        android:layout_alignBottom="@+id/textView3"
        android:layout_alignLeft="@+id/username"
        android:layout_alignStart="@+id/username"
        android:layout_alignRight="@+id/username"
        android:layout_alignEnd="@+id/username" />
		
		
    <EditText
        android:id="@+id/captcha"
        android:layout_width="95dp"
        android:layout_height="wrap_content"
		android:inputType="textPersonName"
        android:ems="10"
        android:background ="#FFF"
        android:layout_alignLeft="@+id/username"
        android:layout_alignStart="@+id/username"
        android:layout_alignBottom="@+id/textView4" />

   <EditText
        android:id="@+id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="38dp"
        android:ems="10"
        android:hint="请输入账户"
        android:textColorHint ="#E6E7E8"
        android:background ="#FFF"
        android:layout_marginStart="38dp"
        android:layout_alignBaseline="@+id/textView2"
        android:layout_alignBottom="@+id/textView2"
        android:layout_toRightOf="@+id/textView2"
        android:layout_alignRight="@+id/textView1"
        android:layout_alignEnd="@+id/textView1">

        <requestFocus />
    </EditText>


  
		
	<Button
        android:id="@+id/login_btn"
        android:layout_width="300dp"
        android:layout_height="50dp"
        android:background="#07E7DC"
        android:onClick="login"
        android:textSize="25dp"
        android:textColor="#FFF"
        android:text="登  录"
        android:layout_alignParentBottom="true"
        android:layout_alignRight="@+id/password"
        android:layout_alignEnd="@+id/password"
        android:layout_marginBottom="45dp" />

    <ImageButton
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:id="@+id/imageBtn"
        android:layout_alignBottom="@+id/captcha"
        android:layout_alignRight="@+id/password"
        android:layout_alignEnd="@+id/password" />
</RelativeLayout>


2、存放图片的路径（HuaweiLoginPortal\app\src\main\res\drawable）
3、存放样式的路径（HuaweiLoginPortal\app\src\main\res\values）
<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

	
	**<style name="normalText" parent="@android:style/TextAppearance">**
		<item name="android:textColor">#BDBDBD</item>
		<item name="android:textSize">18sp</item>
	</style>
	
    <style name="FullscreenTheme" parent="AppTheme">
        <item name="android:actionBarStyle">@style/FullscreenActionBarStyle</item>
        <item name="android:windowActionBarOverlay">true</item>
        <item name="android:windowBackground">@null</item>
        <item name="metaButtonBarStyle">?android:attr/buttonBarStyle</item>
        <item name="metaButtonBarButtonStyle">?android:attr/buttonBarButtonStyle</item>
    </style>

    <style name="FullscreenActionBarStyle" parent="Widget.AppCompat.ActionBar">
        <item name="android:background">@color/black_overlay</item>
    </style>

</resources>
4、apk安装到桌面的时候，图标显示照片存放在（HuaweiLoginPortal\app\src\main\res\mipmap-hdpi）
不同文件下放不同的大小的照片
具体照片的大小可以百度搜素

5、通过android studio 生成apk -->第一次可以去网上首先具体操作，以后直接在build菜单下Build APK即可