AndroidStudio设计登录页源码（音悦app）

目录

一、代码

二、效果

---

一、代码

1.在activity_main.xml里的代码

"1.0" encoding="utf-8"?>
"http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">
 
    
    android:src="@drawable/shang1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="278dp"
    android:layout_marginTop="-10dp"
        />
 
    
        android:layout_marginTop="10dp"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
 
        
 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/logo"
            />
        
            android:layout_marginTop="15dp"
            android:paddingLeft="2dp"
            android:layout_marginBottom="50dp"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:src="@drawable/yinyue"
            />
 
        
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center">
 
            
                android:text="邮箱："
                android:paddingLeft="25dp"
                android:textSize="30dp"
                android:textColor="@color/zise2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            
                android:hint="请输入您的邮箱"
                android:textSize="20dp"
                android:textColorHint="#B2A9C1"
                android:inputType="textEmailAddress"
                android:layout_marginLeft="0dp"
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                />
        
 
        
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center"
            android:layout_marginTop="10dp">
 
            
                android:text="密码："
                android:paddingLeft="25dp"
                android:textSize="30dp"
                android:textColor="@color/zise2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            
                android:hint="请输入您的密码"
                android:textSize="20dp"
                android:textColorHint="#B2A9C1"
                android:inputType="textEmailAddress"
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                />
        
        
            android:layout_marginTop="40dp"
            android:layout_gravity="center"
            android:layout_width="278dp"
            android:text="@string/tv_one"
            android:textSize="26dp"
            android:textColor="@color/white"
            android:background="@drawable/rounded_button"
            android:layout_height="55dp"/>
    
    
        android:src="@drawable/xia"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="-5dp"
        android:layout_marginTop="70dp"
 
        />

2.在..src\main\res\drawable文件夹下新建文件（file）,命名为：rounded_button.xml,在里面输入如下代码

"1.0" encoding="utf-8"?>
"http://schemas.android.com/apk/res/android">
        
                "rectangle">
                        "@color/zise3"
                            android:endColor="@color/fense1"
                            android:angle="180"/>
                        
                        
                        
                        "70dp" />
                        
                        
                            android:left="10dp"
                            android:top="10dp"
                            android:right="10dp"
                            android:bottom="10dp"
                            />
 
 
                
        

3.在..src\main\res\values\themes.xml文件夹下修改成如下图所示

上图中，

①是指在themes.xml文件下

②是指把原来的actionbar给关闭，为了保险起见，把原来的代码注释，从新复制修改了一下

③把状态栏的图标颜色改为白色，背景色改为偏紫色一点的暗色，更符合我们app的主题

4.在..src\main\res\values\colors.xml文件下看缺少那些代码自行添加（或者直接复制这段，然后覆盖你原有的代码段） 

"1.0" encoding="utf-8"?>
    "purple_200">#FFBB86FC
    "purple_500">#FF6200EE
    "purple_700">#FF3700B3
    "teal_200">#FF03DAC5
    "teal_700">#FF018786
    "black">#FF000000
    "white">#FFFFFFFF
    "zise">#9f88b6
    "zise2">#7355B6
    "zise3">#4a599c
    "fense1">#d6a7c7
 

5.用到的图片在文章顶部的资源那下载（名称为：app的图标和app名称）

然后拖到..src\main\res\drawable\文件夹下，记得把名字也改一下如果下载后名字不一样了，最后成这样：

二、效果

然后运行就可以啦~最终效果是这样滴，喜欢的友友留个赞赞吧