前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >.Net语言 APP开发平台——Smobiler学习日志:如何快速实现快递信息流的效果

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

作者头像
Amanda.li
发布2018-08-30 11:36:17
5690
发布2018-08-30 11:36:17
举报
文章被收录于专栏:.Net移动开发.Net移动开发
最前面的话: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

二、手机效果显示

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-12-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、目标样式
    • 1.从工具栏上的“Smobiler Components”拖动一个NodeView控件到窗体界面上
      • 2.修改NodeView控件的属性
        • a.ItemBackColor属性
        • b.ItemBackColorAlpha属性
        • c.ItemDefaultIcon属性
        • d.Items属性
        • e.Location属性
        • f.Size属性
    • 二、手机效果显示
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档