GridView使用大全

grideview用法kotlin# GridView的使用方法（Kotlin版）1. 引言在Android开发中，GridView是一个常用的UI控件，用于展示一组数据。

GridView以网格的形式排列视图，可以在垂直和水平方向上滚动。

本文将详细介绍在Kotlin中使用GridView的方法。

2. 基本概述GridView是Android提供的一个布局方式，可以用来显示一组数据。

GridView将数据以网格的形式排列在屏幕上，用户可以滚动浏览，点击其中的项进行交互。

在Kotlin中使用GridView，你需要以下几个步骤：导入依赖、布局文件中添加GridView、编写适配器和设置点击事件监听器。

3. 导入依赖首先，需要在你的项目中导入GridView的依赖。

在你的build.gradle文件中，添加以下代码：kotlinimplementation 'androidx.recyclerview:recyclerview:1.2.1'4. 添加GridView到布局文件中在你的布局文件中，添加GridView作为父容器，并设置一些基本属性，例如列数、填充方式等。

示例代码如下：kotlin<GridViewandroid:id="@+id/gridView"android:layout_width="match_parent"android:layout_height="match_parent"android:numColumns="3"android:verticalSpacing="8dp"android:horizontalSpacing="8dp"android:stretchMode="columnWidth"android:gravity="center"android:padding="8dp" />在上述代码中，我们指定了GridView的id为"gridView"，宽度和高度为match_parent，列数为3，垂直和水平间距为8dp，填充方式为columnWidth，内容居中，边距为8dp。

androidGridView的使用-电脑资料一些属性设置：1.android:numColumns=”auto_fit”//GridView的列数设置为自动2.android:columnWidth=”90dp "//每列的宽度，也就是Item的宽度3.android:stretchMode=”columnWidth"//缩放与列宽大小同步4.android:verticalSpacing=”10dp”//两行之间的边距5.android:horizontalSpacing=”10dp”//两列之间的边距6.android:cacheColorHint="#00000000"//去除拖动时默认的黑色背景7.android:listSelector="#00000000"//去除选中时的黄色底色（若要自定义按下效果，可将之设置为透明色，在设置自己的选择器）8.android:scrollbars="none"//隐藏GridView的滚动条9.android:fadeScrollbars="true"//设置为true就可以实现滚动条的自动隐藏和显示10.android:fastScrollEnabled="true"//GridView出现快速滚动的按钮(至少滚动4页才会显示)11.android:fadingEdge="none"//GridView衰落(褪去)边缘颜色为空，缺省值是vertical，，电脑资料《android GridView的使用》(https://www.)。

(可以理解为上下边缘的提示色)12.android:fadingEdgeLength="10dip"//定义的衰落(褪去)边缘的长度13.android:stackFromBottom="true"//设置为true时，你做好的列表就会显示你列表的最下面14.android:transcriptMode="alwaysScroll"//当你动态添加数据时，列表将自动往下滚动最新的条目可以自动滚动到可视范围内（发现设置后有时候，可以一直往下拉，上面已经没有数据了，还可以拉，奇怪的现象！）15.android:drawSelectorOnTop="false"//点击某条记录不放，颜色会在记录的后面成为背景色,内容的文字可见(缺省为false) ListView 和GridView这一类控件都只能用选择器设置按下的效果，但手一松开，效果不会保持，要想保持可以在做一个按下位置position的标记，设置onItemClick事件中记下position的值，通知数据刷新，在getView中判断是否是你设置的标记，是则设置选中效果，不是都去除选中效果。

1.GridView代码分页排序：效果图：1.AllowSorting设为True，aspx代码中是AllowSorting="True"；2.默认1页10条，如果要修改每页条数，修改PageSize即可，在aspx代码中是PageSize="12"。

3.默认的是单向排序的，右击GridView弹出“属性”，选择AllowSorting为True即可。

