用android studio 写一个登录界面设计代码
时间: 2023-07-20 12:28:34 浏览: 57
好的,以下是一个简单的登录界面的设计代码,你可以在 Android Studio 中创建一个新的 Activity,然后将以下代码复制粘贴到 XML 文件中:
```
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:src="@drawable/login_logo"
android:layout_centerHorizontal="true"/>
<EditText
android:id="@+id/username"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="150dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:hint="Username"
android:padding="10dp"
android:textColorHint="#999"
android:textSize="16sp"
android:background="@drawable/edittext_border"
android:inputType="text"/>
<EditText
android:id="@+id/password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/username"
android:layout_marginTop="20dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:hint="Password"
android:padding="10dp"
android:textColorHint="#999"
android:textSize="16sp"
android:background="@drawable/edittext_border"
android:inputType="textPassword"/>
<Button
android:id="@+id/login_button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/password"
android:layout_marginTop="20dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:text="Login"
android:textSize="18sp"
android:textColor="#fff"
android:background="@drawable/button_background"/>
</RelativeLayout>
```
这个代码使用了一个 RelativeLayout 布局,包含了一个 ImageView、两个 EditText 和一个 Button,可以实现基本的登录功能。你需要将其中的 drawable 图片和背景颜色替换成你自己的图片和颜色,以适应你的应用程序的主题。
同时,你需要创建两个 drawable 文件,分别为 edittext_border.xml 和 button_background.xml,代码如下:
edittext_border.xml:
```
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#fff" />
<stroke android:width="1dp" android:color="#999" />
<corners android:radius="5dp" />
</shape>
```
button_background.xml:
```
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#2196F3" />
<corners android:radius="5dp" />
</shape>
```
这些 drawable 文件定义了 EditText 和 Button 的边框和背景颜色。你可以根据需要调整这些值来适应你的应用程序的主题。
希望这个代码可以帮助你创建你的登录界面!
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)