.Net语言 APP开发平台——Smobiler学习日志：如何快速实现快递信息流的效果

最前面的话：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

二、手机效果显示