APP开采平台,Smobiler开拓平台

一、          样式一

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

银河国际点击登录, 

银河国际点击登录 1 

一、目标样式

银河国际点击登录 2

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

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

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

银河国际点击登录 3

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

2.修改TextTabBar控件的属性

 银河国际点击登录 4

a.BackColor属性

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

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

b.ForeColor属性

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

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

c.Items属性

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

图1 图2 图3 图4

银河国际点击登录 5

d.ItemScroll属性

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

图 1设置界面

e.ItemScrollCount属性

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

  1. ForeColor属性

f.Location属性

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

设置控件字体的颜色,将该属性设置为“Black”,如图 2;

g.SelectBackColor属性

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

图5 图6 图7 图8

 银河国际点击登录 6

h.SelectForeColor属性

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

图 2设置界面

i.SelectItemIndex属性

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

  1. Items属性

j.Size属性

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

图9 图10 图11

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

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

银河国际点击登录 7

 银河国际点击登录 8

二、手机效果显示

银河国际点击登录 9 银河国际点击登录 10

图 3设置界面1

银河国际点击登录 11 

图 4设置界面2

  1. Location属性

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

 银河国际点击登录 12

图 5设置界面

  1. SelectBackColor属性

获取和设置标签栏单元选择状态背景色,将该属性设置为“249, 249, 249”,如图
6;

 银河国际点击登录 13

图 6设置界面

  1. SelectForeColor属性

获取和设置标签栏单元选择状态前景色,将该属性设置为“122, 69, 229”,如图
7;

银河国际点击登录 14 

图 7设置界面

  1. SelectItemIndex属性

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

 银河国际点击登录 15

图 8设置界面

  1. Size属性

让ImageTabBar控件大小为(110, 20),如图 9;

银河国际点击登录 16 

图 9设置界面

二、          手机效果显示

 银河国际点击登录 17银河国际点击登录 18

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website