.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件

TextTabBar控件

一、          样式一

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第1张图片

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

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

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第2张图片

  1. 修改TextTabBar的属性
    1. BackColor属性

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

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第3张图片

图 1设置界面

  1. Border属性

设置控件边框,将该属性设置为“1,1,1,1”,如图 2;

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第4张图片

图 2设置界面

  1. BorderColor属性

设置控件边框颜色,将该属性设置为“White”,如图 3;

.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第5张图片 

图 3设置界面

  1. BorderRadius属性

设置控件边框的角度,将该属性设置为“5”,如图 4;

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第6张图片

图 4设置界面

  1. BorderSize属性

设置控件边框大小,默认设置为“0.1”,如图 5;

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第7张图片

图 5设置界面

  1. ForeColor属性

设置控件字体的颜色,默认设置为“White”,如图 6;

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第8张图片

图 6设置界面

  1. Items属性

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

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第9张图片

图 7设置界面1

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第10张图片

图 8设置界面2

  1. Location属性

让控件显示在合适的位置(41, 5),如图 9;

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第11张图片

图 9设置界面

  1. SelectBackColor属性

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

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第12张图片

图 10设置界面

  1. SelectForeColor属性

获取和设置标签栏单元选择状态前景色,将该属性设置为“18, 183, 245”,如图 11;

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第13张图片

图 11设置界面

  1. SelectItemIndex属性

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

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第14张图片

图 12设置界面

  1. Size属性

让TextTabBar控件大小为(37, 10),如图 13;

.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第15张图片 

图 13设置界面

二、          手机效果显示

 .NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件_第16张图片

转载于:https://www.cnblogs.com/amanda112/p/9364924.html

你可能感兴趣的:(.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件)