首页 > 代码库 > .Net语言 APP开发平台——Smobiler学习日志:如何快速实现快递信息流的效果

.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

二、手机效果显示

技术分享

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