zoukankan      html  css  js  c++  java
  • .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;

    ItemBackColor属性 ItemBackColorAlpha属性 ItemDefaultIcon属性
    图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;

    Items属性 Items属性 location属性 size属性
    图4 图5 图6 图7

    二、手机效果显示

    手机效果显示

  • 相关阅读:
    模拟登陆+数据爬取 (python+selenuim)
    matplotlib基本使用(矩形图、饼图、热力图、3D图)
    tensorflow进阶篇-4(损失函数1)
    CS231n学习笔记-图像分类笔记(下篇)
    CS231n学习笔记-图像分类笔记(上篇)
    numpy 基本使用1
    tensorflow基础篇-2
    tensorflow进阶篇-3
    tensorflow基础篇-1
    自定义滚动条第一版
  • 原文地址:https://www.cnblogs.com/amanda112/p/6133275.html
Copyright © 2011-2022 走看看