首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将List <Int>绑定到gridview?

要将List<Int>绑定到GridView,您可以使用以下步骤:

  1. 首先,确保您已经导入了GridView和List的库。
代码语言:dart
复制
import 'package:flutter/material.dart';
  1. 创建一个StatefulWidget,它将包含GridView。
代码语言:dart
复制
class MyGridView extends StatefulWidget {
  @override
  _MyGridViewState createState() => _MyGridViewState();
}

class _MyGridViewState extends State<MyGridView> {
  List<int> list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('GridView Example')),
      body: GridView.builder(
        itemCount: list.length,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 3,
          crossAxisSpacing: 10,
          mainAxisSpacing: 10,
        ),
        itemBuilder: (BuildContext context, int index) {
          return GridTile(
            child: Card(
              child: Center(child: Text(list[index].toString())),
            ),
          );
        },
      ),
    );
  }
}

在这个示例中,我们创建了一个名为MyGridView的StatefulWidget,它包含一个名为list的List<int>。然后,我们使用GridView.builder()构建一个网格视图,其中包含我们的列表项。我们使用SliverGridDelegateWithFixedCrossAxisCount来设置网格的布局,包括每行的项目数量、交叉轴间距和主轴间距。最后,我们使用itemBuilder参数来构建每个网格项。

这个示例将List<Int>绑定到GridView,并在每个网格项中显示列表中的整数值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android仿QQ个人标签添加与删除功能

然后用convertView的setTag将viewHolder对象设置Tag中, 当以后再次加载ListView的item时便可以直接从Tag中取出ViewHolder对象,不需要每次都去获取item...arg0, View arg1, int position, long arg3) { for (int i = 0; i < checkLabels.size(); i++) {...通过构造方法传递了两个参数来实例化适配器,并给Gridview绑定适配器。 给下面Gridview的item绑定监听器,处理点击添加操作。...点击事件里面,首先要进行标签唯一性的判断,遍历上面Gridviewlist集合,如果与点击item的值一样,会提示用户“标签存在”,如果标签不存在,则会将数据添加在上面的Gridviewlist中。...给上面Gridview的item绑定监听器,处理点击删除操作,调用的是list的remove(position)方法,删除方法执行以后,再调用一下刷新方法。最后运行的效果和刚开始的图片一样。

91310
  • GridView用法,分页

    DataFormatString: {0:c}:货币 {0:N}:数字 {0:yy-mm-dd}:日期 在模版列中,会用到和 其中Bind是双向数据绑定的...,不能单独使用,一般用于textbox等的Text属性,并且要用单引号,比如 标签内属性Text='’ 而Eval是单向数据绑定,可单独使用,常用于进行格式化,比如:Text...中如何将取出来的0,1转换为中文,比如性别用“男女“表示 通过模板列来实现: 中通过表达式来实现 <asp:Label runat=”server ” ID=”gender”...= e.NewSelectedIndex; //显示主键(显式) int index = e.NewSelectedIndex; string key = this.GridView1.Rows[index...; Bind();//自定义Bind绑定方法 d) RowCancellingEdit取消事件: 一般值在代码中写:this.gvId.EditIndex = -1; Bind

    1.2K30

    这个控件你必须会用!—ListView+GirdView合集

    对于 ListView、 GridView等数据展示控件有多种数据适配器,这里就我们常用的几个进行讲解: (1) ArrayAdapter :用来绑定一个数组,支持泛型操作,最简单的一个 Adapter...(2) SimpleAdapter:用来绑定在 xml中定义的控件对应的数据,同样具有良好扩展性的一个 Adapter,可以自定义多种效果。...(3) SimpleCursorAdapter:用来绑定游标得到的数据 (4) BaseAdapter:通用的基础适配器,抽象类。...convertView == null) { holder = new ViewHolder(); // 由于我们只需要将XML转化为View,并不涉及具体的布局...具体代码如下: 这里 ListView和 GridView的 item要显示的字段比较多,考虑显示问题,这里就要结合用到我们上一篇学到的 ScrollView来实现 <?

    1.9K20

    扩展GridView控件——为内容项添加拖放及分组功能

    绑定数据源,该数据源必须支持数据修改或支持重排序。例如,使用ObservableCollection或IList数据源。...添加新分组 如果GrideView通过将IsSourceGrouped值为True来绑定CollectionViewSource情况下,GridView提供分组功能,这就意味着分组必须对数据源进行分组,...在BeforeDrop事件的Handler中,使用 NewGroupIndex 创建新的数据组,并插入已有组集合。最后,需要实现的扩展GridView控件模板。...base.PrepareContainerForItemOverride(element, item); 28: } 29: } 30: } 创建MyGridView实例,并绑定数据集合...分组 使用GridViewEx控件,能够实现添加新分组和拖拽等功能,也是在App中最为常见的功能,实现分组必须完成以下设置: 为GridView绑定CollectionViewSource,必须使用支持分组的数据源

    2.9K50

    【愚公系列】2023年11月 WPF控件专题 GridView控件详解

    GridView控件通常与数据源绑定使用,可以从数据源中获取数据并将其呈现在GridView中。...数据筛选和排序:GridView提供了筛选和排序功能,可以让用户根据自己的需求排序和筛选数据。自定义列:GridView中的列可以通过绑定数据来实现自定义,用户可以根据自己的需求定制列。...添加数据我们使用一个简单的学生类作为数据源,在MainWindow.xaml.cs文件中添加以下代码:public class Student{ public string Name { get; set; } public int...MainWindow : Window{ public MainWindow() { InitializeComponent(); var students = new List...> 在GridView中创建三个列,每列都使用显示成员绑定来显示Student类中的属性。

    62511

    GridView编辑删除操作

    GridView1属性中将DataKeyNames的值设置为主键名,否则找不到索引,这个非常重要哦。 该方法有2种操作,一种是不正确绑定列转换为模板列,第二种是转换为模板列。...这里先说不转换为模板列的情况; 首先;先对GridView进行数据绑定,无论用代码绑定还是DataSource绑定都能够。...绑定好后,对GridView加入绑定列 和编辑列 (注意这里,加入好后不做不论什么修改,千万不要将它们转换为模板列),加入好后,将所要绑定的数据库表字段填入 属性中。...GridView1.EditIndex = -1; GView(); } 说明:此方法中,如果要求某个绑定列不做编辑,则在它的前台代码中增加ReadOnly=”true”就可以。...;//注意:日期字段不要加ToString(),否则会报错,而nvarchar和int的字段能够加 string hhh = ((TextBox)(GridView1.Rows[e.RowIndex

    1.6K20
    领券