.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

二、手机效果显示

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯NEXT学位

CSS布局解决方案(上)

31540
来自专栏小白安全

0基础HTML

一、什么是HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标...

27750
来自专栏向治洪

html5标签基础

1.声明:<!DOCTYPE> HTML有多个不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确的显示出HTML页面,这就是<!DOC...

20390
来自专栏河湾欢儿的专栏

表单

form 表单 <input type="…… " name="" value="" /> text 文本框 passwor...

10220
来自专栏菜鸟计划

CSS布局(五) 网页布局方式

网页实质是块与块之间的位置,块挨着块,块嵌套块,块叠着块。 三种关系:相邻,嵌套,重叠。 下面介绍网页布局的常用几种方式 ? 1.一列布局: 一般都是固定的宽高...

40660
来自专栏JavaEdge

CSS 全解析实战(二)-HTML基础强化1 HTML常见元素和理解(1)2 HTML常见元素和理解(2)3 HTML常见元素和理解(3)4 HTML版本5 元素分类6 嵌套关系

9410
来自专栏小樱的经验随笔

【Android开发学习笔记之一】5大布局方式详解

Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件。 帧布局(FrameLayout):组件从...

35080
来自专栏前端儿

图片轮播(左右切换)--JS原生和jQuery实现

左右切换的做法基本步骤跟 上一篇文章  淡入淡出 类似,只不过修改了一些特定的部分

1.2K20
来自专栏一个小程序员的成长笔记

CSS深入理解学习笔记之overflow

1、Overflow基本属性   overflow:visible(默认)/hidden/scroll/auto/inherit;   visible:超出部分...

37250
来自专栏DannyHoo的专栏

单元格的点击问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

14510

扫码关注云+社区

领取腾讯云代金券