• .Net语言 APP开发平台——Smobiler学习日志:手机应用的TextTabBar快速实现方式


    最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

    一、目标样式

    目标样式

    我们要实现上图中的效果,需要如下的操作:

    1.从工具栏上的“Smobiler Components”拖动一个TextTabBar控件到窗体界面上

    目标样式

    2.修改TextTabBar控件的属性

    a.BackColor属性

    设置控件的背景色为“White”,如图1;

    b.ForeColor属性

    设置控件字体的颜色,将该属性设置为“95, 100, 110”,表示RGB颜色,如图2;

    c.Items属性

    获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写Text(菜单项文本),Value(内部值,不在界面上显示),如图3、图4;

    backcolor属性 forecolor属性 items属性 items属性
    图1 图2 图3 图4

    d.ItemScroll属性

    设置是否允许标签栏滚动,将该属性设置为“True”,如图5;

    e.ItemScrollCount属性

    设置当ItemScroll属性为“True”时每次显示的单元数量,将该属性设置为“4”,如图6;

    f.Location属性

    让控件显示在合适的位置(0, 16.5),如图7;

    g.SelectBackColor属性

    获取和设置标签栏单元选择状态背景色,默认设置为“White”,如图8;

    ItemScroll属性 ItemScrollCount属性 location属性 selectbackcolor属性
    图5 图6 图7 图8

    h.SelectForeColor属性

    获取和设置标签栏单元选择状态前景色,将该属性设置为“255, 80, 0”,表示RGB颜色,如图9;

    i.SelectItemIndex属性

    获取和设置标签栏默认选择索引,默认设置为“0”,如图10;

    j.Size属性

    设置控件的宽度和高度,将该属性设置为(118, 13),如图11;

    selectforecolor属性 selectitemindex属性 size属性
    图9 图10 图11

    3.Smobiler窗体设计界面显示效果

    界面效果显示

    二、手机效果显示

    手机效果显示 手机效果显示

  • 相关阅读:
    布隆过滤器
    springboot+redis实现分布式锁
    springboot+redis实现消息队列
    工作启示文章收藏
    redis常用命令
    前方的路
    分布式系统中对cookie和session的思考
    用Markdown来写自由书籍-开源技术的方案
    Centos 7.0添加yum本地安装源
    爹地,我找到了!15个极好的Linux find命令示例
  • 原文地址:https://www.cnblogs.com/amanda112/p/6251586.html
Copyright © 2020-2023  润新知