欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-02 09:37:11
...

一、          样式一

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

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

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

 VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

  1. 修改SliderView的属性
    1. Items属性

获得和设置标签视图集合,打开集合编辑器,并点击“添加”,分别填写ResourceID属性(菜单项图片名称),Text(菜单项文本),Value(内部值,不在界面上显示),如图1、图 2;

 VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 1设置界面1

 

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 2设置界面2

  1. Location属性

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

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 3设置界面

  1. Mode属性

获取或设置获取图像模式,默认设置为“File”, 表示直接从文件中读取图像,如图 4;

 VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 4设置界面

若将该属性设置为“Customize”,表示可以从自定义的接口中获取图像的二进制数据。

  1. Size属性

让SliderView控件大小为(120, 38),如图 5;

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 5设置界面

  1. SizeMode属性

设置如何显示图片,默认设置为“Zoom”,即极速显示图片,如图 6;

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 6设置界面

若SizeMode属性设置为“StretchImage”时,图片可以按图片框的大小比例缩放显示。

  1. Visible属性

设置控件是否显示,将Visible属性设置为“True”,如图 7;

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 7设置界面

若将Visible属性设置为“False”,控件则无法显示。

  1. ZIndex属性

获取和设置表示在Z轴上的显示顺序的值,默认设置为“0”,说明该控件显示在最底层,如图 8;

VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

图 8设置界面

而该属性的值越大,表示显示在越上层。

二、          手机效果显示

 VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APPVS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 
VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
 

  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 281.2 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 159.8 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 12.5 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 39.2 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 12.7 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 12.6 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 11.1 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 12.1 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 12.3 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 12.2 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 831.8 KB
  • VS移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式
            
    
    博客分类: .Net移动开发 VSC#移动开发.NET移动开发SmobilerC#开发APP
  • 大小: 58.6 KB