用Android写一个有背景图片的登录界面
时间: 2024-03-07 13:48:07 浏览: 159
好的,以下是一个简单的实现步骤:
1. 在res/drawable目录下添加背景图片(例如login_bg.png)。
2. 在res/layout目录下创建login_layout.xml文件,添加登录界面的布局代码,包括EditText、Button等控件。在根布局中添加android:background="@drawable/login_bg"属性来设置背景图片。
示例代码如下:
```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"
android:background="@drawable/login_bg">
<EditText
android:id="@+id/username_edit"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:layout_marginLeft="50dp"
android:layout_marginRight="50dp"
android:hint="请输入用户名"
android:inputType="text" />
<EditText
android:id="@+id/password_edit"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/username_edit"
android:layout_marginTop="20dp"
android:layout_marginLeft="50dp"
android:layout_marginRight="50dp"
android:hint="请输入密码"
android:inputType="textPassword" />
<Button
android:id="@+id/login_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/password_edit"
android:layout_marginTop="20dp"
android:layout_marginLeft="50dp"
android:layout_marginRight="50dp"
android:text="登录" />
</RelativeLayout>
```
3. 在Activity中加载login_layout.xml布局文件,并设置相关事件处理逻辑,例如点击登录按钮时验证用户名和密码是否正确。
示例代码如下:
```java
public class LoginActivity extends AppCompatActivity {
private EditText usernameEdit;
private EditText passwordEdit;
private Button loginBtn;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.login_layout);
usernameEdit = findViewById(R.id.username_edit);
passwordEdit = findViewById(R.id.password_edit);
loginBtn = findViewById(R.id.login_btn);
loginBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String username = usernameEdit.getText().toString().trim();
String password = passwordEdit.getText().toString().trim();
// TODO: 验证用户名和密码是否正确
if (username.equals("admin") && password.equals("123456")) {
Toast.makeText(LoginActivity.this, "登录成功", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(LoginActivity.this, "用户名或密码错误", Toast.LENGTH_SHORT).show();
}
}
});
}
}
```
以上就是一个简单的实现过程,希望对你有所帮助。