Android studio使用gridview控件写出课程表的页面布局
时间: 2023-08-05 11:13:31 浏览: 181
android 课程表布局
4星 · 用户满意度95%
下面是一个使用 `GridView` 控件实现课程表布局的示例代码:
1. 首先,在你的布局文件中添加 `GridView` 控件,如下所示:
```
<GridView
android:id="@+id/gridView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp"
android:numColumns="6"
android:columnWidth="80dp"
android:stretchMode="columnWidth"
android:gravity="center"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"/>
```
上面的代码中,我们将 `GridView` 的列数设置为 6,每列的宽度为 80dp,列宽会自动平均分配。同时,我们还设置了网格之间的垂直和水平间距为 10dp。
2. 接下来,我们需要创建一个适配器来为 `GridView` 提供数据,代码如下:
```
public class CourseAdapter extends BaseAdapter {
private Context mContext;
private List<Course> mCourseList;
public CourseAdapter(Context context, List<Course> courseList) {
mContext = context;
mCourseList = courseList;
}
@Override
public int getCount() {
return mCourseList.size();
}
@Override
public Object getItem(int position) {
return mCourseList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view;
if (convertView == null) {
view = LayoutInflater.from(mContext).inflate(R.layout.item_course, parent, false);
} else {
view = convertView;
}
Course course = mCourseList.get(position);
TextView tvName = view.findViewById(R.id.tv_name);
TextView tvTime = view.findViewById(R.id.tv_time);
TextView tvRoom = view.findViewById(R.id.tv_room);
tvName.setText(course.getName());
tvTime.setText(course.getTime());
tvRoom.setText(course.getRoom());
return view;
}
}
```
上面的代码中,我们创建了一个 `CourseAdapter` 适配器,为 `GridView` 提供数据。`Course` 是一个自定义的课程类,包含课程名称、上课时间和教室信息。在 `getView()` 方法中,我们将课程信息填充到布局文件中,然后返回该布局。
3. 最后,我们在代码中使用 `CourseAdapter` 适配器为 `GridView` 设置数据源,示例代码如下:
```
List<Course> courseList = new ArrayList<>();
courseList.add(new Course("语文", "周一 1-2节", "301"));
courseList.add(new Course("数学", "周二 3-4节", "302"));
courseList.add(new Course("英语", "周三 5-6节", "303"));
...
GridView gridView = findViewById(R.id.gridView);
CourseAdapter adapter = new CourseAdapter(this, courseList);
gridView.setAdapter(adapter);
```
上面的代码中,我们创建了一个包含多个课程信息的列表,然后将其传递给 `CourseAdapter` 适配器,最后将适配器设置为 `GridView` 的数据源。运行程序,就可以看到一个简单的课程表布局了。
阅读全文