采用线性布局设计一个输入班级、学号和姓名的界面,点击提交按钮后,输入的班级、学号和姓名等信息将在另一个界面中显示出来。用自己的班级、学号和姓名进行验证
时间: 2023-09-11 07:05:04 浏览: 219
学生信息管理系统,实现学生信息包括:学号、姓名、性别、年龄、班级等信息。
5星 · 资源好评率100%
### 回答1:
以下是一个简单的线性布局设计输入界面和显示界面的代码示例,你可以根据自己的需求进行修改和完善。
activity_main.xml:
```xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<EditText
android:id="@+id/edit_class"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入班级"/>
<EditText
android:id="@+id/edit_number"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入学号"/>
<EditText
android:id="@+id/edit_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入姓名"/>
<Button
android:id="@+id/btn_submit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="提交"/>
</LinearLayout>
```
show_info.xml:
```xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/text_class"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/text_number"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/text_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
```
MainActivity.java:
```java
public class MainActivity extends AppCompatActivity {
private EditText editClass, editNumber, editName;
private Button btnSubmit;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
editClass = findViewById(R.id.edit_class);
editNumber = findViewById(R.id.edit_number);
editName = findViewById(R.id.edit_name);
btnSubmit = findViewById(R.id.btn_submit);
btnSubmit.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String clazz = editClass.getText().toString();
String number = editNumber.getText().toString();
String name = editName.getText().toString();
Intent intent = new Intent(MainActivity.this, ShowInfoActivity.class);
intent.putExtra("class", clazz);
intent.putExtra("number", number);
intent.putExtra("name", name);
startActivity(intent);
}
});
}
}
```
ShowInfoActivity.java:
```java
public class ShowInfoActivity extends AppCompatActivity {
private TextView textClass, textNumber, textName;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.show_info);
textClass = findViewById(R.id.text_class);
textNumber = findViewById(R.id.text_number);
textName = findViewById(R.id.text_name);
Intent intent = getIntent();
String clazz = intent.getStringExtra("class");
String number = intent.getStringExtra("number");
String name = intent.getStringExtra("name");
textClass.setText("班级:" + clazz);
textNumber.setText("学号:" + number);
textName.setText("姓名:" + name);
}
}
```
使用时,将上述代码复制到对应的文件中,然后运行程序即可。你可以输入你自己的班级、学号和姓名进行验证。
### 回答2:
线性布局是一种常用的界面设计方式,可以按照水平或垂直的方式排列组件。为了实现输入班级、学号和姓名的界面,并在点击提交按钮后在另一个界面中显示这些信息,我们可以使用线性布局如下:
1. 首先,在设计中使用一个垂直的线性布局容器来放置输入组件和提交按钮。
2. 在这个容器中,我们可以按照从上到下的顺序依次添加班级、学号和姓名的文本输入框。
3. 在底部添加一个提交按钮,并将其放置在容器的最下面。
4. 在点击提交按钮后,我们可以触发一个事件处理程序,该事件处理程序将输入的班级、学号和姓名信息存储下来,并在另一个界面中显示出来。
5. 在另一个界面中,我们可以使用一个文本框或标签来显示存储的班级、学号和姓名信息。
例如,假设我是一位学号为001的学生,姓名为小明,我所在的班级是2班。使用这些信息进行验证时,我可以在输入界面中依次输入班级2、学号001和姓名小明,并点击提交按钮。
在另一个界面中,可以显示出输入的班级、学号和姓名信息为:
班级:2
学号:001
姓名:小明
这样,我们就使用线性布局设计了一个输入班级、学号和姓名的界面,并通过点击提交按钮将输入的信息在另一个界面中显示出来,并验证了这个设计的可行性。
### 回答3:
设计一个输入班级、学号和姓名的界面可以采用线性布局,可以使用HTML和CSS来实现。首先,在HTML中创建一个表单,包含三个文本输入框,分别用于输入班级、学号和姓名。接着,创建一个提交按钮,当用户点击按钮时,将触发提交事件。
```html
<!DOCTYPE html>
<html>
<head>
<title>输入信息</title>
<style>
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.input-field {
margin: 10px 0;
}
</style>
</head>
<body>
<div class="container">
<h2>请输入班级、学号和姓名:</h2>
<div class="input-field">
<label for="class">班级:</label>
<input type="text" id="class" />
</div>
<div class="input-field">
<label for="student-id">学号:</label>
<input type="text" id="student-id" />
</div>
<div class="input-field">
<label for="name">姓名:</label>
<input type="text" id="name" />
</div>
<button onclick="submitForm()">提交</button>
</div>
</body>
</html>
```
接下来,编写JavaScript代码来处理提交事件。验证输入的班级、学号和姓名等信息,并在另一个界面中显示出来。
```javascript
function submitForm() {
// 获取输入的班级、学号和姓名
var classValue = document.getElementById("class").value;
var studentIdValue = document.getElementById("student-id").value;
var nameValue = document.getElementById("name").value;
// 验证输入信息是否有效
if (classValue && studentIdValue && nameValue) {
// 在另一个界面中显示输入的信息
var displayPage = window.open("", "显示信息");
displayPage.document.write(`
<html>
<head>
<title>显示信息</title>
</head>
<body>
<h2>输入的信息为:</h2>
<p>班级:${classValue}</p>
<p>学号:${studentIdValue}</p>
<p>姓名:${nameValue}</p>
</body>
</html>
`);
} else {
alert("请输入完整的班级、学号和姓名!");
}
}
```
最后,用你自己的班级、学号和姓名进行验证。在输入界面中,填写你的班级、学号和姓名,然后点击提交按钮。另一个界面将显示输入的班级、学号和姓名信息。
阅读全文