最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便
样式一
一、目标样式
我们要实现上图中的效果,需要如下的操作:
1.从工具栏上的“Smobiler Components”拖动一个NodeView控件到窗体界面上
2.修改NodeView控件的属性
a.ItemBackColor属性
设置NodeViewItem的背景色,将该属性设置为“White”,如图1;
b.ItemBackColorAlpha属性
设置NodeViewItem背景色的透明度,将该属性设置为“0”,即背景全透明,如图2;
c.ItemDefaultIcon属性
设置NodeViewItem默认的icon,将该属性设置为“icon1”,如图3;
图1 | 图2 | 图3 |
d.Items属性
打开集合编辑器,并点击"添加",Date属性(NodeViewItem的时间),DateColor属性(时间的颜色),Icon属性(NodeViewItem的Icon图像资源),Image属性(NodeViewItem中的图片资源),SubText属性(NodeViewItem的详细描述文本),SubTextColor属性(SubText的文本颜色),Text属性(NodeViewItem的标题文本),TextColor属性(Text的文本颜色)和Value属性(内部值,不在界面上显示),如图4、图5;
e.Location属性
让控件显示在合适的位置(0, 45),如图6;
f.Size属性
设置控件的宽度和高度,将该属性设置为(119, 155),如图7;
图4 | 图5 | 图6 | 图7 |