八、 提供可交互的属性视图
当你在visual c# .net中创建一个项目的时候,你可能会注意到属性窗口的工具栏上有一个像闪电的按钮,按下这个按钮属性窗口就会切换到事件视图,这样就可以来编辑事件处理了。
属性窗口的视图来自“属性页(property tabs)”,因此视图使用的最主要的类是propertytab,命名空间是system.windows.forms.design。一个属性页可以和一个特别的组件、设计文档关联起来,或者是可以使用的静态关联。和组件或文档关联起来的属性页在类上用propertytabattribute特性来指定。这个特性指定要创建的tab的类型,它在属性窗口上是否显示由propertytabattribute的propertytabscope参数来指定。指定为component范围的属性页的可见性由有propertytabattribute特性的组件的可见性来决定。document范围的属性页则可以在当前项目的设计中都可见。他的默认值是propertytabscope.component。
举一个例子来说,看看“funkybutton”项目。funkybutton是一个扩展了propertytab的usercontrol,而且可以让我们把控件定为不规则的多边形。
图6. funkybutton
当前选择的属性页就是属性窗口从被选择的控件的属性中得到的。属性页因此就允许来操纵显示属性的不同集合。events页就是像属性一样以某种方式来处理事件。在这个例子中,属性页就创建了表示控件顶点的属性。
.net framework中的属性用propertydescriptor类来封装。propertydescriptor本身是一个抽象类,framework中由他派生的类提供了访问组件的开放属性的方法。不过,属性窗口是直接作用在propertydescriptor上,而不是直接作用在属性上。因此,我们就可以写自己的propertydescriptor来做一些特殊的工作。在这个例子里,我们就有一个属性表示控件的顶点数,另一个就表示每一个顶点。再次注意一下,我们在属性窗口上增加页并不相应的作用在其他对象上。
当属性窗口向propertytab询问properties的时候,它就调用getproperties方法。对于我们的示例程序,这个方法就像下面的一样:
public override propertydescriptorcollection
getproperties(itypedescriptorcontext context, object component,
attribute[] attrs)
{
// our list of props.
//
arraylist proplist = new arraylist();
// add the property for our count of vertices
//
proplist.add(new numpointspropertydescriptor(this));
// add a property descriptor for each vertex
//
for (inti = 0; i < ((funkybutton)component).points.count; i++)
{
proplist.add(new vertexpropertydescriptor(this,i));
}
// return the collection of propertydescriptors.
propertydescriptor[] props =
(propertydescriptor[])proplist.toarray(typeof(propertydescriptor));
return new propertydescriptorcollection(props);
}
getproperties仅仅是返回一些属性描述的集合。propertydescriptors是相当的简单,仔细查看这些代码以了解他们是怎么工作的。
funkybutton同时示例了下拉列表编辑器的实现。对于每一个点,我们不是简单的输入坐标的x和y值,我们会图示funkybutton的形状,而且可以用图形化的方法改变点的位置。这样设置的编辑样式更加地友好。
图7. 图形化的点向量
由于订制的propertytab提供了属性,重载这个属性的编辑器也是很容易的。只要简单地重载propertydescriptor的geteditor方法,然后返回订制组件的实例就可以了。
public override object geteditor(type editorbasetype)
{
// make sure were looking for a uitypeeditor.
//
if (editorbasetype == typeof(system.drawing.design.uitypeeditor))
{
// create and return one of our editors.
//
if (editor == null)
{
editor = new pointuieditor(owner.target);
}
return editor;
}
return base.geteditor(editorbasetype);
}
设计编辑器同样简单。编辑器就是一个简单的usercontrol,所以我们就可以像设计其他的windowsforms对象一样来做。
图8. designing the editor
最后,当用户在属性窗口中点击下拉箭头时,我们的编辑器就可以将刚才创建ui编辑器弹出来了。pointuieditor中的uitypeeditor.editvalue重载后就可以实现了。
public override object editvalue(
itypedescriptorcontext context,
iserviceprovider sp, object value)
{
// get the editor service.
iwindowsformseditorservice edsvc =
(iwindowsformseditorservice)sp.getservice(typeof(iwindowsformseditorservice));
// create our ui
if (ui == null)
{
ui = new pointeditorcontrol();
}
// initialize the ui with the settings for this vertex
ui.selectedpoint = (point)value;
ui.editorservice = edsvc;
ui.target = (funkybutton)context.instance;
// instruct the editor service to display the control as a
// dropdown.
edsvc.dropdowncontrol(ui);
// return the updated value;
return ui.selectedpoint;
}
九、 我们同样可以使用它
在你自己的应用中可以拥有和ide属性窗一样的特性。把system.windows.forms.propertygrid的控件,添加到ide中的toolbox中,通过获取在toolbox的component标签里的propertygrid。
propertygrid和其他的控件工作是一样的。你可以anchor或者是dock他,改变它的色彩等。下面的列表列出了propertygrid的一些有趣的属性。
•selectedobject
propertygrid要显示的对象
•toolbarvisible
显示或者隐藏propertygrid顶端的toolbar
•helpvisible
显示或者隐藏propertygrid底端的帮助文本
•propertysort
设置propertygrid的排序类型 (categorized, alphabetical, etc.).
这些属性都可以在设计时设置。在运行时,可以操作propertygrid让他显示的你的对象。下面是显示一个button的例子。在这个例子中,porpertygrid的帮助和toolbox都被隐藏了。就像上面提到的,你可以设置他自己的属性。
图9. 隐藏了toolbar和帮助信息的propertygrid
十、 结论
net framework和visual studio .net给属性窗口增加了相当多的功能。由于属性窗口是rad的核心,这些特性可以在保持易用性的同时有很多的扩展,也因此在visual basic中用的很普遍。就像可以在我们的程序中使用propertygrid,我们可以把更多的时间放在如何写好程序上,从而简化我们的ui工作。
—————————————————————————————–
<<<<<<<<<<<<<<<<<<<待续>>>>>>>>>>>>>>>>>>>>>>