大家好，如果您还对winform登录小米网站源码分享(c不太了解，没有关系，今天就由本站为大家分享winform登录小米网站源码分享(c的知识，包括小米商城web代码的问题都会给大家分析到，还望可以解决大家的问题，下面我们就开始吧！
DevExpressWinformsControls内置140多个UI控件和库，完美构建流畅、美观且易于使用的应用程序。
点击“了解更多”获取DevExpressWinFormv20.1完整版下载
在很多时候，我们做一些非常规化的界面的时候，往往需要创建一些用户控件，在其中绘制好一些基础的界面块，作为后续重复使用的一个单元，用户控件同时也可以封装处理一些简单的逻辑。在开发Winform各种类型项目，我都时不时需要定制一些特殊的用户控件，以方便在界面模块中反复使用。我们一般是在自定义的用户控件里面，添加各种各样的界面控件元素，或者封装一些特殊的函数处理共外部调用等。本篇随笔主要介绍基于DevExpress的Winform开发经验，介绍一个类似看板信息的用户控件，并在TabelLayout和StackLayout布局控件中进行展示。
一、用户控件界面的处理
在偶尔的一个场合下，看到一个牙医管家的软件界面做的非常不错，其中有一个预约列表的界面感觉非常好，如下界面所示。
其中它的每个用户信息列表里面，都是一个综合信息的展示，非常直观，估计应该是用户自定义控件做的。
在其中里面，有不同的字体，各式图标，以及内容的信息展示，这个我在DevExpress的列表控件里面，没有看到可以如此定义列表内容的，在DevExpress的GridView里面有一个看板模板的定义有点接近，但是试了一下，可调性不好，于是放弃寻求其他接近方案，玩遍DevExpress的控件后，发现最好的方式应该是自定义用户控件的方式来解决这个界面问题。
花了一点时间，制作了一个用户控件，在其中添加一个LayoutControl方便控制布局，添加一些标签以及设置了一些图标，得到下图所示。
左侧的颜色条由于使用Group控件，因此宽度暂时无法调整，如果介意大小，我们可以在其中在创建一个LayoutControl，然后在其中方式内容即可。
我们改变布局，然后添加一个颜色块，得到类似界面如下所示。
我们来定义一下用户控件的源码部分，修改其中源码，增加对应的属性，方便动态设置用户控件的相关属性，如颜色块，项目背景色，以及绑定的对象信息等内容。
然后在界面加载完毕后，设置对应的信息和颜色信息，如下代码所示。
///\n///窗口加载事件\n///\n///\n///\nprivatevoidUserItemControl_Load(objectsender,EventArgse)\n{\nBindData();\nRefreshColor();\n}\n\n///\n///根据用户定义信息，显示不同的内容\n///\nprivatevoidBindData()\n{\nif(this.UserItemInfo!=null)\n{\nvarinfo=this.UserItemInfo;\nthis.lblCustomerName.Text=info.CustomerName;\nthis.lblMobile.Text=info.Mobile;\nthis.lblReceiver.Text=info.Receiver;\nthis.lblRecordDate.Text=info.RecordDate;\nthis.lblRecordNo.Text=info.RecordNo;\nthis.lblDealType.Text=&34;;\nthis.lblStar.ImageOptions.ImageIndex=GetStarImageIndex(info.Stars);\nif(!info.IsVip)\n{\nthis.lblVip.Visibility=LayoutVisibility.Never;\n}\n}\n}\n\n///\n///刷新背景色\n///\nprivatevoidRefreshColor()\n{\nif(ItemBlockColor!=Color.Empty)\n{\nthis.itemColor.AppearanceItemCaption.BackColor=ItemBlockColor;\n}\nif(ItemBackColor!=Color.Empty)\n{\nlayoutControl1.BackColor=ItemBackColor;\n}\n}
但我们鼠标浮动在项目上或者离开的时候，或者单击某项的时候，我们变换下颜色，方便区分显示。
privatevoidlayoutControl1_MouseLeave(objectsender,EventArgse)\n{\nif(!this.IsSelected)\n{\nthis.layoutControl1.ResetBackColor();\n}\n}\n\nprivatevoidlayoutControl1_MouseEnter(objectsender,EventArgse)\n{\nif(!this.IsSelected)\nthis.layoutControl1.BackColor=Color.FromArgb(192,255,192);\n}\n\nprivatevoidlayoutControl1_Click(objectsender,EventArgse)\n{\nthis.IsSelected=true;\nOnItemClick?.Invoke(this,e);\n}
完成这些后，我们需要在窗体上对内容进行初始化。
最后我们看看界面的效果如下所示
或者下面这样的界面布局。
如果嫌弃边框红色不好看，我们可以修改边框为灰色调一点的，这样总体看起来效果如下所示。
得到和我们最终需要的界面很接近了。
一般除了悬浮鼠标颜色变化外，控件单击后，我们会设置不同的背景色，以示区分。
///\n///是否选中节点\n///\npublicboolIsSelected\n{\nget\n{\nreturnm_IsSelected;\n}\nset\n{\nm_IsSelected=value;\n\nthis.ItemBackColor=value?Color.FromArgb(255,255,192):Color.Transparent;\nthis.RefreshColor();\n}\n}
一般列表界面中，我们除了支持鼠标移动、单击变色的效果外，我们还希望支持通过键盘箭头上下键进行上下浏览项目。我们如果需要使用键盘的按键，需要设置窗体的KeyPreview属性为True，
然后跟踪按键的事件即可，如下所示。
this.KeyPreview=true;\nthis.KeyUp+=FrmKanBan_KeyUp;
按键事件捕捉处理如下所示，主要就是判断选中的用户控件，并对面板的子控件的选中效果进行处理。
privatevoidFrmKanBan_KeyUp(objectsender,KeyEventArgse)\n{\n//单击鼠标或者切换按键，会触发用户控件获得selectItem对象，可以进行箭头上下移动\nif(selectItem!=null)\n{\nvarpanel=selectItem.Parent;\nif(panel!=null)\n{\n//获取操作项的索引值\nintoldIndex=panel.Controls.IndexOf(selectItem);\nif(e.KeyCode==Keys.Up)\n{\nif(oldIndex>0)\n{\n//通过序号获得新的控件，并单击它触发选择事件\nvarnewCtrl=panel.Controls[oldIndex-1];\nItem_OnItemClick(newCtrl,newEventArgs());\n}\n}\nelseif(e.KeyCode==Keys.Down)\n{\nif(oldIndex<(panel.Controls.Count-1)){//通过序号获得新的控件，并单击它触发选择事件varnewCtrl=panel.Controls[oldIndex+1];Item_OnItemClick(newCtrl,newEventArgs());}}}}}
界面中用户控件的切换选中效果，需要先清空之前所有的选择，然后在设置新的选中控件，所以还需要对控件触发单击事件进行处理，如下所示。
///\n///选中的用户控件对象实例\n///\nUserItemControlselectItem=null;\n///\n///单击用户控件，触发清除所有标记后，再次设置选中的项目标记\n///\nprivatevoidItem_OnItemClick(objectsender,EventArgse)\n{\n//清空所有控件的选中标记\nvarpanel=(PanelControl)((Control)sender).Parent;\nforeach(Controlctrlinpanel.Controls)\n{\nvaritem=ctrlasUserItemControl;\nif(item!=null)\n{\nitem.IsSelected=false;\n}\n}\n\n//设置选中控件\nselectItem=((UserItemControl)sender);\nselectItem.IsSelected=true;\nthis.Text=selectItem.UserItemInfo.CustomerName+&34;;\n\n//如果在面板中遮挡，移动滚动条，可以查看到完整用户控件界面\npanel.ScrollControlIntoView(selectItem);\n}
如下效果所示。
二、TabelLayout和StackLayout布局控件的介绍和使用
我们在做Winform开发的时候，一般知道，微软传统Winform的布局提供两个控件，FlowLayoutPanel和TableLayoutPanel，一个是流式布局，一个是表格布局，各有各的用处。流式布局主要就是按照顺序挨个放置控件，表格布局主要按照表格的定义的行列单元格，严格放置控件，表格单元格控制强度更大，而且控件具有拉伸效果。
对于DevExpress，我们一般还是倾向于采用它提供给的控件来做界面，可以很好融合它的皮肤效果，相对于Winform传统两个布局控件，DevExpress提供了两个封装效果相当的控件布局StackPanel和TablePanel，他们的效果实现大同效果，不过调用的接口不同。
对于两个控件，我们希望里面的内容自动出现滚动条，那么设置属性AutoScroll为True即可，如下代码所示。
panel.AutoScroll=true;
而StackPanel另外需要LayoutDirection，也就是控件顺序展现的方式，如下代码所示。
panel.LayoutDirection=StackPanelLayoutDirection.TopDown;
使用StackPanel面板来测试展示用户控件列表的界面代码如下所示。
///\n///使用StackPanel对用户控件布局进行处理\n///\nprivatevoidInitPanel(StackPanelpanel)\n{\npanel.AutoScroll=true;//面板自动出现滚动条\npanel.LayoutDirection=StackPanelLayoutDirection.TopDown;//从上往下展示\npanel.Controls.Clear();//清空界面\n\nvarlist=GetInfoList();//获取用户控件绑定的对象信息列表\nfor(inti=0;i<list.Count;i++){//定义用户控件实例varitem=newUserItemControl();item.UserItemInfo=list[i];//绑定对象信息item.Anchor=AnchorStyles.Top|AnchorStyles.Left|AnchorStyles.Right;item.ItemBlockColor=colors[i%10];//变化颜色item.OnItemClick+=Item_OnItemClick;//触发选中事件panel.Controls.Add(item);}}
对于表格布局TablePanel控件来说，使用初始化控件的方式也差不多，不过有个别地方注意即可。
///\n///使用TablePanel对用户控件布局进行处理\n///\nprivatevoidInitPanel(TablePanelpanel)\n{\npanel.AutoScroll=true;//面板自动出现滚动条\npanel.Controls.Clear();//清空界面\npanel.Rows.Clear();//清空行\npanel.Columns.Clear();//清空列\n\n//添加列定义（增加一个列即可）\npanel.Columns.Add(newTablePanelColumn(TablePanelEntityStyle.Relative,55F));\nvarlist=GetInfoList();//获取用户控件绑定的对象信息列表\nfor(inti=0;i<list.Count;i++){//定义行信息panel.Rows.Add(newTablePanelRow(TablePanelEntityStyle.AutoSize,100F));//定义用户控件实例varitem=newUserItemControl();item.UserItemInfo=list[i];//定义拉伸效果item.Anchor=AnchorStyles.Top|AnchorStyles.Left|AnchorStyles.Right;item.ItemBlockColor=colors[i%10];//变化颜色item.OnItemClick+=Item_OnItemClick;//触发选中事件//先添加控件到面板集合中panel.Controls.Add(item);//设置控件的单元格位置panel.SetCell(item,i,0);}//添加多一行，确保布局panel.Rows.Add(newTablePanelRow(TablePanelEntityStyle.AutoSize,100F));}
添加控件的时候，需要注意下面的代码，才能正常展示控件信息，否则无法看到用户控件。
//先添加控件到面板集合中\npanel.Controls.Add(item);\n//设置控件的单元格位置\npanel.SetCell(item,i,0);
最后对比下效果，左边是TablePanel，右边是StackPanel展现出来的效果。
以上就是界面如何在DevExpress开发中使用各种用户控件进行用户控件的创建、以及实现鼠标进入、移出、单击的不同效果，以及实现键盘上下箭头按键的事件选中效果，并介绍DevExpress中两个布局控件TabelPanel和StackPanel的正常使用，达到展示控件信息的作用。
本文转载自-伍华聪
关于winform登录小米网站源码分享(c，小米商城web代码的介绍到此结束，希望对大家有所帮助。