代码设置btn的背景图片
时间: 2023-09-10 13:10:58 浏览: 48
设置按钮背景图片的代码如下:
```java
Button button = findViewById(R.id.button);
button.setBackgroundResource(R.drawable.background_image);
```
其中,`R.drawable.background_image` 是你的背景图片的资源ID。你需要将图片放在 drawable 目录下。
相关问题
java登录注册页面代码,有背景图片
好的,我可以为您提供一个简单的 JavaWeb 登录注册页面的代码,包含背景图片。
HTML 代码(login.jsp):
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<style type="text/css">
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}
.container {
margin-top: 100px;
text-align: center;
color: #fff;
}
.form-input {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
width: 250px;
font-size: 16px;
}
.btn {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
background-color: #fff;
color: #333;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h1>Login Page</h1>
<form action="login" method="post">
<input type="text" name="username" placeholder="Username" class="form-input"><br>
<input type="password" name="password" placeholder="Password" class="form-input"><br>
<input type="submit" value="Login" class="btn">
</form>
<p>Don't have an account? <a href="register.jsp">Register now</a></p>
</div>
</body>
</html>
```
HTML 代码(register.jsp):
```html
<!DOCTYPE html>
<html>
<head>
<title>Register Page</title>
<style type="text/css">
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}
.container {
margin-top: 100px;
text-align: center;
color: #fff;
}
.form-input {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
width: 250px;
font-size: 16px;
}
.btn {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
background-color: #fff;
color: #333;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h1>Register Page</h1>
<form action="register" method="post">
<input type="text" name="username" placeholder="Username" class="form-input"><br>
<input type="password" name="password" placeholder="Password" class="form-input"><br>
<input type="password" name="confirm_password" placeholder="Confirm Password" class="form-input"><br>
<input type="email" name="email" placeholder="Email" class="form-input"><br>
<input type="submit" value="Register" class="btn">
</form>
<p>Already have an account? <a href="login.jsp">Login now</a></p>
</div>
</body>
</html>
```
Java 代码(LoginServlet.java):
```java
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
// TODO: 检查用户名和密码是否正确
if (username.equals("admin") && password.equals("admin")) {
response.sendRedirect("welcome.jsp");
} else {
response.sendRedirect("login.jsp");
}
}
}
```
Java 代码(RegisterServlet.java):
```java
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RegisterServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
String confirm_password = request.getParameter("confirm_password");
String email = request.getParameter("email");
// TODO: 检查用户名、密码、确认密码和邮箱是否符合要求
// TODO: 将用户信息保存到数据库中
response.sendRedirect("login.jsp");
}
}
```
以上是一个简单的 JavaWeb 登录注册页面的代码,包含背景图片。希望能对您有所帮助。
用js写一个点击按钮随机切换背景图片代码
当然,我可以回答这个问题。以下是一个简单的示例:
HTML 代码:
```html
<button id="change-bg-btn">随机切换背景图片</button>
```
JavaScript 代码:
```javascript
const bgImages = [
'image1.jpg',
'image2.jpg',
'image3.jpg',
'image4.jpg'
];
const changeBgBtn = document.getElementById('change-bg-btn');
changeBgBtn.addEventListener('click', () => {
const randomIndex = Math.floor(Math.random() * bgImages.length);
const selectedBg = bgImages[randomIndex];
document.body.style.backgroundImage = `url(${selectedBg})`;
});
```
这个脚本将会监听一个按钮的点击事件,然后随机选择一个背景图片并将其设置为页面的背景图片。在这个示例中,图片文件名存储在一个数组中,可以根据需要自行修改和扩展。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)