.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;

图1

图2

图3

图4

d.ItemScroll属性

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

e.ItemScrollCount属性

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

f.Location属性

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

g.SelectBackColor属性

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

图5

图6

图7

图8

h.SelectForeColor属性

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

i.SelectItemIndex属性

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

j.Size属性

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

图9

图10

图11

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

二、手机效果显示

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏杨龙飞前端

checkbox的常见问题

23850
来自专栏Google Dart

AngularDart Material Design 弹出框 顶

(adsbygoogle = window.adsbygoogle || []).push({}); fun...

7120
来自专栏Felix的技术分享

绘制可自由伸缩的输入框背景

22560
来自专栏一“技”之长

Java开发GUI之绝对布局 原

    前面多篇博客介绍了Java的awt包中的布局管理类,当然也可以不使用任何布局管理类,开发者可以直接设置组件的坐标和尺寸,示例代码如下:

10620
来自专栏码农阿宇

HTML基础加强

1. 什么是浏览器:解释和执行HTML源码的工具。 2. 什么是静态页面,什么样的页面是动态页面? 静态页面:htm,html(直接读取) 动态网页:asp...

363100
来自专栏一“技”之长

标签之美十——用户交互元素 原

任何一个网页都会提供用户交互的功能,包括账号密码的提交,留言板等用户信息的的获取。

8930
来自专栏别先生

HTML入门的简单学习

1:HTML简介     1.1:HTML(Haper Text Markup language):超文本标记语言     超文本就是指页面内可以包含图片,链接...

542100
来自专栏Java帮帮-微信公众号-技术文章全总结

Web-第二天 HTML表单&CSS【悟空教程】

所有的html标签中,表单标签是最重要的。在实际开发中,最经典的实例就是用户注册,覆盖了表单标签的所有的元素。效果图如下:

46740
来自专栏闻道于事

第二天0605下午——超链接<a>与图片<img>

今天下午学习了超链接<a>标签和图片<img>标签,以下面代码为例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

36580
来自专栏.Net移动开发

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件的使用方式

获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写ImageResourceID(菜单项图片名称),SelectImageResourceID(...

7230

扫码关注云+社区

领取腾讯云代金券