Android studio使用gridview控件写出课程表的布局
时间: 2023-08-25 21:04:22 浏览: 104
android 课程表布局
4星 · 用户满意度95%
首先,在布局文件中添加GridView控件:
```xml
<GridView
android:id="@+id/gridView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:numColumns="6"
android:verticalSpacing="1dp"
android:horizontalSpacing="1dp"
android:columnWidth="match_parent"
android:stretchMode="columnWidth"
android:gravity="center_horizontal" />
```
这里我们设置GridView的列数为6,每个单元格之间的垂直和水平间距为1dp,每个单元格的宽度和高度都根据列宽自适应,且单元格宽度均匀分配。
接下来,我们需要定义每个单元格的布局。在res/layout目录下新建一个课程表单元格的布局文件,例如course_cell.xml,代码如下:
```xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/cell_bg"
android:padding="5dp">
<TextView
android:id="@+id/tv_course_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/white"
android:textSize="14sp" />
<TextView
android:id="@+id/tv_course_time"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/white"
android:textSize="12sp" />
</LinearLayout>
```
这里我们使用LinearLayout作为根布局,设置了背景、内边距和垂直方向的线性布局。在线性布局中添加了两个TextView控件,分别用于显示课程名称和时间。
最后,在代码中设置GridView的适配器,为每个单元格填充数据。我们可以创建一个Course类来保存每个单元格的数据,例如课程名称和时间等。
```java
public class Course {
private String name;
private String time;
public Course(String name, String time) {
this.name = name;
this.time = time;
}
public String getName() {
return name;
}
public String getTime() {
return time;
}
}
```
然后,在Activity中定义一个List<Course>类型的数据集合,用于保存所有课程的数据。并创建一个GridViewAdapter适配器类,用于为GridView填充数据。
```java
public class GridViewAdapter extends BaseAdapter {
private Context context;
private List<Course> courses;
public GridViewAdapter(Context context, List<Course> courses) {
this.context = context;
this.courses = courses;
}
@Override
public int getCount() {
return courses.size();
}
@Override
public Object getItem(int position) {
return courses.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = LayoutInflater.from(context).inflate(R.layout.course_cell, parent, false);
}
Course course = courses.get(position);
TextView tvName = convertView.findViewById(R.id.tv_course_name);
TextView tvTime = convertView.findViewById(R.id.tv_course_time);
tvName.setText(course.getName());
tvTime.setText(course.getTime());
return convertView;
}
}
```
最后,在Activity中设置GridView的适配器,将数据填充到每个单元格中。
```java
public class MainActivity extends AppCompatActivity {
private GridView gridView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView = findViewById(R.id.gridView);
List<Course> courses = new ArrayList<>();
courses.add(new Course("语文", "周一 1-2节"));
courses.add(new Course("数学", "周二 3-4节"));
courses.add(new Course("英语", "周三 5-6节"));
courses.add(new Course("物理", "周四 7-8节"));
courses.add(new Course("化学", "周五 9-10节"));
gridView.setAdapter(new GridViewAdapter(this, courses));
}
}
```
这样,我们就可以使用GridView控件来实现课程表的布局了。
阅读全文