1：分页保存选中状态保存CheckBox的值GridView在分页过程中并不维护CheckBox的选择状态，幸运的是，我们可以使用Session来维护CheckBox的状态，这个功能使用RememberOldValues完成private void RememberOldValues(){ArrayList categoryIDList = new ArrayList();int index = -1;foreach (GridViewRow row in okZMGV.Rows){index =Convert .ToInt32( okZMGV.DataKeys[row.RowIndex].Value);bool result = ((CheckBox)row.FindControl("IsCheckBox")).Checked;// Check in the Sessionif (Session["state"] != null)categoryIDList = (ArrayList)Session["state"];if (result){if (!categoryIDList.Contains(index))categoryIDList.Add(index);}elsecategoryIDList.Remove(index);}if (categoryIDList != null && categoryIDList.Count > 0)Session["state"] = categoryIDList;}还原CheckBox的状态下一步，需要定义一个方法来还原Checkbox的状态值private void RePopulateValues(){ArrayList categoryIDList = (ArrayList)Session["state"];if (categoryIDList != null && categoryIDList.Count > 0){foreach (GridViewRow row in okZMGV .Rows){int index = (int)okZMGV.DataKeys[row.RowIndex].Value;if (categoryIDList.Contains(index)){CheckBox myCheckBox = (CheckBox)row.FindControl("IsCheckBox"); myCheckBox.Checked = true;}}}}最后，在分页事件里调用上面两个方法protected void page_Click(object sender, ImageClickEventArgs e){RememberOldValues();string count = ((ImageButton)sender).CommandArgument.ToString().ToLower ();switch(count){case"prev":if (okZMGV.PageIndex > 0){okZMGV.PageIndex -= 1;}break;case"next":if (okZMGV.PageIndex < okZMGV.PageCount - 1){okZMGV.PageIndex += 1;}break;case "0":okZMGV.PageIndex=0;break;case "last":okZMGV.PageIndex= okZMGV.pagecount-1;break;}BrndOKBind();RePopulateValues();}2.GridView选中，编辑，取消，删除：效果图：后台代码：你可以使用sqlhelper,本文没用。

DevExpress GridView使用大全一、ComboBoxEdit1、如何使其不可编辑TextEditStyle 设置为：DisableTextEditor2、如何设置鼠标为手形Cursor 设置为：Hand二、GridControl1、如何解决单击记录整行选中的问题View->OptionsBehavior->EditorShowMode 设置为：Click2、如何新增一条记录(1)、gridView.AddNewRow()(2)、实现gridView_InitNewRow事件3、如何解决GridControl记录能获取而没有显示出来的问题gridView.populateColumns();4、如何让行只能选择而不能编辑（或编辑某一单元格）(1)、View->OptionsBehavior->EditorShowMode 设置为：Click(2)、View->OptionsBehavior->Editable 设置为：false5、如何禁用GridControl中单击列弹出右键菜单设置Run Design->OptionsMenu->EnableColumnMenu 设置为：false6、如何隐藏GridControl的GroupPanel表头设置Run Design->OptionsView->ShowGroupPanel 设置为：false7、如何禁用GridControl中列头的过滤器过滤器如下图所示：设置Run Design->OptionsCustomization->AllowFilter 设置为：false8、如何在查询得到0条记录时显示自定义的字符提示/显示如图所示：方法如下：//When no Records Are Being Displayedprivate void gridView1_CustomDrawEmptyForeground(object sender, CustomDrawEventArgs e){//方法一（此方法为GridView设置了数据源绑定时，可用）ColumnView columnView = sender as ColumnView;BindingSource bindingSource = this.gridView1.DataSource as BindingSource;if(bindingSource.Count == 0){string str = "没有查询到你所想要的数据!";Font f = new Font("宋体", 10, FontStyle.Bold);Rectangle r = new Rectangle(e.Bounds.Top + 5, e.Bounds.Left + 5,e.Bounds.Right - 5, e.Bounds.Height - 5);e.Graphics.DrawString(str, f, Brushes.Black, r);}//方法二（此方法为GridView没有设置数据源绑定时，使用，一般使用此种方法）if (this._flag){if (this.gridView1.RowCount == 0){string str = "没有查询到你所想要的数据!";Font f = new Font("宋体", 10, FontStyle.Bold);Rectangle r = new Rectangle(e.Bounds.Left + 5, e.Bounds.Top +5, e.Bounds.Width - 5, e.Bounds.Height - 5);e.Graphics.DrawString(str, f, Brushes.Black, r);}}}9、如何显示水平滚动条？设置this.gridView.OptionsView.ColumnAutoWidth = false;10、如何定位到第一条数据/记录？设置this.gridView.MoveFirst()11、如何定位到下一条数据/记录？设置this.gridView.MoveNext()12、如何定位到最后一条数据/记录？设置this.gridView.MoveLast()13、设置成一次选择一行，并且不能被编辑this.gridView1.FocusRectStyle =DevExpress.XtraGrid.Views.Grid.DrawFocusRectStyle.RowFocus; this.gridView1.OptionsBehavior.Editable = false;this.gridView1.OptionsSelection.EnableAppearanceFocusedCell = false;14、如何显示行号？this.gridView1.IndicatorWidth = 40;//显示行的序号private void gridView1_CustomDrawRowIndicator(object sender,RowIndicatorCustomDrawEventArgs e){if (.IsRowIndicator && e.RowHandle>=0){.DisplayText = (e.RowHandle + 1).ToString();}}15、如何让各列头禁止移动？设置gridView1.OptionsCustomization.AllowColumnMoving = false;16、如何让各列头禁止排序？设置gridView1.OptionsCustomization.AllowSort = false;17、如何禁止各列头改变列宽？设置gridView1.OptionsCustomization.AllowColumnResizing = false;18、19、20、21、22、23、24、25、26、三、navBarControl1、如何在每一个navBarGroup里添加自己想要的控件设置GroupStyle: ControlContainer2、如何设置navBarGroup有滚动条设置SkinExplorerBarViewScrollStyle:ScrollBar3、如休把navBarGroup设置成如下样式如图所示：设置navBarGroup的PaintStyleName属性为: SkinNavigationPane四、toolTipController效果图如下：1、如何设置显示的时间长短设置this.toolTipController1.AutoPopDelay = 2000;2、如何在屏幕上显示如上图所示的效果ToolTipControllerShowEventArgs args =this.toolTipController1.CreateShowArgs();this.toolTipController1.SetToolTip(this.sbtnYes, "请选择一条记录!");this.toolTipController1.SetTitle(this.sbtnYes, "提示");this.toolTipController1.SetToolTipIconType(this.sbtnYes,DevExpress.Utils.ToolTipIconType.Exclamation);this.toolTipController1.ShowBeak = true;this.toolTipController1.ShowShadow = true;this.toolTipController1.Rounded = true;this.toolTipController1.ShowHint("请选择一条记录!", "提示"); args.ToolTip = "请选择一条记录!";args.Title = "提示";3、如何设置边框的颜色this.toolTipController1.Appearance.BorderColor = Color.Red;五、TextEdit1、如何设置TextEdit为多行，可拉伸设置TextEdit的Propertity->AutoHeight为：False六、LayoutControl1、如何设置LayoutItem为隐藏设置LayoutItem.Visibility = Never七、TreeList1、如何隐藏TreeList的列头设置TreeListr的OptionsView的ShowColumns属性为：False2、如何八、PictureEdit1、如何禁止PictureEdit的右键菜单？设置PictureEdit的Properties->ShowMenu为：false九、TreeList1、如何让TreeList的每个结点高亮显示？效果如下：代码如下：private void treeList1_CustomDrawNodeCell(object sender,DevExpress.XtraTreeList.CustomDrawNodeCellEventArgs e){TreeList node = sender as TreeList;if (e.Node == node.FocusedNode){e.Graphics.FillRectangle(SystemBrushes.Window, e.Bounds);Rectangle r = new Rectangle(e.EditViewInfo.ContentRect.Left,e.EditViewInfo.ContentRect.Top,Convert.ToInt32(e.Graphics.MeasureString(e.CellText, treeList1.Font).Width + 1),Convert.ToInt32(e.Graphics.MeasureString(e.CellText,treeList1.Font).Height));e.Graphics.FillRectangle(SystemBrushes.Highlight, r);e.Graphics.DrawString(e.CellText, treeList1.Font, SystemBrushes.HighlightText, r);e.Handled = true;}}//============================================================================ //===============================以下内容为收集=============================== //============================================================================一、改变grid的样式。

Gridview⽤法⼤总结（全程图解珍藏版）
由于篇幅限制，代码就不贴啦，要的请点击这⾥；希望朋友们能给出⼀些好的建议，本⼈将尽⼒不断完善本⽂！来点掌声吧，o(∩_∩)o...哈哈
1：在Gridview中⽆须编写后台代码，直接实现增除删改
2：在Gridview中添加新记录
3：在Gridview中实现编辑和更新操作
4：在Gridview中实现⼀次性更新所有记录
5：在Gridview中固定表头的实现
6：在Gridview中合并单元格的实现
7：在Gridview中将数据操作结果显⽰在Footer中
8：在Gridview中添加表头
9：在Gridview中将数据导出
10：在Gridview中实现数据导⼊
11：在Gridview中实现嵌套功能
12：在Gridview中实现多层嵌套
13：在Gridview中实现排序
14：在Gridview中实现分页
15：Gridivew结合CheckBox控件的使⽤
16：Gridview结合DropDownList控件的使⽤
17：Gridview结合RadioButtom的使⽤
18：Gridview内嵌DropDownList控件
19：Gridview结合JS，在客户端结合CheckBox的使⽤
20：在Gridview中设置数据⾏的背景颜⾊
21：在Gridview中设置数据⾏的事件
22：在Gridview中设置数据⾏的其他属性
23：在Gridview中索引主键的使⽤。

DevEx‎p ress‎G ridV‎i ew使用‎大全一、Combo‎BoxEd‎it1、如何使其不‎可编辑TextE‎ditSt‎y le设置为：Disab‎leT ex‎t Edit‎o r2、如何设置鼠‎标为手形Curso‎r设置为：Hand二、GridC‎o ntro‎l1、如何解决单‎击记录整行‎选中的问题‎View->Optio‎nsBeh‎a vior‎->Edito‎r Show‎M ode设置为：Click‎2、如何新增一‎条记录(1)、gridV‎iew.AddNe‎w Row()(2)、实现gri‎d View‎_Init‎N ewRo‎w事件3、如何解决G‎ridCo‎n trol‎记录能获取‎而没有显示‎出来的问题‎gridV‎iew.popul‎a teCo‎lumns‎();4、如何让行只‎能选择而不‎能编辑（或编辑某一‎单元格）(1)、View->Optio‎nsBeh‎avior‎->Edito‎rShow‎M ode设置为：Click‎(2)、View->Optio‎nsBeh‎avior‎->Edita‎b le 设置为：false‎5、如何禁用G‎ridCo‎n trol‎中单击列弹‎出右键菜单‎设置Run‎Desig‎n->Optio‎nsMen‎u->Enabl‎e Colu‎mnMen‎u设置为：false‎6、如何隐藏G‎ridCo‎n trol‎的G rou‎p Pane‎l表头设置Run‎Desig‎n->Optio‎nsVie‎w->ShowG‎roupP‎anel设置为：false‎7、如何禁用G‎ridCo‎n trol‎中列头的过‎滤器过滤器如下‎图所示：设置Run Desig‎n->Optio‎nsCus‎t omiz‎a tion‎->Allow‎F ilte‎r设置为：false‎8、如何在查询‎得到0条记‎录时显示自‎定义的字符‎提示/显示如图所示：方法如下：//When no Recor‎d s Are Being‎Displ‎a yedpriva‎t evoid gridV‎i ew1_‎C usto‎m Draw‎E mpty‎F oreg‎r ound‎(objec‎t sende‎r,Custo‎m Draw‎E vent‎A rgs e){//方法一（此方法为G‎r idVi‎e w设置了‎数据源绑定‎时，可用）Colum‎n View‎colum‎n View‎= sende‎r as Colum‎n View‎;Bindi‎n gSou‎r ce bindi‎n gSou‎r ce = this.gridV‎i ew1.DataS‎o urce‎asBindi‎n gSou‎r ce;if(bindi‎n gSou‎r ce.Count‎== 0){strin‎g str = "没有查询到‎你所想要的‎数据!";Font f = new Font("宋体", 10, FontS‎t yle.Bold);Recta‎n gle r = new Recta‎n gle(e.Bound‎s.Top + 5, e.Bound‎s.Left + 5,e.Bound‎s.Right‎- 5, e.Bound‎s.Heigh‎t - 5);e.Graph‎i cs.DrawS‎t ring‎(str, f, Brush‎e s.Black‎, r);}//方法二（此方法为G‎r idVi‎e w没有设‎置数据源绑‎定时，使用，一般使用此‎种方法）if (this._flag‎){if (this.gridV‎i ew1.RowCo‎u nt == 0){strin‎g str = "没有查询到‎你所想要的‎数据!";Font f = new Font("宋体", 10, FontS‎t yle.Bold);Recta‎n gle r = new Recta‎n gle(e.Bound‎s.Left + 5, e.Bound‎s.Top + 5, e.Bound‎s.Width‎-5, e.Bound‎s.Heigh‎t - 5);e.Graph‎i cs.DrawS‎t ring‎(str, f, Brush‎e s.Black‎, r);}}}9、如何显示水‎平滚动条？设置thi‎s.gridV‎iew.Optio‎n sVie‎w.Colum‎n Auto‎W idth‎= false‎;10、如何定位到‎第一条数据‎/记录？设置this.gridV‎iew.MoveF‎irst()11、如何定位到‎下一条数据‎/记录？设置this.gridV‎iew.MoveN‎e xt()12、如何定位到‎最后一条数‎据/记录？设置this.gridV‎iew.MoveL‎a st()13、设置成一次‎选择一行，并且不能被‎编辑this.gridV‎i ew1.Focus‎R ectS‎t yle =DevEx‎p ress‎.XtraG‎r id.Views‎.Grid.DrawF‎o cusR‎e ctSt‎y le.RowFo‎c us; this.gridV‎i ew1.Optio‎n sBeh‎a vior‎.Edita‎b le = false‎;this.gridV‎i ew1.Optio‎n sSel‎e ctio‎n.Enabl‎e Appe‎a ranc‎e Focu‎s edCe‎l l = false‎;14、如何显示行‎号？this.gridV‎i ew1.Indic‎a torW‎i dth = 40;//显示行的序‎号priva‎t evoid gridV‎i ew1_‎C usto‎m Draw‎R owIn‎d icat‎o r(objec‎t sende‎r, RowIn‎d icat‎o rCus‎t omDr‎a wEve‎n tArg‎s e) {if (.IsRow‎I ndic‎a tor && e.RowHa‎n dle>=0){.Displ‎a yTex‎t = (e.RowHa‎n dle + 1).ToStr‎i ng();}}15、如何让各列‎头禁止移动‎？设置gri‎dView‎1.Optio‎n sCus‎t omiz‎a tion‎.Allow‎C olum‎n Movi‎n g = false‎;16、如何让各列‎头禁止排序‎？设置gri‎dView‎1.Optio‎n sCus‎t omiz‎a tion‎.Allow‎S ort = false‎;17、如何禁止各‎列头改变列‎宽？设置gri‎dView‎1.Optio‎n sCus‎t omiz‎a tion‎.Allow‎C olum‎n Resi‎z ing = false‎;18、19、20、21、22、23、24、25、26、三、navBa‎r Cont‎r ol1、如何在每一‎个n avB‎arGro‎u p里添加‎自己想要的‎控件设置Gro‎u pSty‎le:Contr‎o lCon‎t aine‎r2、如何设置n‎a vBar‎G roup‎有滚动条设置Ski‎n Expl‎o rerB‎a rVie‎w Scro‎llSty‎l e:Scrol‎l Bar3、如休把na‎v BarG‎r oup设‎置成如下样‎式如图所示：设置nav‎BarGr‎o up的P‎a intS‎t yleN‎a me属性‎为:S kinN‎a viga‎t ionP‎a ne四、toolT‎ipCon‎t roll‎e r效果图如下‎：1、如何设置显‎示的时间长‎短设置thi‎s.toolT‎i pCon‎t roll‎e r1.AutoP‎o pDel‎a y = 2000;2、如何在屏幕‎上显示如上‎图所示的效‎果ToolT‎i pCon‎t roll‎e rSho‎w Even‎t Args‎args = this.toolT‎i pCon‎t roll‎e r1.Creat‎e Show‎A rgs(); this.toolT‎i pCon‎t roll‎e r1.SetTo‎o lTip‎(this.sbtnY‎e s, "请选择一条‎记录!");this.toolT‎i pCon‎t roll‎e r1.SetTi‎t le(this.sbtnY‎e s, "提示");this.toolT‎i pCon‎t roll‎e r1.SetTo‎o lTip‎I conT‎y pe(this.sbtnY‎e s,DevEx‎p ress‎.Utils‎.ToolT‎i pIco‎n Type‎.Excla‎m atio‎n);this.toolT‎i pCon‎t roll‎e r1.ShowB‎e ak = true;this.toolT‎i pCon‎t roll‎e r1.ShowS‎h adow‎= true;this.toolT‎i pCon‎t roll‎e r1.Round‎e d = true;this.toolT‎i pCon‎t roll‎e r1.ShowH‎i nt("请选择一条‎记录!", "提示"); args.ToolT‎i p = "请选择一条‎记录!";args.Title‎= "提示";3、如何设置边‎框的颜色this.toolT‎i pCon‎t roll‎e r1.Appea‎r ance‎.Borde‎r Colo‎r = Color‎.Red;五、TextE‎d it1、如何设置T‎e xtEd‎i t为多行‎，可拉伸设置Tex‎t Edit‎的Prop‎e rtit‎y->AutoH‎e ight‎为：False‎六、Layou‎t Cont‎r ol1、如何设置L‎a yout‎Item为‎隐藏设置Lay‎o utIt‎e m.Visib‎ility‎= Never‎七、TreeL‎ist1、如何隐藏T‎r eeLi‎s t的列头‎设置Tre‎e List‎r的Opt‎ionsV‎iew的S‎h owCo‎lumns‎属性为：False‎2、如何八、Pictu‎r eEdi‎t1、如何禁止P‎ictur‎e Edit‎的右键菜单‎？设置Pic‎t ureE‎d it的P‎r oper‎t ies->ShowM‎enu为：false‎九、TreeL‎ist1、如何让Tr‎e eLis‎t的每个结‎点高亮显示‎？效果如下：代码如下：priva‎t evoid treeL‎i st1_‎C usto‎m Draw‎N odeC‎e ll(objec‎t sende‎r,DevEx‎p ress‎.XtraT‎r eeLi‎s t.Custo‎m Draw‎N odeC‎e llEv‎e ntAr‎g s e){TreeL‎i st node = sende‎r as TreeL‎i st;if (e.Node == node.Focus‎e dNod‎e){e.Graph‎i cs.FillR‎e ctan‎g le(Syste‎m Brus‎h es.Windo‎w, e.Bound‎s);Recta‎n gle r = new Recta‎n gle(e.EditV‎i ewIn‎f o.Conte‎n tRec‎t.Left,e.EditV‎i ewIn‎f o.Conte‎n tRec‎t.Top,Conve‎r t.ToInt‎32(e.Graph‎i cs.Measu‎r eStr‎i ng(e.CellT‎e xt,treeL‎i st1.Font).Width‎+ 1),Conve‎r t.ToInt‎32(e.Graph‎i cs.Measu‎r eStr‎i ng(e.CellT‎e xt,treeL‎i st1.Font).Heigh‎t));e.Graph‎i cs.FillR‎e ctan‎g le(Syste‎m Brus‎h es.Highl‎i ght, r);e.Graph‎i cs.DrawS‎t ring‎(e.CellT‎e xt, treeL‎i st1.Font, Syste‎m Brus‎h es.Highl‎i ghtT‎e xt, r);e.Handl‎e d = true;}}//============================================================================ //===============================以下内容为‎收集=============================== //============================================================================一、改变gri‎d的样式。

flutter gridview 用法GridView是Flutter中用于显示网格列表的控件，它可以以行或列的方式显示多个子控件。

要使用GridView，可以通过GridView.builder或GridView.count来创建一个。

使用GridView.builder来创建一个网格列表，需要指定itemCount属性，它表示列表的子项数量。

然后可以使用itemBuilder属性来构建每个子项的内容。

下面是一个GridView.builder的例子：dartGridView.builder(itemCount: data.length, 数据长度gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3, 每行显示3个子项mainAxisSpacing: 10.0, 主轴间距crossAxisSpacing: 10.0, 交叉轴间距childAspectRatio: 1.0, 子项宽高比例),itemBuilder: (context, index) {return Container(color: Colors.blue,child: Center(child: Text('Item index',style: TextStyle(fontSize: 20.0, color: Colors.white),),),);},)使用GridView.count来创建一个网格列表，需要指定crossAxisCount属性，它表示每行或每列显示的子项数量。

下面是一个GridView.count的例子：dartGridView.count(crossAxisCount: 3, 每行显示3个子项mainAxisSpacing: 10.0, 主轴间距crossAxisSpacing: 10.0, 交叉轴间距childAspectRatio: 1.0, 子项宽高比例children: List.generate(20, (index) {return Container(color: Colors.blue,child: Center(child: Text('Item index',style: TextStyle(fontSize: 20.0, color: Colors.white),),),);}),)以上就是使用GridView创建网格列表的基本用法。

Gridview用法(个人总结)202X803Gridview用法(个人总结)202*0803Gridview的一些操作：1、添加删除列：直接使用Gridview的删除事件：1）选择Gridview的右上角任务栏，打开之后选择编辑列，然后选择CommandFiled，打开CommandFiled选择删除，然后选择添加，设置HeadText为删除。

2）打开Gridview控件的属性对话框，在事件中双击RowDeleting，然后添加删除事件代码：protectedvoidGridView1_RowDeleting(objectsender,GridViewDelete EventArgse){StringBuildersb=newStringBuilder();sb.AppendFormat(@"DELETEFRO MSUPPLIERSWHEREID="+Convert.ToInt32(GridView1.DataKeys[e.RowIndex] .Value));SQLHelperhelper=newSQLHelper();helper.ExecuteSql(sb.ToStr ing());Bindon();}不使用Gridview的删除事件：使用添加LinkButton的方法实现删除选定行1）选择Gridview的右上角任务栏，打开之后选择编辑列，然后选择TemplateField，设置HeadText为删除，然后在脚本中添加下面代码：2）打开Gridview控件的属性对话框，在事件中双击RowDataBound，添加如下代码：//获取删除行的IDif(e.Row.RowType==DataControlRowType.DataRow){stringid=GridVie w1.DataKeys[e.Row.RowIndex].Value.ToString();//得到idLinkButtonibtnDel=(LinkButton)e.Row.FindControl("delet");//实例化LinButton按钮控件mandArgument=id;//指定删除按钮的关联参数ibtnDel.Attributes.Add("onclick","returnconfirm("确定要删除吗？");");}3）打开Gridview控件的属性对话框，在事件中双击RowCommand，添加如下代码：if(mandName=="del"){stringid=mandArgument.ToString();//获得IDStringBuildersb=newStringBuilder();sb.AppendFormat(@"DELETEFROMSUPPLIERSWHEREID="+id);SQLHelperhe lper=newSQLHelper();helper.ExecuteSql(sb.ToString());Bindon();}即可。